vue中使用css變數實現動態改變愛心顏色

2021-09-29 18:38:49 字數 602 閱讀 9511

需要定時更改顯示的樣式的顏色,實現愛心流星雨的顏色實時變化

需要使用到css變數,js的 document.body.style.setproperty函式

需要在data中定義兩個屬性

timer:』』,

value:0

在生命週期鉤子mounted中進行新增定時器操作 this.timer = setinterval(this.get, 1000)

這樣初始化時就會建立乙個定時器,1000ms = 1s,則每秒都會執行 this.get函式

至於get函式,在methods中定義

get: function ()

之後定義乙個監聽watch

watch: }}

每隔5秒自動設定css變數 --color值為colorlist中隨機乙個

呼叫: 在style中

vue工程中使用全域性變數

最近碰到了要在vue的工程中使用全域性變數的事兒。於是學習了些。圖1 工程中store的結構 1 使用cookie js cookie 可以對cookie進行set,get npm i js cookie npm i js cookie registry 使用國內映象加速安裝 安裝完成後 store...

mysql 有表中使用動態的變數

從語法上來講declare cur cursor for語句必須寫在set sqlstr前面,這就意味著不能通過先執行一條動態語句根據結果拼湊游標的內容,而且游標在定義的時候也沒有引數的概念,而是將定義的結構完全當作乙個字串直接處理,不會做任何的處理,也就是靜態游標吧。關於dynamic curso...

Vue使用css變數更換主題色

使用css變數更換主題色。一般會提供幾個主題色供使用者選擇,或者直接使用拾色器讓使用者選擇喜歡的顏色。宣告乙個自定義屬性,屬性名需要以兩個減號 開始,屬性值則可以是任何有效的css值。和其他屬性一樣,自定義屬性也是寫在規則集之內的,如下 element 注意,規則集所指定的選擇器定義了自定義屬性的可...