Loading 加载指示器

使用指南

在 page.json 中引入组件

"usingComponents": {
  "w-loading": "wuss-weapp/w-loading/index",

视频演示

代码演示

<w-pane title="Loading" desc="加载指示器" />
<w-pane desc="Callback" />
<w-button type="info" bind:onClick="handleClick3" >正常使用</w-button>
<w-pane desc="Default" />
<w-button type="info" bind:onClick="handleClick1" >3秒后SetTimeOut关闭</w-button>
<w-pane desc="TimeOut" />
<w-button type="info" bind:onClick="handleClick2" >3秒后自动关闭</w-button>
<w-loading id="wuss-loading" />
<w-alert id="wuss-alert" />

handleClick3() {
  Loading.show({
    hide: () => Alert({
      title: '提示',
      content: '我被关闭了',
    }),
  setTimeout(() => {
    Loading.hide()
  }, 3000);
handleClick1() {
  Loading.show({
    content: 'Loading...',
    hide: () => Alert({
      title: '提示',
      content: '手动调用Hide方法关闭',
    }),
  setTimeout(() => {
    Loading.hide()
  }, 3000);
handleClick2() {
  Loading.show({
    content: 'Loading...',
    timeout: 2000,
    hide: () => Alert({
      title: '提示',
      content: '设置TimeOut自动关闭',
    }),


     
      
       
        #
       
       API
      
     
     
      
       
        #
       
       Attribute 属性
      
      
       
        
         
          属性
         
         
          说明
         
         
          类型
         
         
          默认值
         
        
       
       
        
         
          content
         
         
          展示内容
         
         
          string
         
         
          正在加载...
         
        
        
         
          showText
         
         
          是否展示内容文字
         
         
          boolean
         
         
          true
         
        
        
         
          timeout
         
         
          指定时间段内关闭loading
         
         
          number
         
         
          -
         
        
        
         
          hide
         
         
          loading消失后的回调
         
         
          function
         
         
          -
         
        
       
      
      
       
        #
       
       Event 事件
      
      
       
        
         
          事件名
         
         
          说明
         
         
          参数
         
        
       
       
       
      
      
       
        #
       
       Slot 插槽
      
      
       
        
         
          名称
         
         
          说明
         
        
       
       
       
      
      
       
        #
       
       Class 自定义类名
      
      
       
        
         
          类名
         
         
          说明
         
        
       
       
        
         
          wuss-class
         
         
          根节点样式类

属性	说明	类型	默认值
content	展示内容	string	正在加载...
showText	是否展示内容文字	boolean	true
timeout	指定时间段内关闭loading	number	-
hide	loading消失后的回调	function	-

类名	说明
wuss-class	根节点样式类


    
     
      
       
        Edit this page
       
       
      
      
     
     
      
       
        Dialog 消息框
          ActivityIndicator 活动指示器



        

        

    
        推荐文章
    

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            奔跑的哑铃
                             · 
                            @uiw/react-button - npm
                        
                        
                        4 周前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            率性的红酒
                             · 
                            Loading 加载指示器 | Wuss-weapp
                        
                        
                        3 月前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            坏坏的抽屉
                             · 
                            Navigation and loading | Playwright 中文文档 | Playwright 中文网
                        
                        
                        1 年前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            有腹肌的烤红薯
                             · 
                            Loading Product
                        
                        
                        1 年前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            愉快的眼镜
                             · 
                            Electron：启动Loading动画 - 简书
                        
                        
                        1 年前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            开心的机器人
                             · 
                            PyQt5美化之无边框
                        
                        
                        1 周前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            不拘小节的电池
                             · 
                            Qt中的信号和槽
                        
                        
                        1 月前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            爱健身的马铃薯
                             · 
                            乾隆通宝稀少版别加图 - 百度
                        
                        
                        2 月前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            礼貌的红豆
                             · 
                            广西12个高铁车站将"一卡通" 免购票免身份证核验 -
    社会热点回应 -
    广西北部湾经济区规划建设管理办公室网站 -
    bbwb.gxzf.gov.cn
                        
                        
                        4 月前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            冷静的树叶
                             · 
                            老联发科一键就能解BL锁！无需清空数据！没解锁成功的快试试这个工具！_哔哩哔哩_bilibili
                        
                        
                        6 月前

# Loading 加载指示器

# 使用指南

# 视频演示

# 代码演示

# API

# Attribute 属性

# Event 事件

# Slot 插槽

# Class 自定义类名

Loading 加载指示器

使用指南

视频演示

代码演示

`# API`

Attribute 属性

Event 事件

Slot 插槽

Class 自定义类名