更新记录
1.0.1(2020-12-23) 下载此版本
适配h5端
1.0.0(2020-12-17) 下载此版本
插件参数
src:图片地址 swidth:组件宽度 sheight:组件高度 插件配置
以下参数为保证插件运行速度配置在插件源码中 loadPath:加载占位图的图片路径 loadBackColor:加载占位图的背景颜色 failPath:图片加载失败的图片路径 failBackColor:图片加载失败的背景颜色
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 2.9.8 app-nvue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
导入插件
<script>
import mlimage from "@/components/lantian123-mlimage/mlimage.nvue"
export default {
components: {
mlimage
},
data() {
return {
src:'http://xfimg.milaisoft.com/provider/pic/2020/12/1607329806673.png',
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
}
</script>
使用插件
<view class="content">
<!-- 使用插件 -->
<mlimage :src="src" :swidth="'700rpx'" :sheight="'233.3rpx'"></mlimage>
<view class="text-area">
<text class="title">swidth : 宽度</text>
</view>
<view class="text-area">
<text class="title">sheight : 高度</text>
</view>
<view class="text-area">
<text class="title">src : 图片路径</text>
</view>
</view>
插件参数
src:图片地址
swidth:组件宽度
sheight:组件高度
插件配置
以下参数为保证插件运行速度配置在插件源码中
loadPath:加载占位图的图片路径
loadBackColor:加载占位图的背景颜色
failPath:图片加载失败的图片路径
failBackColor:图片加载失败的背景颜色