Rumah  >  Artikel  >  hujung hadapan web  >  uniapp如何实现文字滚动

uniapp如何实现文字滚动

coldplay.xixi
coldplay.xixiasal
2020-12-15 16:44:559276semak imbas

uniapp实现文字滚动的方法:1、将【/components/screenTextScroll.vuecopy】到自己的项目中;2、在【main.js】中添加相关代码。

uniapp如何实现文字滚动

本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。

推荐(免费):uni-app开发教程

uniapp实现文字滚动的方法:

使用文字滚动栏组件

1、将 /components/screenTextScroll.vuecopy到自己的项目中(components目录下)

2、在main.js中添加代码

import screenTextScroll from '@/components/screenTextScroll.vue' 
Vue.component('textscroll', screenTextScroll)

3、在需要使用的视图中调用

<textscroll :list="list" />

相关免费学习推荐:php编程(视频)

Atas ialah kandungan terperinci uniapp如何实现文字滚动. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:uniapp如何取消跨域Artikel seterusnya:uniapp如何获取屏幕高度