微信小程式製作心得和體會
阿新 • • 發佈:2019-01-10
每一個微信小程式都由頁面構成
每一個頁面都由控制元件構成
控制元件也就是元件
基本和android 的layout一樣,微信小程式基本可以為view
每一個view都可以有自己的class,在class裡面可以設定位置,高度,寬度等等屬性
同時也可有諸如image/text/scoll-view等元件,並設定相應的屬性
甚至可以通過指令碼控制scoll-view的自主滾動等等。
也可以通過給botton以函式方法,實現頁面的轉換等等。同時也可以實現引數的傳遞
例項:
頁面.js中使用的方法
anyfunction: function () {
console.log("執行該函式方法" );
this.setData({
mytext:this.data.mytext+1,
});
},
otherfunction: function () {
console.log("執行該函式方法");
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即是來源,但是使用本地的圖片的話,上傳的微信小程式可能相當的大,超出了500kb,上傳不了,可以儘量的呼叫網路資源