taoge_xiaodi/td_official
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

echarts滚动效果

Browse Source
This commit is contained in:
Teo
2025-05-12 18:31:23 +08:00
parent 8890fcfd95
commit 055a87d2c2
12 changed files with 591 additions and 309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/index.vue
View File

@ -17,40 +17,14 @@
</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();
// 模拟数据
const userCount = ref(1234);
const orderCount = ref(567);
const visitCount = ref(8901);
const goToPage = (page: string) => {
router.push(`/${page}`);
};
</script>
<style scoped lang="scss">