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...