Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie das Scrollen von Text in Uniapp

So implementieren Sie das Scrollen von Text in Uniapp

coldplay.xixi
coldplay.xixiOriginal
2020-12-15 16:44:559276Durchsuche

So implementieren Sie das Scrollen von Text in uniapp: 1. Fügen Sie [/components/screenTextScroll.vuecopy] zu Ihrem eigenen Projekt hinzu. 2. Fügen Sie relevanten Code in [main.js] hinzu.

So implementieren Sie das Scrollen von Text in Uniapp

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Thinkpad T480-Computer.

Empfohlen (kostenlos): Uni-App-Entwicklungs-Tutorial

So implementieren Sie Text-Scrolling in Uniapp:

Verwenden Sie die Text-Scrollbar-Komponente

1. Fügen Sie /components/screenTextScroll.vuecopy zu Ihrem eigenen Projekt hinzu (im Komponentenverzeichnis).

2. Fügen Sie Code zu main.js hinzu

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

3. Rufen Sie

<textscroll :list="list" />

in der Ansicht auf, die Sie verwenden müssen. Relevante kostenlose Lernempfehlungen: php-Programmierung (Video)

Das obige ist der detaillierte Inhalt vonSo implementieren Sie das Scrollen von Text in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn