vue中寫乙個文字滾動小功能

2021-10-23 07:37:15 字數 883 閱讀 4696

專案中要用到文字滾動,就寫了乙個~

="lefttopbox"

>

"demo"

>

="nwwest-roll" id=

"nwwest-roll"

>

"roll-ul"

class

="roll-ul"

>

v-for=

"(item, index) in vallist"

ref=

"rollul"

:class=""

:key=

"index"

>

="name"

>

}<

/span>

<

/li>

<

/ul>

<

/div>

<

/div>

<

/div>

<

/template>

export

default},

props:},

// 如果使用serverdata傳過來的靜態資料 請使用mounted()方法 並注釋掉watch

mounted()

, watch:,50

)}},

methods:,10

)}}}

<

/script>

"scss" scoped>

.lefttopbox

.roll-ul

.nwwest-roll li

.anim

}<

/style>

—記錄方便以後使用,文字翻滾效果

做乙個拖拽的小功能

做了乙個拖拽功能,感覺有點卡頓。思路比較簡單,滑塊拖動的時候限制邊界條件就好了,完整 如下 拖拽 title style divclass drag style head body div class div class divclass drag div div script window.onl...

在vue中手寫乙個文字的輪播功能

最近在中控專案中遇到乙個問題,就是需要輪播顯示資料,網上給的教程都是定高的,所以就自己寫了乙個,效果如下 對於這種輪播的功能,其實應該根據是否定高去分為兩種情況用不同的方案去處理。一 不定高輪播 我在看了很多部落格之後發現他們給的方案都是定高的,這種你可能一搜一大把,我就只分享別人沒有說過或者不容易...

自己寫的乙個Vue

下面這裡是我自己寫的乙個小型的vue,原理就是proxy proxy天生沒有prototype,因此要加上,不然extends會報錯 proxy.prototype proxy.prototype object.prototype class myvue extends proxy super da...