更新记录
1.1.0(2020-06-11) 下载此版本
2020-05-19 处理小程序端兼容问题
1.0.0(2020-05-19) 下载此版本
图片数组排版组件
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
文章页图片排版
图片数组排版组件,主要用于文章页图片展示排版,类似发表微博,针对图片多少对应相应的样式排版 组件名:img-box
使用方式
在 script 中引用组件
<script>
import imgBox from '../../components/image-type-set/imagebox.vue'
export default {
data() {
return {
imgList: [
'../../static/bac1.jpg',
'../../static/bac1.jpg'
]
}
},
onLoad() {
},
components: {
imgBox
},
methods: {
}
}
</script>
在 template 中使用组件
<img-box :imgList='imgList' :num='imgList.length'></img-box>
参数说明
参数名 | 类型 | 说明 |
---|---|---|
imgList | Array | 图片数组 |
num | Number | 图片数量,即数组的长度 |
注意
暂时不支持在nvue页面中使用