成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

基于 Vue 的移動(dòng)端圖片查看插件.

wenyiweb / 1738人閱讀

摘要：移動(dòng)端圖片瀏覽插件演示地址演示地址安裝使用標(biāo)簽時(shí)如果是一個(gè)對(duì)象數(shù)組的時(shí)候需要額外為傳遞一個(gè)參數(shù)用于標(biāo)記對(duì)象里哪一個(gè)字段是圖片背景圖時(shí)和背景圖之間的區(qū)別的查看效果圖片帶一個(gè)放大效果而背景圖不帶為設(shè)置大小的時(shí)候可能會(huì)

wc-view

移動(dòng)端圖片瀏覽插件.

演示地址

演示地址

安裝 
npm i wc-view --save-dev
使用 
import wcView from "wc-view";
import "wc-view/style.css";
Vue.use(wcView);
img 標(biāo)簽時(shí): 


如果 list 是一個(gè)對(duì)象數(shù)組的時(shí)候,
需要額外為 $preview 傳遞一個(gè)參數(shù), 用于標(biāo)記對(duì)象里哪一個(gè)字段是圖片 url;


背景圖時(shí):
img 和 背景圖之間的區(qū)別:

img的查看效果, 圖片帶一個(gè)放大效果; 而背景圖不帶;

為 img 設(shè)置大小的時(shí)候, 可能會(huì)顯示變形, 而背景圖可以通過 background-size 保持圖片

顯示正常;

需要額外的為 img 標(biāo)簽加上一個(gè) wc-perview-img class, 為的是放大效果正常顯示;

其他

壓縮之后在 10k 左右;

默認(rèn)的圖片顯示方式是寬度優(yōu)先, 高度會(huì)按比例縮放;(一般情況下圖片的寬度會(huì)被變成 100% 屏幕寬度)

支持 pagination;

項(xiàng)目地址

wc-view;

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/90047.html

相關(guān)文章

  • 使用vue開發(fā)移動(dòng)端管理后臺(tái)

    摘要：獨(dú)立完成一個(gè)移動(dòng)端項(xiàng)目不是很明白為何會(huì)有這樣的商品管理后臺(tái)，還是有些經(jīng)驗(yàn)不足，包括對(duì)產(chǎn)品的全局思考，對(duì)插件的選擇等，都有考慮不周的缺點(diǎn)，導(dǎo)致自己中途想換圖形界面插件，浪費(fèi)了點(diǎn)時(shí)間，這里記錄下，總結(jié)下經(jīng)驗(yàn)，理一下思路。 獨(dú)立完成一個(gè)移動(dòng)端項(xiàng)目(不是很明白為何會(huì)有這樣的商品管理后臺(tái))，還是有些經(jīng)驗(yàn)不足，包括對(duì)產(chǎn)品的全局思考，對(duì)插件的選擇等，都有考慮不周的缺點(diǎn)，導(dǎo)致自己中途想換圖形界面插件，...

    simpleapples 評(píng)論0 收藏0

  • 用vue開發(fā)一個(gè)公眾號(hào)商城SPA——1.前期準(zhǔn)備和寫頁面

    摘要：使用開發(fā)公眾號(hào)商城第篇記錄項(xiàng)目準(zhǔn)備搭建，寫頁面遇到第問題以及總結(jié)，持續(xù)更新公司最近接了個(gè)商城項(xiàng)目，包括端商城微信公眾號(hào)網(wǎng)頁商城后臺(tái)管理系統(tǒng)。這幾天在做微信公眾號(hào)商城，又新接觸了很多東西。 使用vue開發(fā)公眾號(hào)商城 第1篇記錄項(xiàng)目準(zhǔn)備、搭建，寫頁面遇到第問題以及總結(jié)，持續(xù)更新 公司最近接了個(gè)商城項(xiàng)目，包括PC端商城、微信公眾號(hào)網(wǎng)頁商城、后臺(tái)管理系統(tǒng)。這幾天在做微信公眾號(hào)商城，又新接觸了很...

    endiat 評(píng)論0 收藏0

  • 用vue開發(fā)一個(gè)公眾號(hào)商城SPA——1.前期準(zhǔn)備和寫頁面

    摘要：使用開發(fā)公眾號(hào)商城第篇記錄項(xiàng)目準(zhǔn)備搭建，寫頁面遇到第問題以及總結(jié)，持續(xù)更新公司最近接了個(gè)商城項(xiàng)目，包括端商城微信公眾號(hào)網(wǎng)頁商城后臺(tái)管理系統(tǒng)。這幾天在做微信公眾號(hào)商城，又新接觸了很多東西。 使用vue開發(fā)公眾號(hào)商城 第1篇記錄項(xiàng)目準(zhǔn)備、搭建，寫頁面遇到第問題以及總結(jié)，持續(xù)更新 公司最近接了個(gè)商城項(xiàng)目，包括PC端商城、微信公眾號(hào)網(wǎng)頁商城、后臺(tái)管理系統(tǒng)。這幾天在做微信公眾號(hào)商城，又新接觸了很...

    doodlewind 評(píng)論0 收藏0

  • 用vue開發(fā)一個(gè)公眾號(hào)商城SPA——1.前期準(zhǔn)備和寫頁面

    摘要：使用開發(fā)公眾號(hào)商城第篇記錄項(xiàng)目準(zhǔn)備搭建，寫頁面遇到第問題以及總結(jié)，持續(xù)更新公司最近接了個(gè)商城項(xiàng)目，包括端商城微信公眾號(hào)網(wǎng)頁商城后臺(tái)管理系統(tǒng)。這幾天在做微信公眾號(hào)商城，又新接觸了很多東西。 使用vue開發(fā)公眾號(hào)商城 第1篇記錄項(xiàng)目準(zhǔn)備、搭建，寫頁面遇到第問題以及總結(jié)，持續(xù)更新 公司最近接了個(gè)商城項(xiàng)目，包括PC端商城、微信公眾號(hào)網(wǎng)頁商城、后臺(tái)管理系統(tǒng)。這幾天在做微信公眾號(hào)商城，又新接觸了很...

    luoyibu 評(píng)論0 收藏0

  • 用vue開發(fā)一個(gè)公眾號(hào)商城SPA——1.前期準(zhǔn)備和寫頁面

    摘要：使用開發(fā)公眾號(hào)商城第篇記錄項(xiàng)目準(zhǔn)備搭建，寫頁面遇到第問題以及總結(jié)，持續(xù)更新公司最近接了個(gè)商城項(xiàng)目，包括端商城微信公眾號(hào)網(wǎng)頁商城后臺(tái)管理系統(tǒng)。這幾天在做微信公眾號(hào)商城，又新接觸了很多東西。 使用vue開發(fā)公眾號(hào)商城 第1篇記錄項(xiàng)目準(zhǔn)備、搭建，寫頁面遇到第問題以及總結(jié)，持續(xù)更新 公司最近接了個(gè)商城項(xiàng)目，包括PC端商城、微信公眾號(hào)網(wǎng)頁商城、后臺(tái)管理系統(tǒng)。這幾天在做微信公眾號(hào)商城，又新接觸了很...

    snowLu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<