首頁  >  文章  >  web前端  >  uniapp如何實現文字滾動

uniapp如何實現文字滾動

coldplay.xixi
coldplay.xixi原創
2020-12-15 16:44:559323瀏覽

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程式設計(影片)

以上是uniapp如何實現文字滾動的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn