微信小程式實現隨機標籤雲

2021-08-14 03:42:07 字數 982 閱讀 7648

先上效果圖:

要實現的效果:給文字新增隨機樣式

之前嘗試一直失敗的原因:

思路一:定義了乙個顏色陣列,想直接從裡面隨機取值賦給定義的變數randomcolor,結果會報錯,說colorarr is not defined

思路二:將獲取隨機顏色定義成方法,想給文字繫結事件,發現image標籤有bindload方法,但是文字沒有,就不知道怎麼呼叫事件了。

後來發現必須經過第三方變數接收,我才能去使用colorarr這個陣列對定義的另乙個變數randomcolor進行賦值

//1、在data中定義兩個陣列

colorarr: ["#40a851", "#000", "#ca3547", "#2b86e5","#fdab3e", "#fc4359", "#2b86e5","#000", "#40a851"],

// 隨機顏色陣列

randomcolor:

//2、在onload方法中對randomcolor進行賦值

var datalen = this.data.dataarr.length;

// 必須經過第三方變數接收才能使用

var len = this.data.colorarr.length;

var arr = this.data.colorarr;

var newarr = ;

// 不能只執行一次,要執行多次(dataarr.length次)

//要獲取跟資料同等個數的隨機顏色值

while (datalen>0)

// 將隨機顏色陣列賦值給randomcolor

this.setdata();

雖然感覺有點繞,但好在功能是實現了,希望在不斷學習的過程中能發現更好的實現方法。

微信小程式直播,騰訊雲直播 微信小程式實現實時直播

一 小程式 端 小程式直播使用小程式元件 live pusher 元件和live player元件 首先開通直播許可權 小程式開發工具內進行推流拉流都不會成功,所以需要使用兩個手機進行推拉流測試 2.demo 示例 推流端 url 使用下方的推流位址,複製貼上 進來就行 拉流端 拉流端url 直播碼...

微信小程式使用template標籤實現五星評分

前言 建立模版 wxml檔案 以為根節點,新增name屬性用來區分不同模版 src images icon none star.png wxss檔案 stars container stars stars image star score 模版使用引用wxml模版 引用wxss模版 在使用模版檔案對...

微信小程式雲函式範例

建立雲函式,呼叫資料庫中的檔案,發現怎麼也不能返回結果,network顯示雲函式連線500,不知道問題出在 感覺應該滅有錯誤的。建立的雲函式 errormeaning 雲函式js檔案 雲函式入口檔案 const cloud require wx server sdk cloud.init const...