更新记录

1.0.0（2021-02-07） 下载此版本

首次提交组件

平台兼容性

实现朋友圈图片自适应排列

说明

本组件通常用于需要处理朋友圈或者类似qq空间说说的图片自动排列布局

用法示例

<template>
    <view>
        <imageAdaptation :imgList="imgList" :imgLayout1="imgLayout1" 
                         :imgLayout2="imgLayout2" :imgLayout3="imgLayout4"></imageAdaptation>
    </view>
</template>

import imageAdaptation from '../../marchVoiceComponents/marchCircle/imageAdaptation.vue'
    export default {
        components: {
            imageAdaptation
        },
        data() {
            return {
                imgList: [
                    '../../static/img/cat.jpg','../../static/img/cat.jpg',
                    '../../static/img/cat.jpg','../../static/img/cat.jpg',
                    '../../static/img/cat.jpg','../../static/img/cat.jpg',
                    '../../static/img/cat.jpg','../../static/img/cat.jpg',
                    '../../static/img/cat.jpg'
                ],
                imgLayout1:[300,702],
                imgLayout2:[321,280],
                imgLayout3:[220,220],
            }
        }
    }

组件参数

imgLayout1参数说明

注意：imgLayout2，imgLayout3参数性质与imgLayout1相同

补充：有任何问题联系qq：780248307 。前端小姐姐，在线求打扰~