taro 提示框Toast、Modal提示框、Loading加载动图和ActionSheet底部选项卡

╰+攻爆jí腚メ 2021-07-25 00:27 1880阅读 0赞

Toast
    
    	Taro.showToast({
              title:'吐司',
              duration:2000, 	持续时间
              icon:'loading',	'success'、'loading'、'none'
              mask:false,  是否显示透明蒙层，防止触摸穿透
              image:'图片路径/图片对象'   优先级高于icon,在icon的位置显示
          })
     
    Modal提示框
          Taro.showModal({
             title:'模态框',
             cancelText:'取消',
             cancelColor:'xx',
             confirmText:'确认',
             confirmColor:'xx',
             content:'提示的内容',
             showCancel:false,  是否显示取消按钮
             success(res)
             {
                 if(res.confirm)
                 {
                   ...
                 }else if(res.cancel)
                 {
                   ...
                 }
             }
    
         })
    
    Loading加载动图
    	Taro.showLoading({
    		title:'提示内容',
    		mask:false,  是否显示透明蒙层，防止触摸穿透
    	})
    	必须调用Taro.hideLoading()来停止显示
    
    ActionSheet底部选项卡
    	Taro.showLoading({
    		itemList:['选项卡内容'],     最多六个
    		itemColor:'按钮颜色',
    		success(res)
    		{
    			res.tapIndex;  点击的按钮索引
    		}
    	})

发表评论取消回复

表情：

评论列表（有 0 条评论，1880人围观）

还没有评论，来说两句吧...

相关阅读

相关 java 提示框判断,Java常用提示框

JOptionPane.showMessageDialog(this,"操作成功","提示",JOptionPane.INFORMATION\_MESSAGE); //提示框

谁借莪１个温暖的怀抱￠/ 2023年01月15日 08:06/ 0 赞/ 141 阅读

相关 php提示框代码,HTML实现简单的提示框

本文我们将和大家分享HTML实现简单的提示框，由于项目中需要一个简单的提示框，就是鼠标放上去，可以提示相关信息，引用第三方的比较麻烦，所以，这里封装了一个很简单的HTML方法。

ゞ浴缸里的玫瑰/ 2022年11月19日 01:25/ 0 赞/ 227 阅读

相关 jquery提示框

下拉提示框 function pointOut(errorData){ $("body").append("<div class='pointOut'

亦凉/ 2022年11月09日 12:49/ 0 赞/ 226 阅读

相关 Angular——提示框

今天做了一下提示框，也是模仿的，所以下面我就来简单解释一下如何制作提示框，以及解析一下代码和逻辑。其实整个逻辑思路很简单，就是先在前台用HTML的p-dialog

比眉伴天荒/ 2022年05月26日 13:26/ 0 赞/ 397 阅读

相关 Jquery实现淡入淡出自动消失的提示框，Jquery+css实现加载中提示框

浏览器原生弹出框太丑，且不能自动消失，可以使用Jquery自定义一个消失提示框。样式写法参考了bootstrap样式的编写方式。静态效果如下： ![70][]

柔情只为你懂/ 2022年05月16日 13:47/ 0 赞/ 907 阅读

相关 input 框去掉下面的提示文字、提示选项

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 1. 我的一个输入框总是有提示文字： ![water

红太狼/ 2022年03月26日 05:10/ 0 赞/ 521 阅读

相关消息框-提示框

今天找到一个非常简单的提示消息弹出框直接上代码 html ![1500786-20181012154016519-1839245572.png][] css

迷南。/ 2021年09月29日 23:38/ 0 赞/ 468 阅读

相关 uniapp加载各种弹窗和提示框

目录一、模态弹窗（Modal）二、loading提示框三、消息提示框（Toast） -------------------- 一、模态弹窗（Modal

逃离我推掉我的手/ 2021年07月26日 02:32/ 0 赞/ 1935 阅读

相关 Android ——Toast提示框

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

た入场券/ 2021年07月25日 11:54/ 0 赞/ 528 阅读

相关 taro 提示框Toast、Modal提示框、Loading加载动图和ActionSheet底部选项卡

Toast Taro.showToast({ title:'吐司', duration:20

╰+攻爆jí腚メ/ 2021年07月25日 00:27/ 0 赞/ 1881 阅读