diff --git a/src/uni_modules/uview-plus/components/up-loading-icon/up-loading-icon.uvue b/src/uni_modules/uview-plus/components/up-loading-icon/up-loading-icon.uvue
index 72eae6fc0..ef115f355 100644
--- a/src/uni_modules/uview-plus/components/up-loading-icon/up-loading-icon.uvue
+++ b/src/uni_modules/uview-plus/components/up-loading-icon/up-loading-icon.uvue
@@ -84,7 +84,8 @@
 					{left: 0, top: 0},{left: 0, top: 0},{left: 0, top: 0},{left: 0, top: 0},
 					{left: 0, top: 0},{left: 0, top: 0},{left: 0, top: 0},{left: 0, top: 0},
 					{left: 0, top: 0},{left: 0, top: 0},{left: 0, top: 0},{left: 0, top: 0}
-				] as UTSJSONObject[]
+				] as UTSJSONObject[],
+				animationFrame: 0
 			}
 		},
 		computed: {
@@ -109,7 +110,7 @@
 			this.init()
 		},
 		beforeMount() {
-			cancelAnimationFrame(this.rotateLoader)
+			cancelAnimationFrame(this.animationFrame)
 		},
 		methods: {
 			addStyle(val: any): any {
@@ -118,16 +119,16 @@
 			addUnit(val: any): string {
 				return addUnit(val)
 			},
-			rotateLoader() {  
+			rotateLoader(): void {  
 				this.degree = (this.degree + 3) % 360; // 每次增加3度，循环回到0度  
 				this.transform = `rotate(${this.degree.toString()}deg)`;  
-				requestAnimationFrame(this.rotateLoader); // 递归调用以保持动画  
+				this.animationFrame = requestAnimationFrame(this.rotateLoader); // 递归调用以保持动画  
 			},
-			init() {
+			init(): void {
 				this.calcSpinnerTopAndLeft()
 				this.rotateLoader()
 			},
-			calculateSquareRadius(sideLength: number) {  
+			calculateSquareRadius(sideLength: number): number {  
 				// 计算正方形的对角线长度  
 				const diagonalLength = Math.sqrt(sideLength * sideLength + sideLength * sideLength);  
 				// 对角线长度的一半即为等效圆的半径  
@@ -192,7 +193,7 @@
 	$up-loading-icon-dot-before-height:25% !default;
 	$up-loading-icon-dot-before-margin:0 auto !default;
 	$up-loading-icon-dot-before-background-color:currentColor !default;
-	$up-loading-icon-dot-before-border-radius:40% !default;
+	$up-loading-icon-dot-before-border-radius:8px !default;
 
 	.up-loading-icon {
 		display: flex;
@@ -246,10 +247,10 @@
 		}
 	}
 
-	:host {
-		font-size: $up-loading-icon-host-font-size;
-		line-height: $up-loading-icon-host-line-height;
-	}
+	// :host {
+	// 	font-size: $up-loading-icon-host-font-size;
+	// 	line-height: $up-loading-icon-host-line-height;
+	// }
 
 	.up-loading-icon {
 		&__spinner--spinner {
@@ -284,19 +285,19 @@
 
 	$radius: v-bind(size)px;
 	@for $i from 1 through 12 {
-		.up-loading-icon__dot:nth-of-type(#{$i}) {
-			transform: rotate(($i + 2) * 30deg);
-			opacity: 1 - 0.0625 * ($i - 1);
-		}
+		// .up-loading-icon__dot:nth-of-type(#{$i}) {
+		// 	transform: rotate(($i + 2) * 30deg);
+		// 	opacity: 1 - 0.0625 * ($i - 1);
+		// }
 	}
 
-	@keyframes up-rotate {
-		0% {
-			transform: rotate(0deg)
-		}
+	// @keyframes up-rotate {
+	// 	0% {
+	// 		transform: rotate(0deg)
+	// 	}
 
-		to {
-			transform: rotate(1turn)
-		}
-	}
+	// 	to {
+	// 		transform: rotate(1turn)
+	// 	}
+	// }
 </style>
diff --git a/src/uni_modules/uview-plus/components/up-loading-page/up-loading-page.uvue b/src/uni_modules/uview-plus/components/up-loading-page/up-loading-page.uvue
index 6948184a8..798a8a389 100644
--- a/src/uni_modules/uview-plus/components/up-loading-page/up-loading-page.uvue
+++ b/src/uni_modules/uview-plus/components/up-loading-page/up-loading-page.uvue
@@ -10,7 +10,7 @@
             backgroundColor: bgColor,
             display: 'flex',
             zIndex: zIndex,
-            ...customStyle
+            ...customStyleParse
         }"
     >
         <view class="up-loading-page">
@@ -77,8 +77,13 @@ export default {
     data() {
         return {};
     },
+	computed: {
+		customStyleParse(): UTSJSONObject {
+			return this.customStyle as UTSJSONObject
+		}
+	},
     methods: {
-        addUnit(str: any) {
+        addUnit(str: any): string {
             return addUnit(str)
         }
     }
diff --git a/src/uni_modules/uview-plus/components/up-navbar/navbar.uts b/src/uni_modules/uview-plus/components/up-navbar/navbar.uts
new file mode 100644
index 000000000..f2f523a68
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-navbar/navbar.uts
@@ -0,0 +1,32 @@
+/*
+ * @Author       : LQ,jry
+ * @Description  :
+ * @version      : 4.0
+ * @Date         : 2021-08-20 16:44:21
+ * @LastAuthor   : jry
+ * @lastTime     : 2024-08-28 14:20:58
+ * @FilePath     : /uview-plus/libs/config/props/navbar
+ */
+import color from '../../libs/config/color'
+
+export default {
+    // navbar 组件
+    navbar: {
+        safeAreaInsetTop: true,
+        placeholder: false,
+        fixed: true,
+        border: false,
+        leftIcon: 'arrow-left',
+        leftText: '',
+        rightText: '',
+        rightIcon: '',
+        title: '',
+        bgColor: '#ffffff',
+        titleWidth: '400rpx',
+        height: '44px',
+		leftIconSize: 20,
+		leftIconColor: color['mainColor'],
+		autoBack: false,
+		titleStyle: {}
+    }
+} as UTSJSONObject
diff --git a/src/uni_modules/uview-plus/components/up-navbar/props.uts b/src/uni_modules/uview-plus/components/up-navbar/props.uts
new file mode 100644
index 000000000..a6a8fabbf
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-navbar/props.uts
@@ -0,0 +1,88 @@
+import { defineMixin } from '../../libs/vue'
+import defProps from './navbar'
+let crtProp = defProps['navbar'] as UTSJSONObject
+
+export const propsNavbar = defineMixin({
+	props: {
+		// 是否开启顶部安全区适配
+		safeAreaInsetTop: {
+			type: Boolean,
+			default: crtProp['safeAreaInsetTop']
+		},
+		// 固定在顶部时，是否生成一个等高元素，以防止塌陷
+		placeholder: {
+			type: Boolean,
+			default: crtProp['placeholder']
+		},
+		// 是否固定在顶部
+		fixed: {
+			type: Boolean,
+			default: crtProp['fixed']
+		},
+		// 是否显示下边框
+		border: {
+			type: Boolean,
+			default: crtProp['border']
+		},
+		// 左边的图标
+		leftIcon: {
+			type: String,
+			default: crtProp['leftIcon']
+		},
+		// 左边的提示文字
+		leftText: {
+			type: String,
+			default: crtProp['leftText']
+		},
+		// 左右的提示文字
+		rightText: {
+			type: String,
+			default: crtProp['rightText']
+		},
+		// 右边的图标
+		rightIcon: {
+			type: String,
+			default: crtProp['rightIcon']
+		},
+		// 标题
+		title: {
+			type: [String, Number],
+			default: crtProp['title']
+		},
+		// 背景颜色
+		bgColor: {
+			type: String,
+			default: crtProp['bgColor']
+		},
+		// 标题的宽度
+		titleWidth: {
+			type: [String, Number],
+			default: crtProp['titleWidth']
+		},
+		// 导航栏高度
+		height: {
+			type: [String, Number],
+			default: crtProp['height']
+		},
+		// 左侧返回图标的大小
+		leftIconSize: {
+			type: [String, Number],
+			default: crtProp['leftIconSize']
+		},
+		// 左侧返回图标的颜色
+		leftIconColor: {
+			type: String,
+			default: crtProp['leftIconColor']
+		},
+		// 点击左侧区域(返回图标)，是否自动返回上一页
+		autoBack: {
+			type: Boolean,
+			default: crtProp['autoBack']
+		},
+		// 标题的样式，对象或字符串
+		titleStyle: {
+			type: [Object],
+			default: crtProp['titleStyle']
+		}
+	}
+})
diff --git a/src/uni_modules/uview-plus/components/up-navbar/up-navbar.uvue b/src/uni_modules/uview-plus/components/up-navbar/up-navbar.uvue
new file mode 100644
index 000000000..e8971a3af
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-navbar/up-navbar.uvue
@@ -0,0 +1,205 @@
+<template>
+	<view class="up-navbar" :class="[customClass]">
+		<view
+			class="up-navbar__placeholder"
+			v-if="fixed && placeholder"
+			:style="{
+				height: placeholderHeight,
+			}"
+		></view>
+		<view :class="[fixed ? 'up-navbar--fixed' : '']">
+			<up-status-bar
+				v-if="safeAreaInsetTop"
+				:bgColor="bgColor"
+			></up-status-bar>
+			<view
+				class="up-navbar__content"
+				:class="[border ? 'up-border-bottom' : '']"
+				:style="{
+					height: addUnit(height),
+					backgroundColor: bgColor,
+				}"
+			>
+				<view
+					class="up-navbar__content__left"
+					hover-class="up-navbar__content__left--hover"
+					hover-start-time="150"
+					@tap="leftClick"
+				>
+					<slot name="left">
+						<up-icon
+							v-if="leftIcon"
+							:name="leftIcon"
+							:size="leftIconSize"
+							:color="leftIconColor"
+						></up-icon>
+						<text
+							v-if="leftText"
+							:style="{
+								color: leftIconColor
+							}"
+							class="up-navbar__content__left__text"
+						>{{ leftText }}</text>
+					</slot>
+				</view>
+				<slot name="center">
+					<text
+						class="up-line-1 up-navbar__content__title"
+						:style="[{
+							width: addUnit(titleWidth),
+						}, addStyle(titleStyle)]"
+					>{{ title }}</text>
+				</slot>
+				<view
+					class="up-navbar__content__right"
+					v-if="$slots['right'] != null || rightIcon != '' || rightText != ''"
+					@tap="rightClick"
+				>
+					<slot name="right">
+						<up-icon
+							v-if="rightIcon"
+							:name="rightIcon"
+							size="20"
+						></up-icon>
+						<text
+							v-if="rightText"
+							class="up-navbar__content__right__text"
+						>{{ rightText }}</text>
+					</slot>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { propsNavbar } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
+	import { addUnit, addStyle, getPx, sys } from '../../libs/function/index';
+	/**
+	 * Navbar 自定义导航栏
+	 * @author jry ijry@qq.com
+	 * @description 此组件一般用于在特殊情况下，需要自定义导航栏的时候用到，一般建议使用uni-app带的导航栏。
+	 * @tutorial https://ijry.github.io/uview-plus/components/navbar.html
+	 * @property {Boolean}			safeAreaInsetTop	是否开启顶部安全区适配  （默认 true ）
+	 * @property {Boolean}			placeholder			固定在顶部时，是否生成一个等高元素，以防止塌陷 （默认 false ）
+	 * @property {Boolean}			fixed				导航栏是否固定在顶部 （默认 false ）
+	 * @property {Boolean}			border				导航栏底部是否显示下边框 （默认 false ）
+	 * @property {String}			leftIcon			左边返回图标的名称，只能为uView自带的图标 （默认 'arrow-left' ）
+	 * @property {String}			leftText			左边的提示文字
+	 * @property {String}			rightText			右边的提示文字
+	 * @property {String}			rightIcon			右边返回图标的名称，只能为uView自带的图标
+	 * @property {String}			title				导航栏标题，如设置为空字符，将会隐藏标题占位区域
+	 * @property {String}			bgColor				导航栏背景设置 （默认 '#ffffff' ）
+	 * @property {String | Number}	titleWidth			导航栏标题的最大宽度，内容超出会以省略号隐藏 （默认 '400rpx' ）
+	 * @property {String | Number}	height				导航栏高度(不包括状态栏高度在内，内部自动加上)（默认 '44px' ）
+	 * @property {String | Number}	leftIconSize		左侧返回图标的大小（默认 20px ）
+	 * @property {String | Number}	leftIconColor		左侧返回图标的颜色（默认 #303133 ）
+	 * @property {Boolean}	        autoBack			点击左侧区域(返回图标)，是否自动返回上一页（默认 false ）
+	 * @property {Object | String}	titleStyle			标题的样式，对象或字符串
+	 * @event {Function} leftClick		点击左侧区域
+	 * @event {Function} rightClick		点击右侧区域
+	 * @example <up-navbar title="剑未配妥，出门已是江湖" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></up-navbar>
+	 */
+	export default {
+		name: 'up-navbar',
+		mixins: [mpMixin, mixin, propsNavbar],
+		data() {
+			return {
+				statusBarHeight: 0 as number,
+				placeholderHeight: '0px' as string,
+			}
+		},
+		emits: ["leftClick", "rightClick"],
+		created() {
+			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
+			this.placeholderHeight = addUnit(parseInt(getPx(this.height)) + this.statusBarHeight, 'px')
+		},
+		methods: {
+			addStyle(val: any): any {
+				return addStyle(val)
+			},
+			addUnit(val: any): string {
+				return addUnit(val)
+			},
+			getPx(val: any): string {
+				return getPx(val)
+			},
+			// 点击左侧区域
+			leftClick(): void {
+				// 如果配置了autoBack，自动返回上一页
+				this.$emit('leftClick')
+				if(this.autoBack) {
+					uni.navigateBack()
+				}
+			},
+			// 点击右侧区域
+			rightClick(): void {
+				this.$emit('rightClick')
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import "../../libs/css/components.scss";
+
+	.up-navbar {
+
+		&--fixed {
+			position: fixed;
+			left: 0;
+			right: 0;
+			top: 0;
+			z-index: 11;
+		}
+
+		&__content {
+			@include flex(row);
+			align-items: center;
+			height: 44px;
+			background-color: #9acafc;
+			position: relative;
+			justify-content: center;
+
+			&__left,
+			&__right {
+				padding: 0 13px;
+				position: absolute;
+				top: 0;
+				bottom: 0;
+				@include flex(row);
+				align-items: center;
+			}
+
+			&__left {
+				left: 0;
+				
+				&--hover {
+					opacity: 0.7;
+				}
+
+				&__text {
+					font-size: 15px;
+					margin-left: 3px;
+				}
+			}
+
+			&__title {
+				text-align: center;
+				font-size: 16px;
+				color: $up-main-color;
+			}
+
+			&__right {
+				right: 0;
+
+				&__text {
+					font-size: 15px;
+					margin-left: 3px;
+				}
+			}
+		}
+	}
+</style>
diff --git a/src/uni_modules/uview-plus/components/up-status-bar/props.uts b/src/uni_modules/uview-plus/components/up-status-bar/props.uts
new file mode 100644
index 000000000..119bfda59
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-status-bar/props.uts
@@ -0,0 +1,12 @@
+import { defineMixin } from '../../libs/vue'
+import defProps from './statusBar'
+let crtProp = defProps['statusBar'] as UTSJSONObject
+
+export const propsStatusBar = defineMixin({
+    props: {
+        bgColor: {
+            type: String,
+            default: crtProp['bgColor']
+        }
+    }
+})
diff --git a/src/uni_modules/uview-plus/components/up-status-bar/statusBar.uts b/src/uni_modules/uview-plus/components/up-status-bar/statusBar.uts
new file mode 100644
index 000000000..1f99ba68e
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-status-bar/statusBar.uts
@@ -0,0 +1,15 @@
+/*
+ * @Author       : jry
+ * @Description  :
+ * @version      : 4.0
+ * @Date         : 2021-08-20 16:44:21
+ * @LastAuthor   : jry
+ * @lastTime     : 2024-08-28 21:58:38
+ * @FilePath     : /uview-plus/libs/config/props/statusBar
+ */
+export default {
+    // statusBar
+    statusBar: {
+        bgColor: 'transparent'
+    }
+} as UTSJSONObject
diff --git a/src/uni_modules/uview-plus/components/up-status-bar/up-status-bar.uvue b/src/uni_modules/uview-plus/components/up-status-bar/up-status-bar.uvue
new file mode 100644
index 000000000..746533b1c
--- /dev/null
+++ b/src/uni_modules/uview-plus/components/up-status-bar/up-status-bar.uvue
@@ -0,0 +1,47 @@
+<template>
+	<view
+	    :style="[style]"
+	    class="up-status-bar"
+	>
+		<slot />
+	</view>
+</template>
+
+<script>
+	import { propsStatusBar } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
+	import { addUnit, addStyle, deepMerge, sys } from '../../libs/function/index';
+	/**
+	 * StatbusBar 状态栏占位
+	 * @author jry ijry@qq.com
+	 * @description 本组件主要用于状态填充，比如在自定导航栏的时候，它会自动适配一个恰当的状态栏高度。
+	 * @tutorial https://uview-plus.jiangruyi.com/components/statusBar.html
+	 * @property {String}			bgColor			背景色 (默认 'transparent' )
+	 * @property {String | Object}	customStyle		自定义样式 
+	 * @example <up-status-bar></up-status-bar>
+	 */
+	export default {
+		name: 'up-status-bar',
+		mixins: [mpMixin, mixin, propsStatusBar],
+		data() {
+			return {
+			}
+		},
+		computed: {
+			style(): any {
+				const style = {}
+				// 状态栏高度，由于某些安卓和微信开发工具无法识别css的顶部状态栏变量，所以使用js获取的方式
+				style['height'] = addUnit(uni.getSystemInfoSync().statusBarHeight, 'px')
+				style['backgroundColor'] = this.bgColor
+				return deepMerge(style, addStyle(this.customStyle))
+			}
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+	.up-status-bar {
+		width: 100%;
+	}
+</style>
diff --git a/src/uni_modules/uview-plus/libs/function/index.uts b/src/uni_modules/uview-plus/libs/function/index.uts
index 25cf1d70a..7ce36b803 100644
--- a/src/uni_modules/uview-plus/libs/function/index.uts
+++ b/src/uni_modules/uview-plus/libs/function/index.uts
@@ -46,21 +46,21 @@ export function sleep(value = 30): any {
         }, value)
     })
 }
-// /**
-//  * @description 运行期判断平台
-//  * @returns {string} 返回所在平台(小写) 
-//  * @link 运行期判断平台 https://uniapp.dcloud.io/frame?id=判断平台
-//  */
-// export function os(): string {
-//     return uni.getSystemInfoSync().platform.toLowerCase()
-// }
-// /**
-//  * @description 获取系统信息同步接口
-//  * @link 获取系统信息同步接口 https://uniapp.dcloud.io/api/system/info?id=getsysteminfosync 
-//  */
-// export function sys(): any {
-//     return uni.getSystemInfoSync()
-// }
+/**
+ * @description 运行期判断平台
+ * @returns {string} 返回所在平台(小写) 
+ * @link 运行期判断平台 https://uniapp.dcloud.io/frame?id=判断平台
+ */
+export function os(): string {
+    return uni.getSystemInfoSync().osName
+}
+/**
+ * @description 获取系统信息同步接口
+ * @link 获取系统信息同步接口 https://uniapp.dcloud.io/api/system/info?id=getsysteminfosync 
+ */
+export function sys(): any {
+    return uni.getSystemInfoSync()
+}
 
 // /**
 //  * @description 取一个区间数
diff --git a/uni-app-x/pages/componentsA/loading-page/loading-page.uvue b/uni-app-x/pages/componentsA/loading-page/loading-page.uvue
index 94169d49b..1c9b2beaa 100644
--- a/uni-app-x/pages/componentsA/loading-page/loading-page.uvue
+++ b/uni-app-x/pages/componentsA/loading-page/loading-page.uvue
@@ -15,7 +15,7 @@
 			<up-cell
 			    :titleStyle="{fontWeight: 500}"
 			    @click="openLoadingPage(index)"
-			    :title="item.title"
+			    :title="item['title']"
 			    v-for="(item, index) in list"
 			    :key="index"
 			    isLink
@@ -23,20 +23,20 @@
 				<image
 				    slot="icon"
 				    class="u-cell-icon"
-				    :src="item.iconUrl"
+				    :src="item['iconUrl']"
 				    mode="widthFix"
 				></image>
 			</up-cell>
 		</up-cell-group>
 		<up-loading-page
-		    :loadingText="loadingPageData.loadingText"
-		    :image="loadingPageData.image"
-			:iconSize="loadingPageData.iconSize"
-		    :loadingMode="loadingPageData.loadingMode"
-		    :bgColor="loadingPageData.bgColor"
+		    :loadingText="loadingPageData['loadingText']"
+		    :image="loadingPageData['image']"
+			:iconSize="loadingPageData['iconSize']"
+		    :loadingMode="loadingPageData['loadingMode']"
+		    :bgColor="loadingPageData['bgColor']"
 		    :loading="loading"
-		    :color="loadingPageData.color"
-		    :loadingColor="loadingPageData.loadingColor"
+		    :color="loadingPageData['color']"
+		    :loadingColor="loadingPageData['loadingColor']"
 		>
 		</up-loading-page>
 	</view>
@@ -91,30 +91,30 @@
 				}
 				if (indexNum == 0) {
 					//自定义提示内容
-					this.loadingPageData.loadingMode = 'semicircle'
-					this.loadingPageData.loadingText = "Hello uView"
-					this.loadingPageData.color = '#C8C8C8'
-					this.loadingPageData.loadingColor = '#C8C8C8'
+					this.loadingPageData['loadingMode'] = 'semicircle'
+					this.loadingPageData['loadingText'] = "Hello uView"
+					this.loadingPageData['color'] = '#C8C8C8'
+					this.loadingPageData['loadingColor'] = '#C8C8C8'
 				} else if (indexNum == 1) {
 					// 自定义图片
-					this.loadingPageData.image = "/static/uview/common/logo.png"
-					this.loadingPageData.loadingText = "uView UI"
-					this.loadingPageData.iconSize = 40
-					this.loadingPageData.color = '#C8C8C8'
-					this.loadingPageData.loadingColor = '#C8C8C8'
+					this.loadingPageData['image'] = "/static/uview/common/logo.png"
+					this.loadingPageData['loadingText'] = "uView UI"
+					this.loadingPageData['iconSize'] = 40
+					this.loadingPageData['color'] = '#C8C8C8'
+					this.loadingPageData['loadingColor'] = '#C8C8C8'
 				} else if (indexNum == 2) {
 					// 自定义加载动画模式
-					this.loadingPageData.loadingMode = 'circle'
-					this.loadingPageData.loadingText = "uView UI"
-					this.loadingPageData.color = '#C8C8C8'
-					this.loadingPageData.loadingColor = '#C8C8C8'
+					this.loadingPageData['loadingMode'] = 'circle'
+					this.loadingPageData['loadingText'] = "uView UI"
+					this.loadingPageData['color'] = '#C8C8C8'
+					this.loadingPageData['loadingColor'] = '#C8C8C8'
 				} else if (indexNum == 3) {
 					// 自定义背景色
-					this.loadingPageData.loadingMode = 'spinner'
-					this.loadingPageData.bgColor = 'rgba(0, 0, 0, 0.3)'
-					this.loadingPageData.loadingText = "uview-plus"
-					this.loadingPageData.color = '#eee'
-					this.loadingPageData.loadingColor = '#ddd'
+					this.loadingPageData['loadingMode'] = 'spinner'
+					this.loadingPageData['bgColor'] = 'rgba(0, 0, 0, 0.3)'
+					this.loadingPageData['loadingText'] = "uview-plus"
+					this.loadingPageData['color'] = '#eee'
+					this.loadingPageData['loadingColor'] = '#ddd'
 				}
 				this.loading = true
 				setTimeout(() => {