微信小程式 成語猜猜看

2022-09-02 14:33:13 字數 4469 閱讀 1417

1。

快去拿個小板凳,坐等跟多更新

2

style='position: relative;'>

class='container'>

class='ads'>

【您已獲得乙個紅包,開啟支付寶即可領取】text>

view>

class='c-display'>

class='display-others'>view>

class='display-content'>

class="content-img"

src='}'>image>

view>

class='display-opts'>

class='btn-alert'

bindtap='onprompt'

size='mini'>

提示button>

open-type="share"

class='btn-share'

size='mini'>

分享button>

],correcttexts: ["馬到成功", "三心二意", "千里之外", "一箭雙鵰", "不明覺厲", "雞同鴨講", "膽小如鼠"],

basepath: "/resources/",

sorted: ,

curimgurl: "",

curcorrecttext: "",

allselected: allselected.mtdata().list,

istrue: false,

iscomplete: false,

},/**

* 提示

*/onprompt: function ()

}this.updatestate();

},/**

* 隨機生成文字

*/generatetext: function ()

for (let i = 0; i < this.data.curcorrecttext.length; i++)

let start = math.floor(math.random() * 500);

for (let i = 0; i < 32 - this.data.curcorrecttext.length; i++)

this.data.selectcontent.sort(this.randomsort);

},/**

* 獲取新資料

*/generatenewdata()

for (let i = 0; i < this.data.selectedcontent.length; i++)

let index = this.data.sorted.shift();

this.data.curimgurl = this.data.basepath + this.data.pics[index];

this.data.curcorrecttext = this.data.correcttexts[index];

this.generatetext();

//更新資料

this.setdata();

},/**

* check是否結果

*/checkresult: function ()

}return

true;

},/**

* 是否作答完畢

*/iscompleted: function ()

}return

true;

},/**

* 作答

*/onselect: function (event)

for (let i = 0; i < this.data.selectedcontent.length; i++)

}this.updatestate();

},/**

* 更新作答狀態

*/updatestate() );

this.data.iscomplete = this.iscompleted();

if (this.data.iscomplete) );

}this.setdata();

},/**

* 修改答案

*/onselected: function (event) );}},

/*** 隨機排序

*/randomsort: function (a, b) ,

/*** 生命週期函式--監聽頁面載入

*/onload: function (options)

this.data.sorted.sort(this.randomsort);

this.generatenewdata();

},/**

* 生命週期函式--監聽頁面初次渲染完成

*/onready: function () ,

/*** 生命週期函式--監聽頁面顯示

*/onshow: function () ,

/*** 生命週期函式--監聽頁面隱藏

*/onhide: function () ,

/*** 生命週期函式--監聽頁面解除安裝

*/onunload: function () ,

/*** 頁面相關事件處理函式--監聽使用者下拉動作

*/onpulldownrefresh: function () ,

/*** 頁面上拉觸底事件的處理函式

*/onreachbottom: function () ,

/*** 使用者點選右上角分享

*/

4   css

/* pages/content/index.wxss */

page

.container

.ads

.c-display

/*檢視操作欄  */

.display-opts

.btn-alert

.btn-share

/*檢視顯示區  */

.display-content

.content-img

.display-others

.c-opts

.opts-others

.opts-content

.opts-score

.content-input

.c-select

.select-index

以上**為效果為 圖一

注意路徑問題

【領取方法】

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...

微信小程式

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...