關於微信小程序的點滴

1,如何創建列表.使用wx.for={{數組名稱}} wx.for-index='當前下標變量名稱' wx.for-item='當前item的變量名'

例如:

<view class='city-item' wx:for='{{citys}}' wx:for-index='current' wx:for-item='next'>
<text>{{next.citysName}}</text>
<view class='line'></view>
</view>

data: {
currentLoca:'北京',
citys: [{citysName: "石家莊市"},{citysName: "邯鄲市"},{citysName: "唐山市"},{citysName: "保定市"},{citysName: "秦皇島市"},{citysName: "邢臺市"}]
}

2,<view bindTap = 'click'></view>,在click方法中獲取數據時,

需要在標籤中添加<view bindTap = 'click' data-name = '你的數據'></view>,然後在click函數中:

click: function (e) {
var city = e.target.dataset.name;
},


3,小程序中如何處理<view>佈局呢。

在程序裏面有display:flex 和 block兩種佈局,而<view> <scroll-view> <swiper>這三種容器默認都是block佈局.

那麼flex佈局如何調整其位置呢。除了使用正常css3中的一些屬性外,小程序中使用的自己的規範。

那就是:justify-content 、flex-direction 、align-items 、 align-self。

上面四種屬性基於主軸和側軸類定位,如果flex-direction:column;那麼垂直從上到下就是(justify-content)主軸,從左向右就是(align-items )側軸。

align-items一看就是在父容器添加的屬性,因爲其後面帶有items,而align-self則是爲子控件設計的屬性。


4,小程序中wx:if 與hidden的區別。

wx:if需要保證每次在條件值變化時都會重新渲染其內部的模板,在頁面初始化時,對於初始條件爲false的模板是不會渲染的。

而hidden就簡單多了,只是控制其模板的顯示與隱藏,在頁面初始化時,也一樣會渲染其內部的模板。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章