更新记录

1.1.0(2020-06-11)

2020-05-19 处理小程序端兼容问题

1.0.0(2020-05-19)

图片数组排版组件

查看更多

平台兼容性

Vue App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
vue2 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页面中使用

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问