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