列表自动滚动
This commit is contained in:
@ -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();
|
||||
|
||||
// 模拟数据
|
||||
|
Reference in New Issue
Block a user