基于 Vue 的移动端图片查看插件.

wenyiweb 发布于2019-08-21 17:49 / 1684人阅读

摘要：移动端图片浏览插件演示地址演示地址安装使用标签时如果是一个对象数组的时候需要额外为传递一个参数用于标记对象里哪一个字段是图片背景图时和背景图之间的区别的查看效果图片带一个放大效果而背景图不带为设置大小的时候可能会

wc-view

移动端图片浏览插件.

演示地址

演示地址

安装

npm i wc-view --save-dev

使用

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

img 标签时: 


如果 list 是一个对象数组的时候,
需要额外为 $preview 传递一个参数, 用于标记对象里哪一个字段是图片 url;


背景图时:

img 和背景图之间的区别:

img的查看效果, 图片带一个放大效果; 而背景图不带;

为 img 设置大小的时候, 可能会显示变形, 而背景图可以通过 background-size 保持图片

显示正常;

需要额外的为 img 标签加上一个 wc-perview-img class, 为的是放大效果正常显示;

其他

压缩之后在 10k 左右;

默认的图片显示方式是宽度优先, 高度会按比例缩放;(一般情况下图片的宽度会被变成 100% 屏幕宽度)

支持 pagination;

项目地址

wc-view;

GPU云服务器云服务器时间插件移动端移动端js时间插件移动端翻页插件手机查看图片js插件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/90047.html

使用vue开发移动端管理后台

摘要：独立完成一个移动端项目不是很明白为何会有这样的商品管理后台，还是有些经验不足，包括对产品的全局思考，对插件的选择等，都有考虑不周的缺点，导致自己中途想换图形界面插件，浪费了点时间，这里记录下，总结下经验，理一下思路。独立完成一个移动端项目(不是很明白为何会有这样的商品管理后台)，还是有些经验不足，包括对产品的全局思考，对插件的选择等，都有考虑不周的缺点，导致自己中途想换图形界面插件，...

simpleapples 2019-08-23 15:42 评论0 收藏0
用vue开发一个公众号商城SPA——1.前期准备和写页面

摘要：使用开发公众号商城第篇记录项目准备搭建，写页面遇到第问题以及总结，持续更新公司最近接了个商城项目，包括端商城微信公众号网页商城后台管理系统。这几天在做微信公众号商城，又新接触了很多东西。使用vue开发公众号商城第1篇记录项目准备、搭建，写页面遇到第问题以及总结，持续更新公司最近接了个商城项目，包括PC端商城、微信公众号网页商城、后台管理系统。这几天在做微信公众号商城，又新接触了很...

endiat 2019-08-22 18:23 评论0 收藏0
用vue开发一个公众号商城SPA——1.前期准备和写页面

摘要：使用开发公众号商城第篇记录项目准备搭建，写页面遇到第问题以及总结，持续更新公司最近接了个商城项目，包括端商城微信公众号网页商城后台管理系统。这几天在做微信公众号商城，又新接触了很多东西。使用vue开发公众号商城第1篇记录项目准备、搭建，写页面遇到第问题以及总结，持续更新公司最近接了个商城项目，包括PC端商城、微信公众号网页商城、后台管理系统。这几天在做微信公众号商城，又新接触了很...

doodlewind 2019-07-25 14:21 评论0 收藏0
用vue开发一个公众号商城SPA——1.前期准备和写页面

摘要：使用开发公众号商城第篇记录项目准备搭建，写页面遇到第问题以及总结，持续更新公司最近接了个商城项目，包括端商城微信公众号网页商城后台管理系统。这几天在做微信公众号商城，又新接触了很多东西。使用vue开发公众号商城第1篇记录项目准备、搭建，写页面遇到第问题以及总结，持续更新公司最近接了个商城项目，包括PC端商城、微信公众号网页商城、后台管理系统。这几天在做微信公众号商城，又新接触了很...

luoyibu 2019-08-02 10:48 评论0 收藏0
用vue开发一个公众号商城SPA——1.前期准备和写页面

摘要：使用开发公众号商城第篇记录项目准备搭建，写页面遇到第问题以及总结，持续更新公司最近接了个商城项目，包括端商城微信公众号网页商城后台管理系统。这几天在做微信公众号商城，又新接触了很多东西。使用vue开发公众号商城第1篇记录项目准备、搭建，写页面遇到第问题以及总结，持续更新公司最近接了个商城项目，包括PC端商城、微信公众号网页商城、后台管理系统。这几天在做微信公众号商城，又新接触了很...

snowLu 2019-08-30 15:54 评论0 收藏0