vue3图片预览插件.zip

上传者: 55305220 | 上传时间: 2022-06-14 19:05:41 | 文件大小: 165KB | 文件类型: ZIP
vue3 发布之后,开始使用 vue3 + ts 写代码,需要使用图片预览插件,在 npm 找了一圈没有适合的。要么是 v2 的插件,要么是不支持 ts,要么是使用不方便,因此封装一个简单的图片预览插件。 内附使用说明 纯手打,放心使用。 实现方式参考了 vant 部分源码,纯手写并未使用任何三方插件,可放心使用。本来只是一个简单的 pc 端图片预览插件,但是考虑到有些小伙伴可能需要兼容移动端,故特意做了兼容

文件下载

资源详情

[{"title":"( 20 个子文件 165KB ) vue3图片预览插件.zip","children":[{"title":"v3-simple-img-preview-main","children":[{"title":"vue.config.js <span style='color:#111;'> 701B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.81KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"App.vue <span style='color:#111;'> 1.50KB </span>","children":null,"spread":false},{"title":"shims-vue.d.ts <span style='color:#111;'> 168B </span>","children":null,"spread":false},{"title":"main.ts <span style='color:#111;'> 150B </span>","children":null,"spread":false},{"title":"plugin","children":[{"title":"utils.ts <span style='color:#111;'> 340B </span>","children":null,"spread":false},{"title":"icon.ts <span style='color:#111;'> 3.88KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 1.53KB </span>","children":null,"spread":false},{"title":"container.vue <span style='color:#111;'> 14.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"components","children":[{"title":"swipeItem","children":[{"title":"index.vue <span style='color:#111;'> 336B </span>","children":null,"spread":false}],"spread":true},{"title":"swipe","children":[{"title":"index.vue <span style='color:#111;'> 4.82KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"types","children":[{"title":"index.ts <span style='color:#111;'> 661B </span>","children":null,"spread":false}],"spread":true},{"title":"utils","children":[{"title":"index.ts <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".eslintrc.js <span style='color:#111;'> 311B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 706B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 236B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 771B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 2.84KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 352.11KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明