1. 程式人生 > >微信小程式製作心得和體會

微信小程式製作心得和體會

每一個微信小程式都由頁面構成
每一個頁面都由控制元件構成
控制元件也就是元件
基本和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,上傳不了,可以儘量的呼叫網路資源