更新记录

1.0.0（2021-01-10） 下载此版本

无

平台兼容性

文本/图片横向滚动播放（非swiper）

版本：1.0.0

平台支持：

插件功能

支持文本/图片横向播放，点击选中，扫码体验 注意：css样式需要开发者布局

props:

事件

示例

html

<mosowe-text-scroll-row
    :list="list"
    delay="1000"
    :actives="chooseList"
    initPosition="right"
    @change="chooseThis1"
/>
<mosowe-text-scroll-row
    :list="listKey"
    :actives="chooseList"
    textKey="name"
    delay="1000"
    initPosition="right"
    @change="chooseThis2"
/>

js

<script>
export default {
  name: 'mosowe-text-scroll',
  components: {},
  data () {
    return {
            chooseList: [],
            list: ['多抽时间陪陪父母和家人', '无病无灾，亲友安康', '向女神/男神告白', '工资翻倍，工作不累', '每月看完一本书', '准点上班，按时下班'],
            listKey: [
                {
                    id: 1,
                    name: '疫情终结，世界和平'
                },
                {
                    id: 2,
                    name: '一夜暴富，车房无忧'
                },
                {
                    id: 3,
                    name: '严防死守最后的发际线'
                },
                {
                    id: 4,
                    name: '好吃不绝口，体重不上走'
                },
                {
                    id: 5,
                    name: '睡觉睡到自然醒，数钱数到手抽筋'
                }
            ]
    };
  },
  // 页面方法
  methods: {
        chooseThis1 (data) {
            console.log(data);
            if (!this.chooseList.includes(data)) {
                this.chooseList.push(data);
            } else {
                this.chooseList.splice(this.chooseList.indexOf(data), 1);
            }
        },
        chooseThis2 (data) {
            console.log(data);
            data = JSON.parse(data);
            if (this.chooseList.length > 0) { // 此处判断有其他简化的方法
                let hasOne = false;
                for (let i = 0; i < this.chooseList.length; i++) {
                    let item = this.chooseList[i];
                    if (Number(item.id) === Number(data.id)) {
                        this.chooseList.splice(i, 1);
                        hasOne = true;
                        break;
                    }
                }
                if (!hasOne) {
                    this.chooseList.push(data);
                }
            } else {
                this.chooseList.push(data);
            }

            console.log(this.chooseList);
        }
};
</script>