更新记录

1.0.0（2023-12-18） 下载此版本

首次更新，拖拽排序

平台兼容性

Slots

Props

styles 属性说明（非自定义item项内容时有效），如果不传值则为默认值

//使用
import fszDrag from "@/components/fsz-drag/fsz-drag.vue"
export default {
    components:{
        fszDrag
    }
}

<fsz-drag :width="680" custom :itemList="itemList" :columns="4" :itemHeight="200">
        <template v-slot="{ model,width,height, index }">
            <view :style="{width:width+'px',height:height+'px'}">
                <image :src="model.src" ></image>
                <text>{{model.text}}</text>
            </view>
        </template>
</fsz-drag>

data() {
    return {
        itemList: [{
            id: 1,
            text: '招财猫',
            src: 'https://img/65180d1d1cda7c174492d80d.jpg'
        }, {
            id: 2,
            text: '海边',
            src: 'https://img/65180d1ac19c17d9efbe99d7.jpg'
        }, {
            id: 3,
            text: '环卫工人',
            src: 'https://img/65180d0505886c65123e33e3.jpg'
        }, {
            id: 4,
            text: '海边夕阳',
            src: 'https://img/65180d1724d1cb4fb43101e0.jpg'
        }, {
            id: 5,
            text: '落叶阴影',
            src: 'https://img/65180d08bb31981e1b62fa13.jpg'
        }, {
            id: 6,
            text: '大树',
            src: 'https://img/65180d1d992fbaa8dcff4c92.jpg'
        }, {
            id: 7,
            text: '棕榈树',
            src: 'https://img/65180d1a063447ddc783aaef.jpg'
        }]
    }
},
//注意，此处图片url为展示，需替换