來源:zero_1996 發(fā)布時間:2019-03-27 17:42:33 閱讀量:1359
每一個微信小程序都由頁面構(gòu)成
每一個頁面都由控件構(gòu)成
控件也就是組件
基本和android 的layout一樣,微信小程序基本可以為view
每一個view都可以有自己的class,在class里面可以設(shè)置位置,高度,寬度等等屬性
同時也可有諸如image/text/scoll-view等組件,并設(shè)置相應(yīng)的屬性
甚至可以通過腳本控制scoll-view的自主滾動等等。
也可以通過給botton以函數(shù)方法,實(shí)現(xiàn)頁面的轉(zhuǎn)換等等。同時也可以實(shí)現(xiàn)參數(shù)的傳遞
實(shí)例:
頁面.js中使用的方法
anyfunction: function () {
console.log("執(zhí)行該函數(shù)方法");
this.setData({
mytext:this.data.mytext+1,
});
},
otherfunction: function () {
console.log("執(zhí)行該函數(shù)方法");
this.setData({
mytext: this.data.mytext - 1,
});
}
scoll-view
<scroll-view scroll-y="true" style="width: 100%">
<view class="scoll">
<view class="scoll-i">
<image src="/image/liu001.png"></image>
</view>
<view class="scoll-i">
<image src="/image/liu002.png"></image>
</view>
<view class="scoll-i">
<image src="/image/liu003.png"></image>
</view>
</view>
</scroll-view>
src即是來源,但是使用本地的圖片的話,上傳的微信小程序可能相當(dāng)?shù)拇螅隽?00kb,上傳不了,可以盡量的調(diào)用網(wǎng)絡(luò)資源.