uni.showModal的用法

perl 复制代码

uni.showModal({
	title: '提示',//标题
	content: "内容",//提示内容可以加入\r\n进行换行
	showCancel: true,//是否显示取消按钮，默认为true
	cancelText: '取消',//取消按钮的文字
	confirmText: '确定',//确认按钮的文字
	confirmColor: '#ff0000',//确认按钮文字颜色
	cancelColor: '#55aa00',//取消按钮文字颜色
	success: res => {
		if (res.confirm) { //点击确定之后执行的代码
			uni.navigateTo({
				url:"001"
			})
		  console.log('用户点击确定')
		} else if (res.cancel) { //点击取消之后执行的代码
		  console.log('用户点击取消')
		}
	},
	fail: () => {},
	complete: () => {}
});

perl 复制代码

uni.showToast({
    title: '成功提示',
    //将值设置为success或者直接不用写icon这个参数
    icon: 'success',//还可以设置为error,none
    //显示持续时间为2秒，或者直接不写这个参数
    duration: 2000
})

perl 复制代码

uni.showActionSheet({
    itemList: ['选项一', '选项二', '选项三'],
    // 字体颜色，也可以直接不写这个参数
    itemColor: "#55aa00",
    success (res) {
       // 选择其中任意一项后，获取其索引(res.tapIndex)，从0开始
       console.log(res.tapIndex) 
    },
    fail (res) {
       // 取消后的操作
    }
})