基于 Vue 的移動端圖片查看插件.

wenyiweb 發(fā)布于2019-08-21 17:49 / 1757人閱讀

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

wc-view

移動端圖片瀏覽插件.

演示地址

演示地址

安裝

npm i wc-view --save-dev

使用

import wcView from "wc-view";
import "wc-view/style.css";
Vue.use(wcView);

img 標簽時: 


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


背景圖時:

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

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

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

顯示正常;

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

其他

壓縮之后在 10k 左右;

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

支持 pagination;

項目地址

wc-view;

云服務器 GPU云服務器時間插件移動端移動端js時間插件移動端翻頁插件手機查看圖片js插件

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/90047.html

使用vue開發(fā)移動端管理后臺

摘要：獨立完成一個移動端項目不是很明白為何會有這樣的商品管理后臺，還是有些經驗不足，包括對產品的全局思考，對插件的選擇等，都有考慮不周的缺點，導致自己中途想換圖形界面插件，浪費了點時間，這里記錄下，總結下經驗，理一下思路。獨立完成一個移動端項目(不是很明白為何會有這樣的商品管理后臺)，還是有些經驗不足，包括對產品的全局思考，對插件的選擇等，都有考慮不周的缺點，導致自己中途想換圖形界面插件，...

simpleapples 2019-08-23 15:42 評論0 收藏0
用vue開發(fā)一個公眾號商城SPA——1.前期準備和寫頁面

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

endiat 2019-08-22 18:23 評論0 收藏0
用vue開發(fā)一個公眾號商城SPA——1.前期準備和寫頁面

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

doodlewind 2019-07-25 14:21 評論0 收藏0
用vue開發(fā)一個公眾號商城SPA——1.前期準備和寫頁面

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

luoyibu 2019-08-02 10:48 評論0 收藏0
用vue開發(fā)一個公眾號商城SPA——1.前期準備和寫頁面

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

snowLu 2019-08-30 15:54 評論0 收藏0