微信小程序弹框加载框询问框输入框提示框下拉框

加载框

  wx.showLoading({                
  title:'请求中...',             
     mask:true             
   }) ;

关闭wx.hideLoading();

提示框

wx.showToast({		
  	title: '成功',		 
 	icon: 'success',		 
 	duration: 2000		
}) 

询问框

wx.showModal({
			title: '提示',
			content: '登陆么？',
			success: function(res) {
				if (res.confirm) {
				console.log('用户点击确定')
				} else if (res.cancel) {
				console.log('用户点击取消')
				}
			}
		}) 

下拉框最多6个选项

wx.showActionSheet({
			itemList: ['A', 'B', 'C'],
			success: function(res) {
				console.log(res.tapIndex)
			},
			fail: function(res) {
				console.log(res.errMsg)
			}
		})

输入框

<!--show.wxml-->
<view class="container" class="zn-uploadimg">
	<button type="primary"bindtap="modalinput">modal有输入框</button>
 </view>
<modal hidden="{{hiddenmodalput}}" title="请输入验证码" confirm-text="提交" cancel-text="重置" bindcancel="cancel" bindconfirm="confirm">
    <input type='text'placeholder="请输入内容" auto-focus/>
</modal>

//show.js 

//获取应用实例
  var app = getApp()
  Page({
	data:{
            hiddenmodalput:true,
            //可以通过hidden是否掩藏弹出框的属性，来指定那个弹出框
        },
	//点击按钮痰喘指定的hiddenmodalput弹出框
	modalinput:function(){
		this.setData({
		   hiddenmodalput: !this.data.hiddenmodalput
		})
	},
	//取消按钮
	cancel: function(){
              this.setData({
              hiddenmodalput: true
            });
      }, 
     //确认
      confirm: function(){
        this.setData({
	        hiddenmodalput: true
	    })
    }
 })