VUE 隨機顏色顯示

2021-09-27 13:12:00 字數 1202 閱讀 3651

在開始顏色設定之前，首先我們需要知道style與：style的用法有什麼不同；

一、：style的用法：

1、動態繫結

style=""
二、函式：

1、math.floor() //向下取整 floor

2、math.random() //返回乙個介於[0,1)之間的隨機數

返回乙個0-10之間的隨機數：math.random()*10

3、math.floor()函式擴充套件

//向下取整 floor


math.floor(0.99) //輸出0


math.floor(-0.99) //輸出-1


//向上取整 ceil


math.ceil(0.99)  //輸出1


math.ceil(-0.99)  //輸出0


//四捨五入


math.round(1.9) //輸出2


math.round(-1.45) //輸出 -1
三、步驟

1、 data中宣告、賦值顏色陣列

// 作答卡片顏色設定


colorlists: [


'hsl(42, 48%, 54%)',


'hsl(138, 24%, 48%)',


'rgb(200, 138, 131)',


'rgb(84, 221, 226)',


'rgb(178, 199, 168)',


'rgb(16, 195, 195)',


'hsl(0, 21%, 68%)',


'rgb(226, 166, 198)',


'hsl(278, 17%, 66%)',


'rgb(153, 199, 235)',


'blueviolet'


]
2、繫結

結果展示：

前端取隨機顏色，隨機字母

creatcode var colors var size for var i 0 i 4 i this.yanzhengarr result 僅供參考，下邊是一些語法解釋，只是加深記憶，知道的可以不用看 fromcharcode 可接受乙個指定的 unicode 值，然後返回乙個字串。用法 str...

顏色 顯示模式

1.symbian中顏色由trgb類列表，trgb是乙個32位的值，分別使用8位表示red,green,blue，另有8位備用。series60對於不同的製造商有高度的可定製性，可以更改使用者介面的顏色方案，所以為了確保顏色與使用的調色盤保持一致，需要使用巨集akn laf color 定義顏色，從...

Button顯示顏色

h檔案 ecolorbtn.h ifndef ecolor button define ecolor button class ecolorbtn public cbutton afx virtual public 生成 関數 protected afx msg declare message ma...