重點是延時器的使用和transition的效果新增和取消
使用setinterval定時器在定時器函式裡面判斷，當top值小於arr的長度（因為我實現的是兩條資料在一行滾動）在條件範圍內實現無縫操作，重點操作settimeout延時器的使用，是為了當操作字幕瞬間到達第一條後過渡屬性不會因此覆蓋top為0的過渡效果，而延時後加上transition的為了實現第一條字幕top過渡到第二條
if
(top <=
- num)
,100);
}else
js**
sjautoplay
(arr)
,100);
}else},
2000)}
,
="cg_new_allinfo"
>
="cg_autopaly"
>
for=
"(item, index) in setallmonthlist"
:key=
"index"
>
for=
"(items, index) in item"
:key=
"index"
>
}本月已完成任務任務
}個； <
/span>
<
/p>
<
/div>
<
/div>
Vue 在Vue中快速使用ElementUI
最近使用vue，順道使用elementui，在vue專案中音容elementui的方法 idea開啟termianl，在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...
Vue中的 vue檔案的使用
需要安裝vue loader npm i vue loader vue template complier d 然後在配置檔案中新增匹配規則 template 這裡定義js 在這裡匯入檔案 import vue from vue export default methods script style...
vue 引用src中的檔案 VUE中引用路徑的配置
在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多，導致路徑很長，我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...