專案中要用到文字滾動,就寫了乙個~
="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...