From a011c05b4484eb8282667f0fa7baec9cdb13f83b Mon Sep 17 00:00:00 2001
From: duqingquan <duqingquan@dcloud.io>
Date: Thu, 29 Jun 2023 16:29:43 +0800
Subject: [PATCH] show loadding case add

---
 pages/API/show-loading/show-loading.uvue | 39 +++++++++++++++++++++---
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/pages/API/show-loading/show-loading.uvue b/pages/API/show-loading/show-loading.uvue
index 875fb02c..542151c0 100644
--- a/pages/API/show-loading/show-loading.uvue
+++ b/pages/API/show-loading/show-loading.uvue
@@ -1,6 +1,16 @@
 <template>
     <view>
         <page-head :title="title"></page-head>
+		<view class="uni-list">
+		  <view class="uni-list-cell uni-list-cell-pd">
+		    <view class="uni-list-cell-db">是否显示透明蒙层</view>
+		    <switch :checked="maskSelect" @change="maskChange"/>
+		  </view>
+		  <view class="uni-list-cell uni-list-cell-pd">
+		    <view class="uni-list-cell-db">超长标题</view>
+		    <switch :checked="titleSelect" @change="titleChange"/>
+		  </view>
+		</view>
         <view class="uni-padding-wrap">
             <view class="uni-btn-v">
                 <button class="uni-btn" type="primary" @click="showLoading">显示 loading 提示框</button>
@@ -15,14 +25,30 @@
     export default {
         data() {
             return {
-                title: 'loading'
+                title: 'loading',
+				maskSelect:false,
+				titleSelect:false
             }
         },
         methods: {
+			maskChange: function (e : SwitchChangeEvent) {
+				this.maskSelect = e.detail.value
+			},
+			titleChange: function (e : SwitchChangeEvent) {
+				this.titleSelect = e.detail.value
+			},
             showLoading: function() {
-                uni.showLoading({
-                    title: 'loading'
-                });
+				
+				let titleVal = "三秒后自动关闭"
+				if(this.titleSelect){
+					titleVal = "超长文本内容，测试超出范围-超长文本内容，测试超出范围"
+				}
+                
+				
+				uni.showLoading({
+				    title: titleVal,
+					mask:this.maskSelect
+				});
 
                 // #ifdef MP-ALIPAY
                 this._showTimer && clearTimeout(this._showTimer);
@@ -30,6 +56,11 @@
                     this.hideLoading();
                 }, 3000)
                 // #endif
+				// #ifdef APP-PLUS
+				setTimeout(function() {
+					this.hideLoading();
+				}, 3000);
+				// #endif
             },
             hideLoading: function() {
                 uni.hideLoading();
-- 
GitLab