列表自动滚动

This commit is contained in:
Teo
2025-05-09 18:41:08 +08:00
parent 609b4ba543
commit 8890fcfd95
8 changed files with 472 additions and 131 deletions

View File

@ -17,12 +17,30 @@
</div>
</div>
</div>
<div>
<AutoScroller :items="list2" :speed="0.7" class="h25" />
<!-- <AutoScroller :items="list2" :height="150" :speed="1.2" /> -->
</div>
</template>
<script setup name="Index" lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import AutoScroller from './gisHome/component/autoScroller.vue';
const list1 = ['列表1 - 内容 A', '列表1 - 内容 B', '列表1 - 内容 C'];
const list2 = [
'列表2 - 第一条长内容测试',
'列表2 - 第二条长长长内容继续测试',
'列表2 - 第三条内容',
'列表2 - 第一条长内容测试',
'列表2 - 第二条长长长内容继续测试',
'列表2 - 第三条内容',
'列表2 - 第一条长内容测试',
'列表2 - 第二条长长长内容继续测试',
'列表2 - 第三条内容'
];
const router = useRouter();
// 模拟数据