微信小程序模态框

曾经终败给现在 2021-07-24 21:45 497阅读 0赞

提示框
    api->界面->交互
    
    收藏/加载模态框
    	wx.showToast({})
    	属性:
    	title 提示的内容
    	icon 默认值为'success', "loading"为加载图片
    	duration 提示的延迟时间 默认为1500
    	mask:true   提醒框弹出不可移动
    	
    对话模态框
    	wx.showModal({})
    	属性 
    	title 			提示的标题
    	content 		提示的内容
    	showCancel 		是否显示取消按钮
    	cancelText 		取消按钮的文字，最多 4 个字符
    	cancelColor 	取消按钮的文字颜色，必须是 16 进制格式的颜色字符串
    	confirmText 	确认按钮的文字，最多 4 个字符
    	confirmColor 	确认按钮的文字颜色，必须是 16 进制格式的颜色字符串
    	success 		接口调用成功的回调函数
    	fail 			接口调用失败的回调函数
    	complete 		接口调用结束的回调函数（调用成功、失败都会执行）
    	
    	回调函数中:
    	属性 	
    	confirm 	 true 时，表示用户点击了确定按钮 	
    	cancel 		 true 时，表示用户点击了取消（用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭） 	1.1.0
    	代码示例:
    
    下方弹出选项框
    wx.showActionSheet(Object object)
    
    属性 	
    
    itemList 	按钮的文字数组，数组长度最大为 6
    itemColor 	按钮的文字颜色
    success 	接口调用成功的回调函数
    fail 		接口调用失败的回调函数
    complete 	接口调用结束的回调函数（调用成功、失败都会执行）

js文件：

saveNew:function(event)
      { 
    
          wx.showToast({ 
            title: collect? "收藏成功":"取消收藏",
            icon: 'success',
            duration: 800,
            mask:true
          })
      },
        onShowTap:function()
      { 
        wx.showModal({ 
          title: '提示',
          content: '这是一个模态弹窗',
          success(res) { 
            if (res.confirm) { 
              console.log('用户点击确定')
            } else if (res.cancel) { 
              console.log('用户点击取消')
            }
          }
        })
       wx.showActionSheet({ 
    	  itemList: ['A', 'B', 'C'],
    	  success (res) { 
    	    console.log(res.tapIndex)
    	  },
    	  fail (res) { 
    	    console.log(res.errMsg)
    	  }
    	})
    
    
    
    
    
      }