1 modal:模拟弹窗组件。用于操作确认或者错误提示
2 toast:消息提示框
3 loading:加载提示框
4 action-sheet:从屏幕底部出现的菜单表,用于选择操作类型进行操作
<view class='container'>
<action-sheet bindchange="actionSheetChange" hidden="{{actionSheetHidden}}">
<block wx:for="{{actionSheetItem}}" wx:key="i">
<action-sheet-item bindtap="bindItemTap" data-name="{{item}}">{{item}}</action-sheet-item>
</block>
<action-sheet-cancel class="cancel">取消</action-sheet-cancel>
</action-sheet>
<view>
<button type='primary' bindtap='actionSheetTap'>弹出action Sheet</button>
</view>
</view>
*/
data: {
actionSheetItem:['item1','item2','item3','item4','item5'],
actionSheetHidden:true
},
actionSheetChange:function(){
this.setData({
actionSheetHidden:!this.data.actionSheetHidden
})
},
bindItemTap:function(e){
console.log('tab'+e.currentTarget.dataset.name);
this.setData({
actionSheetHidden:!this.data.actionSheetHidden
})
},
actionSheetTap:function(){
this.setData({
actionSheetHidden:!this.data.actionSheetHidden
})
},
5 <navigator />组件导航
6 audio 音频
7 image 图片
8 video 视频
9 map
10 canvas 绘图组件(动画设计)