更新记录

1.0.1（2023-11-01）

更新

1.0.0（2023-10-31）

上传

平台兼容性

mosowe-move

相比mosowe-text-scroll-row组件

1. 参数减少，使用slot插槽全自定义每一项结构

2. 可以多行展示，mosowe-text-scroll-row组件多行展示需要引入多次

3. 可以Y轴滚动

4. 滚动效果比mosowe-text-scroll-row组件流畅

属性

slot

示例

<template>
  <view>
    <mosowe-move
      :list="list"
      :row="3"
      :speed="10"
      initPosition="right">
      <template #default="{ row, rowIndex, colIndex }">
        <view class="item">{{ rowIndex }}-{{ colIndex }}:{{ row }}</view>
      </template>
    </mosowe-move>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const list = ref(
  Array.from({ length: 30 }).map((item, index) => '哈'.repeat(1 + Math.floor(Math.random() * 10)) + index)
);
</script>

<style lang="scss">
.item {
  margin-right: 20rpx;
  font-size: 20rpx;
  line-height: 40rpx;
}
</style>