文件名称:v-img::camera_with_flash:使用webp和lazyload图像
文件大小:187KB
文件格式:ZIP
更新时间:2024-05-14 19:54:18
image-processing webp img lazyload-images JavaScript
v-img 该组件旨在替换本地img元素并使用webp! 目录 特征 输入jpg / png,输出webp(不处理svg / gif) 自动检查您的浏览器是否支持webp并使用它 支持云映像服务 阿里云 华为云 秦牛云 支持SSR :up_arrow: 回到顶部 安装 yarn add @femessage/v-img :up_arrow: 回到顶部 用法 < v xss=removed xss=removed> 提供者 组件使用provider选择图像处理策略,以下是可用值: 阿里巴巴(默认值,与华为云兼容) 秦牛 自己 没有任何 默认情况下使用阿里巴巴OSS服务,因此,如果您在阿里巴巴OSS上托管图像,则可以省略provider ,这意味着在阿里巴巴OSS上为jpg / png,使用v-img时可以获取webp 当provider=self ,意味着您将图像托管在服
【文件预览】:
v-img-dev
----build.sh(34B)
----netlify.sh(324B)
----yarn.lock(489KB)
----styleguide()
--------register.js(131B)
----.stylelintrc(91B)
----.eslintrc.js(492B)
----.prettierignore(10B)
----src()
--------directive.js(1009B)
--------compute-layout.js(1KB)
--------v-img.d.ts(2KB)
--------load-script.js(649B)
--------ua.js(1KB)
--------spinner.svg(4KB)
--------provider-config.js(5KB)
--------v-img.vue(6KB)
--------index.js(3KB)
----README-zh.md(7KB)
----.travis.yml(390B)
----styleguide.config.js(2KB)
----LICENSE(1KB)
----build()
--------rollup.config.js(780B)
----test()
--------ua.spec.js(2KB)
--------provider-config.spec.js(7KB)
--------compute-layout.spec.js(3KB)
----.prettierrc(73B)
----README.md(7KB)
----notify.sh(2KB)
----.all-contributorsrc(2KB)
----docs()
--------autocrop.md(969B)
--------with-v-img-preview.md(588B)
--------basic.md(971B)
--------directive.md(638B)
--------faq.md(344B)
--------loading.md(531B)
--------customize.md(1KB)
--------extra-query.md(507B)
--------prefer-https.md(732B)
--------svg.md(276B)
----.editorconfig(236B)
----.gitignore(223B)
----.babelrc.js(245B)
----package.json(3KB)