更新记录

1.0.2（2019-12-09）

修正传入的数据改变时，卡片显示内容不更新的问题

1.0.1（2019-12-06）

修改slot传回的参数名

1.0.0（2019-12-05）

新增

平台兼容性

可拖进示例项目运行

组件简介

滑动卡片重叠式内容展示组件

参数及用法

<movable-swiper :dataList="lastDataList" :height="movHeight">
    <template v-slot="{movSlotData}">
        <!-- 这里面放你自己的要显示的东西，图片什么的，下面这是示例 -->
        <view v-if="movSlotData" style="line-height: 360rpx;text-align: center;font-size: 12px;">
            <text>{{movSlotData.name}}</text>:<text>{{movSlotData.tit}}</text>
        </view>
    </template>
</movable-swiper>

import movableSwiper from '@/components/movable-swiper/movable-swiper.vue'

components:{
    movableSwiper
},

data() {
    return {
        movHeight: '360rpx',//卡片高度
        //传入的数据示例
        lastDataList:[
            {name: '第1屏',tit: 'one'},
            {name: '第2屏',tit: 'two'},
            {name: '第3屏',tit: 'three'}
        ],
    }
},

注意

项目用到大概做了下，大家有什么建议都可以提一下