uni-app 交互反馈

阳光穿透心脏的1/2处 2023-10-10 09:39 33阅读 0赞

## uni.showModal(OBJECT) ##

显示模态弹窗，类似于标准 html 的消息框：alert、confirm。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70]  
success返回参数说明  
![在这里插入图片描述][20190924165534452.png]

uni.showModal({
        title: '提示',
        content: '这是一个模态弹窗',
        success: function (res) {
            if (res.confirm) {
                console.log('用户点击确定');
            } else if (res.cancel) {
                console.log('用户点击取消');
            }
        }
    });

效果图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 1]

## uni.showActionSheet(OBJECT) ##

显示操作菜单  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][20190924170437124.png]  
示例

uni.showActionSheet({
        itemList: ['A', 'B', 'C'],
        success: function (res) {
            console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
        },
        fail: function (res) {
            console.log(res.errMsg);
        }
    });

效果图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 3]

## uni.showLoading(OBJECT) ##

显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。

示例

uni.showLoading({
        title: '加载中'
    });

## uni.hideLoading() ##

隐藏 loading 提示框。

示例

uni.showLoading({
        title: '加载中'
    });
    
    setTimeout(function () {
        uni.hideLoading();
    }, 2000);

## uni.showToast(OBJECT) ##

显示消息提示框。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 6]  
示例

uni.showToast({
        title: '标题',
        duration: 2000
    });

效果图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 7]

## uni.hideToast() ##

隐藏消息提示框。

uni.hideToast();

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190924165355206.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ==,size_16,color_FFFFFF,t_70
[20190924165534452.png]: https://img-blog.csdnimg.cn/20190924165534452.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20190924170313294.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20190924170421786.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ==,size_16,color_FFFFFF,t_70
[20190924170437124.png]: https://img-blog.csdnimg.cn/20190924170437124.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20190924170647628.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20190924173024661.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20190924173222597.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/2019092417332745.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20190924173344478.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MzQ3OQ==,size_16,color_FFFFFF,t_70