From 0e3c64344f025f44689886a41a2b097b32aca14d Mon Sep 17 00:00:00 2001
From: jry <ijry@qq.com>
Date: Thu, 12 Sep 2024 00:44:44 +0800
Subject: [PATCH] =?UTF-8?q?change:=20=E6=BC=94=E7=A4=BA=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=A0=87=E7=AD=BE=E7=B1=BB=E5=9E=8B=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/componentsA/backtop/backtop.nvue    |   2 +-
 src/pages/componentsA/button/button.nvue      |  42 ++---
 src/pages/componentsA/checkbox/checkbox.nvue  |  41 +++--
 src/pages/componentsA/divider/divider.nvue    |  14 +-
 src/pages/componentsA/empty/empty.nvue        |   2 +-
 src/pages/componentsA/gap/gap.nvue            |   8 +-
 src/pages/componentsA/grid/grid.nvue          |   8 +-
 src/pages/componentsA/image/image.nvue        |  12 +-
 src/pages/componentsA/line/line.nvue          |  14 +-
 src/pages/componentsA/link/link.nvue          |   8 +-
 .../loading-icon/loading-icon.nvue            |  12 +-
 src/pages/componentsA/radio/radio.nvue        |  14 +-
 src/pages/componentsA/rate/rate.nvue          |  22 +--
 src/pages/componentsA/sticky/sticky.nvue      |   2 +-
 .../componentsA/swipeAction/swipeAction.nvue  |  10 +-
 src/pages/componentsB/alert/alert.nvue        |  10 +-
 src/pages/componentsB/badge/badge.nvue        |  10 +-
 src/pages/componentsB/card/card.vue           |  10 +-
 src/pages/componentsB/code/code.nvue          |   6 +-
 .../componentsB/countDown/countDown.nvue      |  10 +-
 src/pages/componentsB/countTo/countTo.nvue    |  12 +-
 src/pages/componentsB/dropdown/dropdown.nvue  |   8 +-
 .../componentsB/noticeBar/noticeBar.nvue      |  14 +-
 src/pages/componentsB/progress/progress.nvue  |  12 +-
 src/pages/componentsB/search/search.nvue      |  16 +-
 src/pages/componentsB/slider/slider.nvue      |  12 +-
 src/pages/componentsB/switch/switch.nvue      |  14 +-
 src/pages/componentsB/tag/tag.nvue            |  20 +--
 src/pages/componentsB/upload/upload.nvue      |  22 +--
 src/pages/componentsC/album/album.nvue        |  68 ++++----
 src/pages/componentsC/avatar/avatar.nvue      |  16 +-
 .../componentsC/codeInput/codeInput.nvue      |  16 +-
 src/pages/componentsC/form/form.nvue          |   2 +-
 src/pages/componentsC/input/input.nvue        |  18 +-
 src/pages/componentsC/layout/layout.nvue      |  10 +-
 src/pages/componentsC/loadmore/loadmore.nvue  |  14 +-
 .../componentsC/scrollList/scrollList.nvue    |   2 +-
 src/pages/componentsC/skeleton/skeleton.nvue  |  14 +-
 src/pages/componentsC/steps/steps.vue         |  16 +-
 .../componentsC/subsection/subsection.nvue    |   8 +-
 src/pages/componentsC/swiper/swiper.nvue      |  16 +-
 src/pages/componentsC/table/table.nvue        |   2 +-
 src/pages/componentsC/tabs/tabs.nvue          | 158 +++++++++---------
 src/pages/componentsC/text/text.nvue          |  48 +++---
 src/pages/componentsC/textarea/textarea.nvue  |  10 +-
 src/pages/componentsC/tooltip/tooltip.vue     |  10 +-
 46 files changed, 418 insertions(+), 397 deletions(-)

diff --git a/src/pages/componentsA/backtop/backtop.nvue b/src/pages/componentsA/backtop/backtop.nvue
index 2bc98ca42..7fbf5eeba 100644
--- a/src/pages/componentsA/backtop/backtop.nvue
+++ b/src/pages/componentsA/backtop/backtop.nvue
@@ -4,7 +4,7 @@
 	    ref="u-back-top"
 	>
 	<view class="u-demo-block">
-		<text class="u-demo-block__title">自定义backTop(滚动页面即可在右下角看到图标)</text>
+		<view class="u-demo-block__title">自定义backTop(滚动页面即可在右下角看到图标)</view>
 		<view class="u-demo-block__content">
 			<view class="u-page__backTop-item">
 				<up-checkbox-group
diff --git a/src/pages/componentsA/button/button.nvue b/src/pages/componentsA/button/button.nvue
index 00d60f42d..23fe3071a 100644
--- a/src/pages/componentsA/button/button.nvue
+++ b/src/pages/componentsA/button/button.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">按钮类型</text>
+			<view class="u-demo-block__title">按钮类型</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__button-item">
 					<up-button
@@ -42,7 +42,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">镂空按钮</text>
+			<view class="u-demo-block__title">镂空按钮</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__button-item">
 					<up-button
@@ -87,7 +87,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">细边按钮</text>
+			<view class="u-demo-block__title">细边按钮</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__button-item">
 					<up-button
@@ -138,7 +138,7 @@
 		</view>
 
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用按钮</text>
+			<view class="u-demo-block__title">禁用按钮</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__button-item">
 					<up-button
@@ -184,7 +184,7 @@
 		</view>
 
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">加载中</text>
+			<view class="u-demo-block__title">加载中</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__button-item">
 					<up-button
@@ -207,7 +207,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">按钮图标&按钮形状</text>
+			<view class="u-demo-block__title">按钮图标&按钮形状</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__button-item">
 					<up-button
@@ -230,7 +230,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
+			<view class="u-demo-block__title">自定义颜色</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__button-item">
 					<up-button
@@ -257,7 +257,7 @@
 		</view>
 
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义大小</text>
+			<view class="u-demo-block__title">自定义大小</view>
 			<view class="u-demo-block__content" style="padding-bottom: 15px; flex-direction: column;align-items: stretch;flex-wrap: nowrap;">
 				<up-button
 				    text="超大尺寸"
@@ -289,17 +289,17 @@
 					></up-button>
 				</view>
 			</view>
-		</view>
-		<up-action-sheet
-			v-model:show="show"
-			:actions="[{
-					name: '选项1',
-				},
-				{
-					name: '选项2',
-				}]"
-			:closeOnClickOverlay="false"
-		>
+		</view>
+		<up-action-sheet
+			v-model:show="show"
+			:actions="[{
+					name: '选项1',
+				},
+				{
+					name: '选项2',
+				}]"
+			:closeOnClickOverlay="false"
+		>
 		</up-action-sheet>
 	</view>
 </template>
@@ -307,7 +307,7 @@
 <script>
 	export default {
 		data() {
-			return {
+			return {
 				show: false,
 				// type: 'default',
 				// disabled: false
@@ -320,7 +320,7 @@
 			}, 2000)
 		},
 		methods: {
-			click() {
+			click() {
 				this.show = true;
 				console.log('click');
 			}
diff --git a/src/pages/componentsA/checkbox/checkbox.nvue b/src/pages/componentsA/checkbox/checkbox.nvue
index df23ed02d..3b0a7d3cb 100644
--- a/src/pages/componentsA/checkbox/checkbox.nvue
+++ b/src/pages/componentsA/checkbox/checkbox.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 			<text class="u-block__title">苹果、香蕉和橙子哪个最甜？</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__checkbox-item">
@@ -21,8 +21,25 @@
 					</up-checkbox-group>
 				</view>
 			</view>
-		</view>
		<view class="u-demo-block">
			<text class="u-demo-block__title">单独使用checkbox</text>
			<text class="u-block__title">是否同意用户协议？</text>
			<view class="u-demo-block__content">
				<view class="u-page__checkbox-item">
					<up-checkbox
						:customStyle="{marginBottom: '8px'}"
						label="同意用户协议与隐私条款"
						name="agree"
-						usedAlone
						v-model:checked="aloneChecked"
					>
					</up-checkbox>
					<up-button type="primary" size="small" style="width: 120px;"
						@click="changeAloneChecked" text="切换">{{aloneChecked}}</up-button>
				</view>
			</view>
		</view>
+		</view><view class="u-demo-block__title">单独使用checkbox</view>
+		<view class="u-demo-block">
+			<text class="u-demo-block__title">单独使用checkbox</text>
+			<view class="u-demo-block__title">自定义形状</view>
+			<view class="u-demo-block__content">
+				<view class="u-page__checkbox-item">
+					<up-checkbox
+						:customStyle="{marginBottom: '8px'}"
+						label="同意用户协议与隐私条款"
+						name="agree"
+						usedAlone
+						v-model:checked="aloneChecked"
+					>
+					</up-checkbox>
+					<up-button type="primary" size="small" style="width: 120px;"
+						@click="changeAloneChecked" text="切换">{{aloneChecked}}</up-button>
+				</view>
+			</view>
+		</view>
 		<view class="u-demo-block">
 			<text class="u-demo-block__title">自定义形状</text>
 			<text class="u-block__title">中国四大名著是？</text>
@@ -30,7 +47,7 @@
 				<view class="u-page__checkbox-item">
 					<up-checkbox-group
 						v-model="checkboxValue2"
-						placement="column"
+			<view class="u-demo-block__title">是否禁用</view>
 						@change="checkboxChange"
 						shape="square"
 					>
@@ -53,7 +70,7 @@
 				<view class="u-page__checkbox-item">
 					<up-checkbox-group
 						v-model="checkboxValue3"
-						placement="column"
+			<view class="u-demo-block__title">是否禁止点击提示语选中复选框</view>
 						@change="checkboxChange"
 					>
 						<up-checkbox
@@ -76,7 +93,7 @@
 				<view class="u-page__checkbox-item">
 					<up-checkbox-group
 						v-model="checkboxValue4"
-						placement="column"
+			<view class="u-demo-block__title">自定义颜色</view>
 						@change="checkboxChange"
 						:labelDisabled="true"
 					>
@@ -99,7 +116,7 @@
 				<view class="u-page__checkbox-item">
 					<up-checkbox-group
 						v-model="checkboxValue5"
-						placement="column"
+			<view class="u-demo-block__title">横向排列形式</view>
 						@change="checkboxChange"
 						activeColor="#19be6b"
 					>
@@ -120,7 +137,7 @@
 			<text class="u-block__title">什么东西不能飞？</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__checkbox-item">
-					<up-checkbox-group
+			<view class="u-demo-block__title">横向两端排列形式</view>
 						v-model="checkboxValue6"
 						@change="checkboxChange"
 					>
@@ -180,7 +197,8 @@
 						name: '橙子',
 						disabled: false
 					}
-				],
				aloneChecked: false,
+				],
+				aloneChecked: false,
 				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中
 				checkboxValue1: ['苹果', '橙子'],
 
@@ -320,7 +338,10 @@
 		methods: {
 			checkboxChange(n) {
 				// console.log('change', n);
-			},
			changeAloneChecked() {
				this.aloneChecked = !this.aloneChecked;
			}
+			},
+			changeAloneChecked() {
+				this.aloneChecked = !this.aloneChecked;
+			}
 		}
 	}
 </script>
diff --git a/src/pages/componentsA/divider/divider.nvue b/src/pages/componentsA/divider/divider.nvue
index 1fe219201..c27f895c2 100644
--- a/src/pages/componentsA/divider/divider.nvue
+++ b/src/pages/componentsA/divider/divider.nvue
@@ -1,13 +1,13 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 			<view>
 				<up-divider text="分割线"></up-divider>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否虚线</text>
+			<view class="u-demo-block__title">是否虚线</view>
 			<view>
 			<up-divider
 			    text="分割线"
@@ -16,7 +16,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否细线</text>
+			<view class="u-demo-block__title">是否细线</view>
 			<view>
 			<up-divider
 			    text="分割线"
@@ -25,7 +25,7 @@
 			</view>
 		</view>
  <view class="u-demo-block">
-			<text class="u-demo-block__title">是否以点代替文字</text>
+			<view class="u-demo-block__title">是否以点代替文字</view>
 			<view>
 			<up-divider
 			    text="分割线"
@@ -34,7 +34,7 @@
 			</view>
 		</view>
  <view class="u-demo-block">
-			<text class="u-demo-block__title">文本内容靠左</text>
+			<view class="u-demo-block__title">文本内容靠左</view>
 			<view>
 		<up-divider
 		    text="分割线"
@@ -43,7 +43,7 @@
 			</view>
 		</view>
  <view class="u-demo-block">
-			<text class="u-demo-block__title">文本内容靠右</text>
+			<view class="u-demo-block__title">文本内容靠右</view>
 			<view>
 		<up-divider
 		    text="分割线"
@@ -52,7 +52,7 @@
 			</view>
 		</view>
  <view class="u-demo-block">
-			<text class="u-demo-block__title">自定义文本颜色</text>
+			<view class="u-demo-block__title">自定义文本颜色</view>
 			<view>
 		<up-divider
 		    text="分割线"
diff --git a/src/pages/componentsA/empty/empty.nvue b/src/pages/componentsA/empty/empty.nvue
index 178825b35..0396b1aa8 100644
--- a/src/pages/componentsA/empty/empty.nvue
+++ b/src/pages/componentsA/empty/empty.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-page__top-box">
-			<text class="u-demo-block__title">演示效果</text>
+			<view class="u-demo-block__title">演示效果</view>
 		</view>
 		<up-empty
 			:mode="mode"
diff --git a/src/pages/componentsA/gap/gap.nvue b/src/pages/componentsA/gap/gap.nvue
index 020d1b0a0..b5571a920 100644
--- a/src/pages/componentsA/gap/gap.nvue
+++ b/src/pages/componentsA/gap/gap.nvue
@@ -1,25 +1,25 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案列</text>
+			<view class="u-demo-block__title">基本案列</view>
 			<view class="u-page__gap-item">
 				<up-gap bgColor="#f3f4f6"></up-gap>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
+			<view class="u-demo-block__title">自定义颜色</view>
 			<view class="u-page__gap-item">
 				<up-gap bgColor="#2979ff"></up-gap>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义高度</text>
+			<view class="u-demo-block__title">自定义高度</view>
 			<view class="u-page__gap-item">
 				<up-gap bgColor="#f3f4f6" height="40"></up-gap>
 			</view>
 		</view>	
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义上下边距</text>
+			<view class="u-demo-block__title">自定义上下边距</view>
 			<view class="u-page__gap-item">
 			<up-gap
 				bgColor="#f3f4f6"
diff --git a/src/pages/componentsA/grid/grid.nvue b/src/pages/componentsA/grid/grid.nvue
index 68e2ea9d3..a152000d8 100644
--- a/src/pages/componentsA/grid/grid.nvue
+++ b/src/pages/componentsA/grid/grid.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 			<view>
 				<up-grid
 					:border="false"
@@ -24,7 +24,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示边框</text>
+			<view class="u-demo-block__title">显示边框</view>
 			<view>
 				<up-grid :border="true">
 					<up-grid-item
@@ -43,7 +43,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">绑定点击事件&自定义列数</text>
+			<view class="u-demo-block__title">绑定点击事件&自定义列数</view>
 			<view>
 				<up-grid
 					:border="false"
@@ -65,7 +65,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">可滑动</text>
+			<view class="u-demo-block__title">可滑动</view>
 			<view>
 				<swiper
 					:indicator-dots="true"
diff --git a/src/pages/componentsA/image/image.nvue b/src/pages/componentsA/image/image.nvue
index b25433e51..b56e4dbdd 100644
--- a/src/pages/componentsA/image/image.nvue
+++ b/src/pages/componentsA/image/image.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__image-item">
 					 <up-image
@@ -15,7 +15,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义形状</text>
+			<view class="u-demo-block__title">自定义形状</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__image-item">
 					<up-image
@@ -28,7 +28,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义圆角</text>
+			<view class="u-demo-block__title">自定义圆角</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__image-item">
 					<up-image
@@ -41,7 +41,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">图片模式(widthFix)</text>
+			<view class="u-demo-block__title">图片模式(widthFix)</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__image-item">
 					<up-image
@@ -54,7 +54,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义图片加载插槽</text>
+			<view class="u-demo-block__title">自定义图片加载插槽</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__image-item">
 					<up-image
@@ -66,7 +66,7 @@
 						<template v-slot:loading>
 							<up-loading-icon color="red"></up-loading-icon>
 						</template>
-					</up-image>
+					</up-image>
 				</view>
 			</view>
 		</view>
diff --git a/src/pages/componentsA/line/line.nvue b/src/pages/componentsA/line/line.nvue
index 11fac62cc..fc312d4d0 100644
--- a/src/pages/componentsA/line/line.nvue
+++ b/src/pages/componentsA/line/line.nvue
@@ -1,25 +1,25 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 				<view class="u-page__line-item">
 					<up-line></up-line>
 				</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
+			<view class="u-demo-block__title">自定义颜色</view>
 				<view class="u-page__line-item">
 					<up-line color="#2979ff"></up-line>
 				</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义长度</text>
+			<view class="u-demo-block__title">自定义长度</view>
 				<view class="u-page__line-item">
 					<up-line length="200"></up-line>
 				</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义方向</text>
+			<view class="u-demo-block__title">自定义方向</view>
 				<view class="u-page__line-item">
 					<up-line
 					    length="30"
@@ -29,19 +29,19 @@
 				</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否显示1px粗线条</text>
+			<view class="u-demo-block__title">是否显示1px粗线条</view>
 				<view class="u-page__line-item">
 					<up-line :hairline="false"></up-line>
 				</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">线条与上下左右元素的间距</text>
+			<view class="u-demo-block__title">线条与上下左右元素的间距</view>
 				<view class="u-page__line-item">
 						<up-line margin="20"></up-line>
 				</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否虚线</text>
+			<view class="u-demo-block__title">是否虚线</view>
 				<view class="u-page__line-item">
 					<up-line
 					    color="#2979ff"
diff --git a/src/pages/componentsA/link/link.nvue b/src/pages/componentsA/link/link.nvue
index c2ca851ff..b035e2d60 100644
--- a/src/pages/componentsA/link/link.nvue
+++ b/src/pages/componentsA/link/link.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__link-item">
 					<up-link
@@ -13,7 +13,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示下划线</text>
+			<view class="u-demo-block__title">显示下划线</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__link-item">
 					<up-link
@@ -25,7 +25,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
+			<view class="u-demo-block__title">自定义颜色</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__link-item">
 					<up-link
@@ -38,7 +38,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义链接内容</text>
+			<view class="u-demo-block__title">自定义链接内容</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__link-item">
 					<up-link
diff --git a/src/pages/componentsA/loading-icon/loading-icon.nvue b/src/pages/componentsA/loading-icon/loading-icon.nvue
index 51ba0a234..c503aed8a 100644
--- a/src/pages/componentsA/loading-icon/loading-icon.nvue
+++ b/src/pages/componentsA/loading-icon/loading-icon.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案列</text>
+			<view class="u-demo-block__title">基本案列</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__loading-item">
 					<up-loading-icon></up-loading-icon>
@@ -9,7 +9,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">半圆loading</text>
+			<view class="u-demo-block__title">半圆loading</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__loading-item">
 					<up-loading-icon mode="semicircle"></up-loading-icon>
@@ -17,7 +17,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">圆形loading</text>
+			<view class="u-demo-block__title">圆形loading</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__loading-item">
 					<up-loading-icon mode="circle"></up-loading-icon>
@@ -25,7 +25,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义动画</text>
+			<view class="u-demo-block__title">自定义动画</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__loading-item">
 					<up-loading-icon mode="circle" timingFunction="linear"></up-loading-icon>
@@ -33,7 +33,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
+			<view class="u-demo-block__title">自定义颜色</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__loading-item">
 					<up-loading-icon color="#19be6b"></up-loading-icon>
@@ -41,7 +41,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义文字</text>
+			<view class="u-demo-block__title">自定义文字</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__loading-item">
 					<up-loading-icon
diff --git a/src/pages/componentsA/radio/radio.nvue b/src/pages/componentsA/radio/radio.nvue
index 010e43bf8..62f9304f1 100644
--- a/src/pages/componentsA/radio/radio.nvue
+++ b/src/pages/componentsA/radio/radio.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 			<text class="u-block__title">苹果、香蕉和橙子哪个最甜？</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__radio-item">
@@ -25,7 +25,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义形状</text>
+			<view class="u-demo-block__title">自定义形状</view>
 			<text class="u-block__title">王者荣耀谁最帅？</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__radio-item">
@@ -48,7 +48,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否禁用</text>
+			<view class="u-demo-block__title">是否禁用</view>
 			<text class="u-block__title">苹果、香蕉和菠萝哪个最甜？</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__radio-item">
@@ -70,7 +70,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">纵向排列</text>
+			<view class="u-demo-block__title">纵向排列</view>
 			<text class="u-block__title">狙击枪用哪个倍镜最好？</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__radio-item">
@@ -92,7 +92,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色？</text>
+			<view class="u-demo-block__title">自定义颜色？</view>
 			<text class="u-block__title">你比较喜欢下面哪个颜色？</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__radio-item">
@@ -114,7 +114,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">横向排列形式？</text>
+			<view class="u-demo-block__title">横向排列形式？</view>
 			<text class="u-block__title">王者荣耀哪个英雄最美？</text>
 			<view class="u-demo-block__content">
 				<view class="u-page__radio-item">
@@ -135,7 +135,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">横向两端排列形式？</text>
+			<view class="u-demo-block__title">横向两端排列形式？</view>
 			<text class="u-block__title">你觉得阿木木可爱吗？</text>
 			<view>
 				<view class="u-page__radio-item">
diff --git a/src/pages/componentsA/rate/rate.nvue b/src/pages/componentsA/rate/rate.nvue
index 178395593..fbbc27e48 100644
--- a/src/pages/componentsA/rate/rate.nvue
+++ b/src/pages/componentsA/rate/rate.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-rate size="20"></up-rate>
@@ -9,7 +9,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义选中星星数量</text>
+			<view class="u-demo-block__title">自定义选中星星数量</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item flex">
 					<up-rate
@@ -21,7 +21,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义星星大小</text>
+			<view class="u-demo-block__title">自定义星星大小</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-rate size="30" count="4"></up-rate>
@@ -29,7 +29,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否禁用评分</text>
+			<view class="u-demo-block__title">是否禁用评分</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
 					<up-rate size="20" disabled></up-rate>
@@ -37,7 +37,7 @@
 			</view>
 		</view>
     <view class="u-demo-block">
-      <text class="u-demo-block__title">是否只读评分</text>
+      <view class="u-demo-block__title">是否只读评分</view>
       <view class="u-demo-block__content">
         <view class="u-page__rate-item">
           <up-rate size="20" readonly></up-rate>
@@ -45,7 +45,7 @@
       </view>
     </view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义选中星星颜色</text>
+			<view class="u-demo-block__title">自定义选中星星颜色</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
 					<up-rate
@@ -57,7 +57,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义未选中星星颜色</text>
+			<view class="u-demo-block__title">自定义未选中星星颜色</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
 					<up-rate
@@ -69,7 +69,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁止触摸选择</text>
+			<view class="u-demo-block__title">禁止触摸选择</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
 					<up-rate size="20" :touchable="false"></up-rate>
@@ -77,7 +77,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">允许触摸选择</text>
+			<view class="u-demo-block__title">允许触摸选择</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
 					<up-rate size="20" :touchable="true"></up-rate>
@@ -85,7 +85,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否允许半星</text>
+			<view class="u-demo-block__title">是否允许半星</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
 					<up-rate
@@ -98,7 +98,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义选中的图标</text>
+			<view class="u-demo-block__title">自定义选中的图标</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__rate-item">
 					<up-rate
diff --git a/src/pages/componentsA/sticky/sticky.nvue b/src/pages/componentsA/sticky/sticky.nvue
index 79f7dc894..54df50037 100644
--- a/src/pages/componentsA/sticky/sticky.nvue
+++ b/src/pages/componentsA/sticky/sticky.nvue
@@ -8,7 +8,7 @@
 			placeholder
 		></up-navbar> -->
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<up-text
 				type="content"
 				text="滚动页面,即可看到下方的按钮会吸顶。"
diff --git a/src/pages/componentsA/swipeAction/swipeAction.nvue b/src/pages/componentsA/swipeAction/swipeAction.nvue
index 8108ff697..557037c20 100644
--- a/src/pages/componentsA/swipeAction/swipeAction.nvue
+++ b/src/pages/componentsA/swipeAction/swipeAction.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">演示案例</text>
+			<view class="u-demo-block__title">演示案例</view>
 			<view class="u-page__swipe-action-item">
 				<up-swipe-action>
 					<up-swipe-action-item
@@ -20,7 +20,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">按钮组</text>
+			<view class="u-demo-block__title">按钮组</view>
 			<view class="u-page__swipe-action-item">
 				<up-swipe-action>
 					<up-swipe-action-item :options="options2">
@@ -34,7 +34,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">带图标</text>
+			<view class="u-demo-block__title">带图标</view>
 			<view class="u-page__swipe-action-item">
 				<up-swipe-action>
 					<up-swipe-action-item :options="options3">
@@ -48,7 +48,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">组合使用</text>
+			<view class="u-demo-block__title">组合使用</view>
 			<view class="u-page__swipe-action-item">
 				<up-swipe-action>
 					<up-swipe-action-item
@@ -70,7 +70,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义按钮形状</text>
+			<view class="u-demo-block__title">自定义按钮形状</view>
 			<view class="u-page__swipe-action-item">
 				<up-swipe-action>
 					<up-swipe-action-item :options="options5">
diff --git a/src/pages/componentsB/alert/alert.nvue b/src/pages/componentsB/alert/alert.nvue
index 0dcf806f3..277167108 100644
--- a/src/pages/componentsB/alert/alert.nvue
+++ b/src/pages/componentsB/alert/alert.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<view class="u-alert-item">
 					<up-alert
@@ -36,7 +36,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">深浅色</text>
+			<view class="u-demo-block__title">深浅色</view>
 			<view class="u-demo-block__content">
 				<view class="u-alert-item">
 					<up-alert
@@ -54,7 +54,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示图标</text>
+			<view class="u-demo-block__title">显示图标</view>
 			<view class="u-demo-block__content">
 				<view class="u-alert-item">
 					<up-alert
@@ -74,7 +74,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">可关闭</text>
+			<view class="u-demo-block__title">可关闭</view>
 			<view class="u-demo-block__content">
 				<view class="u-alert-item">
 					<up-alert
@@ -96,7 +96,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">带标题</text>
+			<view class="u-demo-block__title">带标题</view>
 			<view class="u-demo-block__content">
 				<view class="u-alert-item">
 					<up-alert
diff --git a/src/pages/componentsB/badge/badge.nvue b/src/pages/componentsB/badge/badge.nvue
index 24e5901ea..0dd4be992 100644
--- a/src/pages/componentsB/badge/badge.nvue
+++ b/src/pages/componentsB/badge/badge.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">直角边形状</text>
+			<view class="u-demo-block__title">直角边形状</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-badge
@@ -12,7 +12,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">徽标数显示方式</text>
+			<view class="u-demo-block__title">徽标数显示方式</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-badge
@@ -42,7 +42,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示圆点</text>
+			<view class="u-demo-block__title">显示圆点</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-badge
@@ -55,7 +55,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义主题</text>
+			<view class="u-demo-block__title">自定义主题</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-badge
@@ -88,7 +88,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">反转色</text>
+			<view class="u-demo-block__title">反转色</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-badge
diff --git a/src/pages/componentsB/card/card.vue b/src/pages/componentsB/card/card.vue
index 683e2e869..1954b17c2 100644
--- a/src/pages/componentsB/card/card.vue
+++ b/src/pages/componentsB/card/card.vue
@@ -24,28 +24,28 @@
 		</view>
 		<view class="u-demo">
 			<view class="u-demo-block">
-			    <text class="u-demo-block__title">参数配置</text>
+			    <view class="u-demo-block__title">参数配置</view>
 			</view>
 			<view class="u-demo-block">
-			    <text class="u-demo-block__title">左上角图标</text>
+			    <view class="u-demo-block__title">左上角图标</view>
 			    <view class="u-demo-block__content">
 					<up-subsection :list="['显示', '隐藏']" @change="thumbChange"></up-subsection>
 			    </view>
 			</view>
 			<view class="u-demo-block">
-			    <text class="u-demo-block__title">内边距</text>
+			    <view class="u-demo-block__title">内边距</view>
 			    <view class="u-demo-block__content">
 					<up-subsection current="1" :list="['10', '15', '20']" @change="paddingChange"></up-subsection>
 			    </view>
 			</view>
 			<view class="u-demo-block">
-			    <text class="u-demo-block__title">底部</text>
+			    <view class="u-demo-block__title">底部</view>
 			    <view class="u-demo-block__content">
 					<up-subsection :list="['显示', '隐藏']" @change="bottomChange"></up-subsection>
 			    </view>
 			</view>
 			<view class="u-demo-block">
-			    <text class="u-demo-block__title">外边框</text>
+			    <view class="u-demo-block__title">外边框</view>
 			    <view class="u-demo-block__content">
 					<up-subsection :list="['显示', '隐藏']" @change="borderChange"></up-subsection>
 			    </view>
diff --git a/src/pages/componentsB/code/code.nvue b/src/pages/componentsB/code/code.nvue
index b189c8cf4..b878ea676 100644
--- a/src/pages/componentsB/code/code.nvue
+++ b/src/pages/componentsB/code/code.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<up-code
 				    ref="uCode"
@@ -21,7 +21,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">保持倒计时(开始后，左上角返退出此页面再进入，会发现倒计时还在继续)</text>
+			<view class="u-demo-block__title">保持倒计时(开始后，左上角返退出此页面再进入，会发现倒计时还在继续)</view>
 			<view class="u-demo-block__content">
 				<up-code
 				    ref="uCode1"
@@ -41,7 +41,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">文本样式</text>
+			<view class="u-demo-block__title">文本样式</view>
 			<view class="u-demo-block__content">
 				<up-code
 				    ref="uCode2"
diff --git a/src/pages/componentsB/countDown/countDown.nvue b/src/pages/componentsB/countDown/countDown.nvue
index 212233020..ee0e7b0e4 100644
--- a/src/pages/componentsB/countDown/countDown.nvue
+++ b/src/pages/componentsB/countDown/countDown.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础用法</text>
+			<view class="u-demo-block__title">基础用法</view>
 			<view class="u-demo-block__content">
 				<up-count-down
 				    :time="30 * 60 * 60 * 1000"
@@ -14,7 +14,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义格式</text>
+			<view class="u-demo-block__title">自定义格式</view>
 			<view class="u-demo-block__content">
 				<up-count-down
 				    :time="30 * 60 * 60 * 1000"
@@ -33,7 +33,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">毫秒级渲染</text>
+			<view class="u-demo-block__title">毫秒级渲染</view>
 			<view class="u-demo-block__content">
 				<up-count-down
 				    :time="30 * 60 * 60 * 1000"
@@ -45,7 +45,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
+			<view class="u-demo-block__title">自定义样式</view>
 			<view class="u-demo-block__content">
 				<up-count-down
 				    :time="30 * 60 * 60 * 1000"
@@ -71,7 +71,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">手动控制</text>
+			<view class="u-demo-block__title">手动控制</view>
 			<view class="u-demo-block__content">
 				<up-count-down
 				    ref="countDown"
diff --git a/src/pages/componentsB/countTo/countTo.nvue b/src/pages/componentsB/countTo/countTo.nvue
index 2edfbf33f..ae274c737 100644
--- a/src/pages/componentsB/countTo/countTo.nvue
+++ b/src/pages/componentsB/countTo/countTo.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-count-to
@@ -12,7 +12,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">倒计数</text>
+			<view class="u-demo-block__title">倒计数</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-count-to :startVal="startVal1"></up-count-to>
@@ -20,7 +20,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示小数位</text>
+			<view class="u-demo-block__title">显示小数位</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-count-to
@@ -32,7 +32,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">千分位分隔符</text>
+			<view class="u-demo-block__title">千分位分隔符</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-count-to
@@ -45,7 +45,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义控制</text>
+			<view class="u-demo-block__title">自定义控制</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-count-to
@@ -91,7 +91,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义</text>
+			<view class="u-demo-block__title">自定义</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-count-to
diff --git a/src/pages/componentsB/dropdown/dropdown.nvue b/src/pages/componentsB/dropdown/dropdown.nvue
index ae3710892..11c2f47b5 100644
--- a/src/pages/componentsB/dropdown/dropdown.nvue
+++ b/src/pages/componentsB/dropdown/dropdown.nvue
@@ -20,22 +20,22 @@
 		</view>
 		<view class="u-config-wrap">
             <view class="u-demo-block">
-                <text class="u-demo-block__title">参数配置</text>
+                <view class="u-demo-block__title">参数配置</view>
             </view>
             <view class="u-demo-block">
-                <text class="u-demo-block__title">下边框</text>
+                <view class="u-demo-block__title">下边框</view>
                 <view class="u-demo-block__content">
                     <up-subsection current="1" :list="['有', '无']" @change="borderChange"></up-subsection>
                 </view>
             </view>
 			<view class="u-demo-block">
-                <text class="u-demo-block__title">激活颜色</text>
+                <view class="u-demo-block__title">激活颜色</view>
                 <view class="u-demo-block__content">
                     <up-subsection :list="['#2979ff', '#ff9900', '#19be6b']" @change="activeColorChange"></up-subsection>
                 </view>
             </view>
             <view class="u-demo-block">
-                <text class="u-demo-block__title">遮罩是否可点击</text>
+                <view class="u-demo-block__title">遮罩是否可点击</view>
                 <view class="u-demo-block__content">
                     <up-subsection :list="['是', '否']" @change="maskChange"></up-subsection>
                 </view>
diff --git a/src/pages/componentsB/noticeBar/noticeBar.nvue b/src/pages/componentsB/noticeBar/noticeBar.nvue
index 33d4d3e50..020882a61 100644
--- a/src/pages/componentsB/noticeBar/noticeBar.nvue
+++ b/src/pages/componentsB/noticeBar/noticeBar.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<up-notice-bar
 				    :text="text1"
@@ -9,7 +9,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">可关闭</text>
+			<view class="u-demo-block__title">可关闭</view>
 			<view class="u-demo-block__content">
 				<up-notice-bar
 				    :text="text5"
@@ -18,7 +18,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义横向滚动速度</text>
+			<view class="u-demo-block__title">自定义横向滚动速度</view>
 			<view class="u-demo-block__content">
 				<up-notice-bar
 				    :text="text2"
@@ -28,7 +28,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">可跳转(点击右箭头)</text>
+			<view class="u-demo-block__title">可跳转(点击右箭头)</view>
 			<view class="u-demo-block__content">
 				<up-notice-bar
 				    :text="text3"
@@ -38,7 +38,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">横向步进滚动</text>
+			<view class="u-demo-block__title">横向步进滚动</view>
 			<view class="u-demo-block__content">
 				<up-notice-bar
 				    :text="text4"
@@ -48,7 +48,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">纵向滚动</text>
+			<view class="u-demo-block__title">纵向滚动</view>
 			<view class="u-demo-block__content">
 				<up-notice-bar
 				    :text="text4"
@@ -58,7 +58,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
+			<view class="u-demo-block__title">自定义样式</view>
 			<view class="u-demo-block__content">
 				<up-notice-bar
 				    :text="text1"
diff --git a/src/pages/componentsB/progress/progress.nvue b/src/pages/componentsB/progress/progress.nvue
index 3a66135ed..852b509d4 100644
--- a/src/pages/componentsB/progress/progress.nvue
+++ b/src/pages/componentsB/progress/progress.nvue
@@ -1,14 +1,14 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<up-line-progress :percentage="percentage1">
 				</up-line-progress>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">不显示百分比</text>
+			<view class="u-demo-block__title">不显示百分比</view>
 			<view class="u-demo-block__content">
 				<up-line-progress
 				    :showText="false"
@@ -18,7 +18,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义高度</text>
+			<view class="u-demo-block__title">自定义高度</view>
 			<view class="u-demo-block__content">
 				<up-line-progress
 				    height="8"
@@ -29,7 +29,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
+			<view class="u-demo-block__title">自定义颜色</view>
 			<view class="u-demo-block__content">
 				<up-line-progress
 				    height="8"
@@ -45,7 +45,7 @@
 		    class="u-demo-block"
 		    v-if="!androidNvue"
 		>
-			<text class="u-demo-block__title">自定义样式(不支持安卓环境的nvue)</text>
+			<view class="u-demo-block__title">自定义样式(不支持安卓环境的nvue)</view>
 			<view class="u-demo-block__content">
 				<up-line-progress
 				    height="8"
@@ -59,7 +59,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">手动加减</text>
+			<view class="u-demo-block__title">手动加减</view>
 			<view class="u-demo-block__content">
 				<up-line-progress
 				    height="8"
diff --git a/src/pages/componentsB/search/search.nvue b/src/pages/componentsB/search/search.nvue
index f4089ef1f..cd1d99804 100644
--- a/src/pages/componentsB/search/search.nvue
+++ b/src/pages/componentsB/search/search.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-search
@@ -13,7 +13,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置初始值</text>
+			<view class="u-demo-block__title">设置初始值</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-search
@@ -25,7 +25,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">搜索框形状</text>
+			<view class="u-demo-block__title">搜索框形状</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-search
@@ -46,7 +46,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">右侧控件</text>
+			<view class="u-demo-block__title">右侧控件</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-search v-model="value5"></up-search>
@@ -54,7 +54,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用输入框</text>
+			<view class="u-demo-block__title">禁用输入框</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-search
@@ -66,7 +66,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">点击左侧图标</text>
+			<view class="u-demo-block__title">点击左侧图标</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-search
@@ -78,7 +78,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">搜索框内容水平对齐</text>
+			<view class="u-demo-block__title">搜索框内容水平对齐</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-search
@@ -108,7 +108,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义</text>
+			<view class="u-demo-block__title">自定义</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-search
diff --git a/src/pages/componentsB/slider/slider.nvue b/src/pages/componentsB/slider/slider.nvue
index 2d1736849..e77b0e5e5 100644
--- a/src/pages/componentsB/slider/slider.nvue
+++ b/src/pages/componentsB/slider/slider.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
+			<view class="u-demo-block__title">基本案例</view>
 				<view class="u-page__slide-item">
 				<up-slider
 					:useNative="useNative"
@@ -11,7 +11,7 @@
 			<up-button text="前进" @click="value1 = value1 + 1"></up-button>
 		</view>
 			<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义范围(10—50)</text>
+			<view class="u-demo-block__title">自定义范围(10—50)</view>
 			<view class="u-page__slide-item">
 				<up-slider
 					:useNative="useNative"
@@ -23,7 +23,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">指定步长(每次步进5)</text>
+			<view class="u-demo-block__title">指定步长(每次步进5)</view>
 			<view class="u-page__slide-item">
 				<up-slider
 					:useNative="useNative"
@@ -33,7 +33,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
+			<view class="u-demo-block__title">自定义样式</view>
 			<view class="u-page__slide-item">
 				<up-slider
 				    v-model="value5"
@@ -44,7 +44,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式(图片)</text>
+			<view class="u-demo-block__title">自定义样式(图片)</view>
 			<view class="u-page__slide-item">
 				<up-slider
 				    v-model="value5"
@@ -61,7 +61,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">区间选择(双滑块)</text>
+			<view class="u-demo-block__title">区间选择(双滑块)</view>
 			<view class="u-page__slide-item">
 				<up-slider
 					isRange
diff --git a/src/pages/componentsB/switch/switch.nvue b/src/pages/componentsB/switch/switch.nvue
index 6328085a1..56c32bdbd 100644
--- a/src/pages/componentsB/switch/switch.nvue
+++ b/src/pages/componentsB/switch/switch.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-switch
@@ -17,7 +17,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">加载中</text>
+			<view class="u-demo-block__title">加载中</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-switch
@@ -34,7 +34,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用状态</text>
+			<view class="u-demo-block__title">禁用状态</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-switch
@@ -51,7 +51,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义尺寸</text>
+			<view class="u-demo-block__title">自定义尺寸</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-switch
@@ -68,7 +68,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
+			<view class="u-demo-block__title">自定义颜色</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-switch
@@ -87,7 +87,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
+			<view class="u-demo-block__title">自定义样式</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-switch
@@ -108,7 +108,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">异步控制</text>
+			<view class="u-demo-block__title">异步控制</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-switch
diff --git a/src/pages/componentsB/tag/tag.nvue b/src/pages/componentsB/tag/tag.nvue
index 85f70f410..7be2ee6cb 100644
--- a/src/pages/componentsB/tag/tag.nvue
+++ b/src/pages/componentsB/tag/tag.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-tag
@@ -15,7 +15,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义主题</text>
+			<view class="u-demo-block__title">自定义主题</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-tag text="标签">
@@ -45,7 +45,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">圆形标签</text>
+			<view class="u-demo-block__title">圆形标签</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-tag
@@ -66,7 +66,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">镂空标签</text>
+			<view class="u-demo-block__title">镂空标签</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-tag
@@ -102,7 +102,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">镂空带背景色</text>
+			<view class="u-demo-block__title">镂空带背景色</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-tag
@@ -142,7 +142,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义尺寸</text>
+			<view class="u-demo-block__title">自定义尺寸</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-tag
@@ -171,7 +171,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">可关闭标签</text>
+			<view class="u-demo-block__title">可关闭标签</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-tag
@@ -208,7 +208,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">带图片和图标</text>
+			<view class="u-demo-block__title">带图片和图标</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__tag-item">
 					<up-tag
@@ -240,7 +240,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">单选标签</text>
+			<view class="u-demo-block__title">单选标签</view>
 			<view class="u-demo-block__content">
 				<view
 				    class="u-page__tag-item"
@@ -259,7 +259,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">多选标签</text>
+			<view class="u-demo-block__title">多选标签</view>
 			<view class="u-demo-block__content">
 				<view
 				    class="u-page__tag-item"
diff --git a/src/pages/componentsB/upload/upload.nvue b/src/pages/componentsB/upload/upload.nvue
index b597135a9..117032a40 100644
--- a/src/pages/componentsB/upload/upload.nvue
+++ b/src/pages/componentsB/upload/upload.nvue
@@ -1,12 +1,12 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础用法</text>
+			<view class="u-demo-block__title">基础用法</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__upload-item">
 				<up-upload
-				    :fileList="fileList1"
-					useBeforeRead
+				    :fileList="fileList1"
+					useBeforeRead
 					@beforeRead="beforeRead"
 				    @afterRead="afterRead"
 				    @delete="deletePic"
@@ -18,7 +18,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">上传视频</text>
+			<view class="u-demo-block__title">上传视频</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__upload-item">
 				<up-upload
@@ -34,7 +34,7 @@
 			</view>
 		</view>
 			<view class="u-demo-block">
-			<text class="u-demo-block__title">文件预览</text>
+			<view class="u-demo-block__title">文件预览</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__upload-item">
 				<up-upload
@@ -50,7 +50,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">隐藏上传按钮</text>
+			<view class="u-demo-block__title">隐藏上传按钮</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__upload-item">
 				<up-upload
@@ -65,7 +65,7 @@
 			</view>
 		</view>
 			<view class="u-demo-block">
-			<text class="u-demo-block__title">限制上传数量</text>
+			<view class="u-demo-block__title">限制上传数量</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__upload-item">
 				<up-upload
@@ -80,7 +80,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义上传样式</text>
+			<view class="u-demo-block__title">自定义上传样式</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__upload-item">
 					<up-upload
@@ -128,9 +128,9 @@
 			// 删除图片
 			deletePic(event) {
 				this[`fileList${event.name}`].splice(event.index, 1)
-			},
-			beforeRead() {
-				console.log('beforeRead')
+			},
+			beforeRead() {
+				console.log('beforeRead')
 			},
 			// 新增图片
 			async afterRead(event) {
diff --git a/src/pages/componentsC/album/album.nvue b/src/pages/componentsC/album/album.nvue
index e0f31ed69..de85e397b 100644
--- a/src/pages/componentsC/album/album.nvue
+++ b/src/pages/componentsC/album/album.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<view class="album">
 					<view class="album__avatar">
@@ -31,7 +31,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">多图模式</text>
+			<view class="u-demo-block__title">多图模式</view>
 			<view class="u-demo-block__content">
 				<view class="album">
 					<view class="album__avatar">
@@ -58,7 +58,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">图文对齐</text>
+			<view class="u-demo-block__title">图文对齐</view>
 			<view class="u-demo-block__content">
 				<view class="album">
 					<view class="album__avatar">
@@ -96,7 +96,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">更改裁剪模式</text>
+			<view class="u-demo-block__title">更改裁剪模式</view>
 			<view class="u-demo-block__content">
 				<view class="album">
 					<view class="album__avatar">
@@ -128,7 +128,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">更改图片大小</text>
+			<view class="u-demo-block__title">更改图片大小</view>
 			<view class="u-demo-block__content">
 				<view class="album">
 					<view class="album__avatar">
@@ -160,7 +160,7 @@
 			</view>
 		</view>
         <view class="u-demo-block">
-            <text class="u-demo-block__title">自定义圆角</text>
+            <view class="u-demo-block__title">自定义圆角</view>
             <view class="u-demo-block__content">
                 <view class="album">
                     <view class="album__avatar">
@@ -187,7 +187,7 @@
             </view>
         </view>
         <view class="u-demo-block">
-            <text class="u-demo-block__title">自定义形状</text>
+            <view class="u-demo-block__title">自定义形状</view>
             <view class="u-demo-block__content">
                 <view class="album">
                     <view class="album__avatar">
@@ -212,33 +212,33 @@
                     </view>
                 </view>
             </view>
-        </view>
-		<view class="u-demo-block">
-		    <text class="u-demo-block__title">自适应自动换行</text>
-		    <view class="u-demo-block__content">
-		        <view class="album">
-		            <view class="album__avatar">
-		                <image
-		                    src="/static/uview/common/logo.png"
-		                    mode=""
-		                    style="width: 32px;height: 32px;"
-		                ></image>
-		            </view>
-		            <view class="album__content">
-		                <up-text
-		                    text="uview-plus"
-		                    type="primary"
-		                    bold
-		                    size="17"
-		                ></up-text>
-		                <up-text
-		                    margin="0 0 8px 0"
-		                    text="每行占满自动换行(不受rowCount限制)"
-		                ></up-text>
-		                <up-album :urls="urls2" :max-count="9" autoWrap></up-album>
-		            </view>
-		        </view>
-		    </view>
+        </view>
+		<view class="u-demo-block">
+		    <view class="u-demo-block__title">自适应自动换行</view>
+		    <view class="u-demo-block__content">
+		        <view class="album">
+		            <view class="album__avatar">
+		                <image
+		                    src="/static/uview/common/logo.png"
+		                    mode=""
+		                    style="width: 32px;height: 32px;"
+		                ></image>
+		            </view>
+		            <view class="album__content">
+		                <up-text
+		                    text="uview-plus"
+		                    type="primary"
+		                    bold
+		                    size="17"
+		                ></up-text>
+		                <up-text
+		                    margin="0 0 8px 0"
+		                    text="每行占满自动换行(不受rowCount限制)"
+		                ></up-text>
+		                <up-album :urls="urls2" :max-count="9" autoWrap></up-album>
+		            </view>
+		        </view>
+		    </view>
 		</view>
 	</view>
 </template>
diff --git a/src/pages/componentsC/avatar/avatar.nvue b/src/pages/componentsC/avatar/avatar.nvue
index 003be00db..33d869526 100644
--- a/src/pages/componentsC/avatar/avatar.nvue
+++ b/src/pages/componentsC/avatar/avatar.nvue
@@ -1,13 +1,13 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础演示</text>
+			<view class="u-demo-block__title">基础演示</view>
 			<view class="u-demo-block__content">
 				<up-avatar :src="src1"></up-avatar>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">头像形状</text>
+			<view class="u-demo-block__title">头像形状</view>
 			<view class="u-demo-block__content">
 				<view class="u-avatar-item">
 					<up-avatar
@@ -25,7 +25,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">头像尺寸</text>
+			<view class="u-demo-block__title">头像尺寸</view>
 			<view class="u-demo-block__content">
 				<view class="u-avatar-item">
 					<up-avatar
@@ -48,7 +48,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">图标头像</text>
+			<view class="u-demo-block__title">图标头像</view>
 			<view class="u-demo-block__content">
 				<view class="u-avatar-item">
 					<up-avatar
@@ -65,7 +65,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">文字头像(自动背景色)</text>
+			<view class="u-demo-block__title">文字头像(自动背景色)</view>
 			<view class="u-demo-block__content">
 				<view class="u-avatar-item">
 					<up-avatar
@@ -99,14 +99,14 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">图片加载失败(显示默认头像)</text>
+			<view class="u-demo-block__title">图片加载失败(显示默认头像)</view>
 			<view class="u-demo-block__content">
 				<up-avatar :src="src7"></up-avatar>
 			</view>
 		</view>
 		<!-- #ifdef MP-WEIXIN || MP-QQ || MP-BAIDU -->
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">小程序开放能力</text>
+			<view class="u-demo-block__title">小程序开放能力</view>
 			<view class="u-demo-block__content">
 				<view class="u-avatar-item">
 					<up-avatar
@@ -118,7 +118,7 @@
 		</view>
 		<!-- #endif -->
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">头像组</text>
+			<view class="u-demo-block__title">头像组</view>
 			<view class="u-demo-block__content">
 				<up-avatar-group
 					:urls="urls"
diff --git a/src/pages/componentsC/codeInput/codeInput.nvue b/src/pages/componentsC/codeInput/codeInput.nvue
index 6698ba1ce..976de03cf 100644
--- a/src/pages/componentsC/codeInput/codeInput.nvue
+++ b/src/pages/componentsC/codeInput/codeInput.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<up-code-input
 					v-model="value1"
@@ -12,7 +12,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">横线模式</text>
+			<view class="u-demo-block__title">横线模式</view>
 			<view class="u-demo-block__content">
 				<up-code-input
 					v-model="value2"
@@ -23,7 +23,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置长度</text>
+			<view class="u-demo-block__title">设置长度</view>
 			<view class="u-demo-block__content">
 				<up-code-input
 					v-model="value3"
@@ -32,7 +32,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置间距</text>
+			<view class="u-demo-block__title">设置间距</view>
 			<view class="u-demo-block__content">
 				<up-code-input
 					v-model="value4"
@@ -43,7 +43,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">细边框</text>
+			<view class="u-demo-block__title">细边框</view>
 			<view class="u-demo-block__content">
 				<up-code-input
 					v-model="value5"
@@ -67,7 +67,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">调整颜色</text>
+			<view class="u-demo-block__title">调整颜色</view>
 			<view class="u-demo-block__content">
 				<up-code-input
 					v-model="value7"
@@ -93,7 +93,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">点模式</text>
+			<view class="u-demo-block__title">点模式</view>
 			<view class="u-demo-block__content">
 				<up-code-input
 					v-model="value8"
@@ -106,7 +106,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">预置内容</text>
+			<view class="u-demo-block__title">预置内容</view>
 			<view class="u-demo-block__content">
 				<up-code-input
 					v-model="value9"
diff --git a/src/pages/componentsC/form/form.nvue b/src/pages/componentsC/form/form.nvue
index 8e2ea0420..c4e06f19f 100644
--- a/src/pages/componentsC/form/form.nvue
+++ b/src/pages/componentsC/form/form.nvue
@@ -8,7 +8,7 @@
 			placeholder
 		></up-navbar>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
 				<up-form
diff --git a/src/pages/componentsC/input/input.nvue b/src/pages/componentsC/input/input.nvue
index 42336e475..26ee338fb 100644
--- a/src/pages/componentsC/input/input.nvue
+++ b/src/pages/componentsC/input/input.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<up-input
 					placeholder="请输入内容"
@@ -17,7 +17,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">可清空内容</text>
+			<view class="u-demo-block__title">可清空内容</view>
 			<view class="u-demo-block__content">
 				<up-input
 					placeholder="请输入内容"
@@ -27,7 +27,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">数字键盘</text>
+			<view class="u-demo-block__title">数字键盘</view>
 			<view class="u-demo-block__content">
 				<up-input
 					placeholder="请输入内容"
@@ -40,7 +40,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">密码类型</text>
+			<view class="u-demo-block__title">密码类型</view>
 			<view class="u-demo-block__content">
 				<up-input
 					placeholder="请输入内容"
@@ -53,7 +53,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示下划线</text>
+			<view class="u-demo-block__title">显示下划线</view>
 			<view class="u-demo-block__content">
 				<up-input
 					placeholder="请输入内容"
@@ -63,7 +63,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用状态</text>
+			<view class="u-demo-block__title">禁用状态</view>
 			<view class="u-demo-block__content">
 				<up-input
 					placeholder="禁用状态"
@@ -73,7 +73,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">圆形</text>
+			<view class="u-demo-block__title">圆形</view>
 			<view class="u-demo-block__content">
 				<up-input
 					placeholder="请输入内容"
@@ -83,7 +83,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">前后图标</text>
+			<view class="u-demo-block__title">前后图标</view>
 			<view class="u-demo-block__content">
 				<up-input
 					placeholder="前置图标"
@@ -103,7 +103,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">前后插槽</text>
+			<view class="u-demo-block__title">前后插槽</view>
 			<view class="u-demo-block__content">
 				<up-input placeholder="前置插槽">
 					<template #prefix>
diff --git a/src/pages/componentsC/layout/layout.nvue b/src/pages/componentsC/layout/layout.nvue
index 0bd6cecbc..253d56ccb 100644
--- a/src/pages/componentsC/layout/layout.nvue
+++ b/src/pages/componentsC/layout/layout.nvue
@@ -1,7 +1,7 @@
 <template>
     <view class="u-page">
         <view class="u-demo-block">
-            <text class="u-demo-block__title">基础使用</text>
+            <view class="u-demo-block__title">基础使用</view>
             <view class="u-demo-block__content">
                 <up-row customStyle="margin-bottom: 10px">
                     <up-col span="6">
@@ -39,7 +39,7 @@
             </view>
         </view>
         <view class="u-demo-block">
-            <text class="u-demo-block__title">分栏间隔</text>
+            <view class="u-demo-block__title">分栏间隔</view>
             <view class="u-demo-block__content">
                 <up-row justify="space-between" gutter="10">
                     <up-col span="3">
@@ -58,7 +58,7 @@
             </view>
         </view>
         <view class="u-demo-block">
-            <text class="u-demo-block__title">混合布局</text>
+            <view class="u-demo-block__title">混合布局</view>
             <view class="u-demo-block__content">
                 <up-row justify="space-between" gutter="10">
                     <up-col span="2">
@@ -74,7 +74,7 @@
             </view>
         </view>
         <view class="u-demo-block">
-            <text class="u-demo-block__title">分栏偏移</text>
+            <view class="u-demo-block__title">分栏偏移</view>
             <view class="u-demo-block__content">
                 <up-row
                     justify="space-between"
@@ -98,7 +98,7 @@
             </view>
         </view>
         <view class="u-demo-block">
-            <text class="u-demo-block__title">对齐方式</text>
+            <view class="u-demo-block__title">对齐方式</view>
             <view class="u-demo-block__content">
                 <up-row
                     justify="space-between"
diff --git a/src/pages/componentsC/loadmore/loadmore.nvue b/src/pages/componentsC/loadmore/loadmore.nvue
index ffff0bdc5..4dfc09aca 100644
--- a/src/pages/componentsC/loadmore/loadmore.nvue
+++ b/src/pages/componentsC/loadmore/loadmore.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<up-loadmore
 					status="loading"
@@ -11,7 +11,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">无更多数据</text>
+			<view class="u-demo-block__title">无更多数据</view>
 			<view class="u-demo-block__content">
 				<up-loadmore
 					:line="true"
@@ -20,7 +20,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">加载更多(点击触发事件)</text>
+			<view class="u-demo-block__title">加载更多(点击触发事件)</view>
 			<view class="u-demo-block__content">
 				<up-loadmore
 					:line="true"
@@ -30,7 +30,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义图标</text>
+			<view class="u-demo-block__title">自定义图标</view>
 			<view class="u-demo-block__content">
 				<up-loadmore
 					status="loading"
@@ -39,7 +39,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示点</text>
+			<view class="u-demo-block__title">显示点</view>
 			<view class="u-demo-block__content">
 				<up-loadmore
 					status="nomore"
@@ -50,7 +50,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义提示语</text>
+			<view class="u-demo-block__title">自定义提示语</view>
 			<view class="u-demo-block__content">
 				<up-loadmore
 					status="loading"
@@ -60,7 +60,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义线条颜色</text>
+			<view class="u-demo-block__title">自定义线条颜色</view>
 			<view class="u-demo-block__content">
 				<up-loadmore
 					loadmoreText="看,我和别人不一样"
diff --git a/src/pages/componentsC/scrollList/scrollList.nvue b/src/pages/componentsC/scrollList/scrollList.nvue
index 3c4d29459..3e0d8b612 100644
--- a/src/pages/componentsC/scrollList/scrollList.nvue
+++ b/src/pages/componentsC/scrollList/scrollList.nvue
@@ -40,7 +40,7 @@
 			</up-scroll-list>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">多菜单扩展</text>
+			<view class="u-demo-block__title">多菜单扩展</view>
 			<up-scroll-list>
 				<view class="scroll-list">
 					<view
diff --git a/src/pages/componentsC/skeleton/skeleton.nvue b/src/pages/componentsC/skeleton/skeleton.nvue
index 2f422fde7..ca48375c2 100644
--- a/src/pages/componentsC/skeleton/skeleton.nvue
+++ b/src/pages/componentsC/skeleton/skeleton.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<up-skeleton
 					rows="3"
@@ -11,7 +11,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义段落行数</text>
+			<view class="u-demo-block__title">自定义段落行数</view>
 			<view class="u-demo-block__content">
 				<up-skeleton
 					rows="2"
@@ -21,7 +21,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置段落宽度</text>
+			<view class="u-demo-block__title">设置段落宽度</view>
 			<view class="u-demo-block__content">
 				<up-skeleton
 					rows="2"
@@ -32,7 +32,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置段落高度</text>
+			<view class="u-demo-block__title">设置段落高度</view>
 			<view class="u-demo-block__content">
 				<up-skeleton
 					rows="3"
@@ -44,7 +44,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否开启动画</text>
+			<view class="u-demo-block__title">是否开启动画</view>
 			<up-switch
 				v-model="switch1"
 				space="2"
@@ -64,7 +64,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">展示头像</text>
+			<view class="u-demo-block__title">展示头像</view>
 			<up-gap
 				height="15"
 				bgColor="#fff"
@@ -80,7 +80,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">切换状态</text>
+			<view class="u-demo-block__title">切换状态</view>
 			<up-switch
 				v-model="switch2"
 				space="2"
diff --git a/src/pages/componentsC/steps/steps.vue b/src/pages/componentsC/steps/steps.vue
index 98c2146e8..a2944e237 100644
--- a/src/pages/componentsC/steps/steps.vue
+++ b/src/pages/componentsC/steps/steps.vue
@@ -1,12 +1,12 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础演示</text>
+			<view class="u-demo-block__title">基础演示</view>
 			<view class="u-demo-block__content">
 				<up-steps :current="current1">
 					<up-steps-item
 					    title="已下单"
-					    desc="10:30"
+					    desc="10:30"
 						:itemStyle="{backgroundColor: '#eee'}"
 					>
 					</up-steps-item>
@@ -24,7 +24,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示点类型</text>
+			<view class="u-demo-block__title">显示点类型</view>
 			<view class="u-demo-block__content">
 				<up-steps
 				    :current="1"
@@ -70,7 +70,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">错误状态</text>
+			<view class="u-demo-block__title">错误状态</view>
 			<view class="u-demo-block__content">
 				<up-steps :current="1">
 					<up-steps-item
@@ -93,7 +93,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义图标</text>
+			<view class="u-demo-block__title">自定义图标</view>
 			<view class="u-demo-block__content">
 				<up-steps
 				    :current="1"
@@ -119,7 +119,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义插槽</text>
+			<view class="u-demo-block__title">自定义插槽</view>
 			<view class="u-demo-block__content">
 				<up-steps :current="1">
 					<up-steps-item
@@ -144,7 +144,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
+			<view class="u-demo-block__title">自定义颜色</view>
 			<view class="u-demo-block__content">
 				<up-steps :current="1" activeColor="#3c9cff">
 					<up-steps-item
@@ -166,7 +166,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">竖向展示</text>
+			<view class="u-demo-block__title">竖向展示</view>
 			<view class="u-demo-block__content">
 				<up-steps
 				    :current="1"
diff --git a/src/pages/componentsC/subsection/subsection.nvue b/src/pages/componentsC/subsection/subsection.nvue
index bf679f7c3..d5f8051ce 100644
--- a/src/pages/componentsC/subsection/subsection.nvue
+++ b/src/pages/componentsC/subsection/subsection.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<up-subsection
 					:list="list"
@@ -12,7 +12,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">按钮模式</text>
+			<view class="u-demo-block__title">按钮模式</view>
 			<view class="u-demo-block__content">
 				<up-subsection
 					:list="list"
@@ -23,7 +23,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">更换主题</text>
+			<view class="u-demo-block__title">更换主题</view>
 			<view class="u-demo-block__content">
 				<up-subsection
 					:list="list"
@@ -35,7 +35,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">默认位置</text>
+			<view class="u-demo-block__title">默认位置</view>
 			<view class="u-demo-block__content">
 				<up-subsection
 					:list="list"
diff --git a/src/pages/componentsC/swiper/swiper.nvue b/src/pages/componentsC/swiper/swiper.nvue
index 407aadbd4..c347752d0 100644
--- a/src/pages/componentsC/swiper/swiper.nvue
+++ b/src/pages/componentsC/swiper/swiper.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<up-swiper
 				:list="list1"
 				@change="change"
@@ -9,7 +9,7 @@
 			></up-swiper>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">带标题</text>
+			<view class="u-demo-block__title">带标题</view>
 			<up-swiper
 				:list="list2"
 				keyName="image"
@@ -19,7 +19,7 @@
 			></up-swiper>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">带指示器</text>
+			<view class="u-demo-block__title">带指示器</view>
 			<up-swiper
 				:list="list3"
 				indicator
@@ -28,14 +28,14 @@
 			></up-swiper>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">加载中</text>
+			<view class="u-demo-block__title">加载中</view>
 			<up-swiper
 				:list="list3"
 				loading
 			></up-swiper>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">嵌入视频</text>
+			<view class="u-demo-block__title">嵌入视频</view>
 			<up-swiper
 				:list="list4"
 				keyName="url"
@@ -43,7 +43,7 @@
 			></up-swiper>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义内容</text>
+			<view class="u-demo-block__title">自定义内容</view>
 			<up-swiper
 				:list="list2"
 				keyName="image"
@@ -57,7 +57,7 @@
 			</up-swiper>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义指示器</text>
+			<view class="u-demo-block__title">自定义指示器</view>
 			<up-swiper
 				:list="list5"
 				@change="e => current = e.current"
@@ -98,7 +98,7 @@
 		</view>
 		<!-- #ifndef APP-NVUE || MP-TOUTIAO -->
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">卡片式</text>
+			<view class="u-demo-block__title">卡片式</view>
 			<up-swiper
 				:list="list3"
 				previousMargin="30"
diff --git a/src/pages/componentsC/table/table.nvue b/src/pages/componentsC/table/table.nvue
index 36218d23b..4de983bfa 100644
--- a/src/pages/componentsC/table/table.nvue
+++ b/src/pages/componentsC/table/table.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<up-form>
 					<up-form-item lable="电话"></up-form-item>
diff --git a/src/pages/componentsC/tabs/tabs.nvue b/src/pages/componentsC/tabs/tabs.nvue
index cac378b20..998949ea6 100644
--- a/src/pages/componentsC/tabs/tabs.nvue
+++ b/src/pages/componentsC/tabs/tabs.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础演示</text>
+			<view class="u-demo-block__title">基础演示</view>
 			<view class="u-demo-block__content">
 				<up-tabs :list="list1" @click="click" :current="3">
 				</up-tabs>
@@ -11,7 +11,7 @@
 			class="u-demo-block"
 			style="margin-bottom: 0;"
 		>
-			<text class="u-demo-block__title">粘性布局</text>
+			<view class="u-demo-block__title">粘性布局</view>
 		</view>
 		<up-sticky bgColor="#fff">
 			<up-tabs
@@ -24,28 +24,28 @@
 			bgColor="#fff"
 		></up-gap>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示徽标</text>
+			<view class="u-demo-block__title">显示徽标</view>
 			<view class="u-demo-block__content">
 				<up-tabs :list="list2">
 				</up-tabs>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁止滚动</text>
+			<view class="u-demo-block__title">禁止滚动</view>
 			<view class="u-demo-block__content">
 				<up-tabs :list="list6" :scrollable="false">
 				</up-tabs>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用菜单</text>
+			<view class="u-demo-block__title">禁用菜单</view>
 			<view class="u-demo-block__content">
 				<up-tabs :list="list3">
 				</up-tabs>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
+			<view class="u-demo-block__title">自定义样式</view>
 			<view class="u-demo-block__content">
 				<up-tabs
 					:list="list4"
@@ -66,7 +66,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">滑块设置背景图</text>
+			<view class="u-demo-block__title">滑块设置背景图</view>
 			<view class="u-demo-block__content">
 				<up-tabs
 					:list="list4"
@@ -88,74 +88,74 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义内容插槽</text>
+			<view class="u-demo-block__title">自定义内容插槽</view>
 			<view class="u-demo-block__content">
-				<up-tabs :list="list1">
-					<template #default="scope">
-						<text class="u-tabs__wrapper__nav__item__text"
-							style="color: red">
-							{{scope.item?.[scope.keyName] || '-'}}
-						</text>
+				<up-tabs :list="list1">
+					<template #default="scope">
+						<text class="u-tabs__wrapper__nav__item__text"
+							style="color: red">
+							{{scope.item?.[scope.keyName] || '-'}}
+						</text>
 					</template>
 				</up-tabs>
 			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">右侧自定义插槽</text>
-			<view class="u-demo-block__content">
-				<up-tabs :list="list1" v-model:current="list1Current">
-					<template #right>
-						<view
-							style="padding-left: 4px;"
-							@tap="$u.toast('插槽被点击')"
-						>
-							<up-icon
-								name="list"
-								size="21"
-								bold
-							></up-icon>
-						</view>
-					</template>
-				</up-tabs>
-				<up-button type="primary" size="small" style="width: 120px;"
-					@click="nextTab" :text="'切换下一个' + list1Current">
-				</up-button>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">在swiper中使用</text>
-			<view class="u-demo-block__content">
-				<swiper class="swiper" >
-				  <swiper-item item-id="A">
-					<up-tabs :list="list1">
-						<template #default="scope">
-							<text class="u-tabs__wrapper__nav__item__text"
-								style="color: red">
-								{{scope.item?.[scope.keyName] || '-'}}
-							</text>
-						</template>
-					</up-tabs>
-				  </swiper-item>
-				  <swiper-item item-id="A">
-				  <up-tabs
-				  	:list="list4"
-				  	lineWidth="30"
-				  	lineColor="#f56c6c"
-				  	:activeStyle="{
-				  		color: '#303133',
-				  		fontWeight: 'bold',
-				  		transform: 'scale(1.05)'
-				  	}"
-				  	:inactiveStyle="{
-				  		color: '#606266',
-				  		transform: 'scale(1)'
-				  	}"
-				  	itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
-				  >
-				  </up-tabs>
-				  </swiper-item>
-				</swiper>
-			</view>
+		</view>
+		<view class="u-demo-block">
+			<view class="u-demo-block__title">右侧自定义插槽</view>
+			<view class="u-demo-block__content">
+				<up-tabs :list="list1" v-model:current="list1Current">
+					<template #right>
+						<view
+							style="padding-left: 4px;"
+							@tap="$u.toast('插槽被点击')"
+						>
+							<up-icon
+								name="list"
+								size="21"
+								bold
+							></up-icon>
+						</view>
+					</template>
+				</up-tabs>
+				<up-button type="primary" size="small" style="width: 120px;"
+					@click="nextTab" :text="'切换下一个' + list1Current">
+				</up-button>
+			</view>
+		</view>
+		<view class="u-demo-block">
+			<view class="u-demo-block__title">在swiper中使用</view>
+			<view class="u-demo-block__content">
+				<swiper class="swiper" >
+				  <swiper-item item-id="A">
+					<up-tabs :list="list1">
+						<template #default="scope">
+							<text class="u-tabs__wrapper__nav__item__text"
+								style="color: red">
+								{{scope.item?.[scope.keyName] || '-'}}
+							</text>
+						</template>
+					</up-tabs>
+				  </swiper-item>
+				  <swiper-item item-id="A">
+				  <up-tabs
+				  	:list="list4"
+				  	lineWidth="30"
+				  	lineColor="#f56c6c"
+				  	:activeStyle="{
+				  		color: '#303133',
+				  		fontWeight: 'bold',
+				  		transform: 'scale(1.05)'
+				  	}"
+				  	:inactiveStyle="{
+				  		color: '#606266',
+				  		transform: 'scale(1)'
+				  	}"
+				  	itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
+				  >
+				  </up-tabs>
+				  </swiper-item>
+				</swiper>
+			</view>
 		</view>
 	</view>
 </template>
@@ -263,7 +263,7 @@
 					}, {
 						name: '科技'
 					}
-				],
+				],
 				list1Current: 1
 			}
 		},
@@ -273,13 +273,13 @@
 		methods: {
 			click(item) {
 				console.log('item', item);
-			},
-			nextTab() {
-				if (this.list1.length <= (this.list1Current + 1)) {
-					this.list1Current = 0;
-				} else {
-					this.list1Current = this.list1Current + 1;
-				}
+			},
+			nextTab() {
+				if (this.list1.length <= (this.list1Current + 1)) {
+					this.list1Current = 0;
+				} else {
+					this.list1Current = this.list1Current + 1;
+				}
 			}
 		}
 	}
diff --git a/src/pages/componentsC/text/text.nvue b/src/pages/componentsC/text/text.nvue
index 7787318ac..680636fd6 100644
--- a/src/pages/componentsC/text/text.nvue
+++ b/src/pages/componentsC/text/text.nvue
@@ -1,18 +1,18 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
+			<view class="u-demo-block__title">基础功能</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__text-item">
-					<up-text
-						text="我用十年青春,赴你最后之约"
-						@click="test">
+					<up-text
+						text="我用十年青春,赴你最后之约"
+						@click="test">
 					</up-text>
 				</view>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置主题</text>
+			<view class="u-demo-block__title">设置主题</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__text-item">
 					<up-text
@@ -43,17 +43,17 @@
 					    type="info"
 					    text="信息"
 					></up-text>
-				</view>
-				<view class="u-page__text-item" style="background-color: #000;">
-					<up-text
-						text="颜色"
-						size="30rpx" color="#fff">
-					</up-text>
+				</view>
+				<view class="u-page__text-item" style="background-color: #000;">
+					<up-text
+						text="颜色"
+						size="30rpx" color="#fff">
+					</up-text>
 				</view>
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">拨打电话</text>
+			<view class="u-demo-block__title">拨打电话</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__text-item">
 					<up-text
@@ -64,7 +64,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">日期格式化</text>
+			<view class="u-demo-block__title">日期格式化</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__text-item">
 					<up-text
@@ -75,7 +75,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">姓名脱敏</text>
+			<view class="u-demo-block__title">姓名脱敏</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__text-item">
 					<up-text
@@ -87,7 +87,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">超链接</text>
+			<view class="u-demo-block__title">超链接</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__text-item">
 					<up-text
@@ -99,7 +99,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示金额</text>
+			<view class="u-demo-block__title">显示金额</view>
 			<view class="u-demo-block__content">
 				<view class="u-page__text-item">
 					<up-text
@@ -110,7 +110,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">前后图标</text>
+			<view class="u-demo-block__title">前后图标</view>
 			<view class="u-demo-block__content">
 				<view
 				    class="u-page__text-item"
@@ -132,7 +132,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">超出隐藏</text>
+			<view class="u-demo-block__title">超出隐藏</view>
 			<view class="u-demo-block__content">
 				<up-text
 				    :lines="2"
@@ -141,7 +141,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">小程序开放能力</text>
+			<view class="u-demo-block__title">小程序开放能力</view>
 			<view class="u-demo-block__content">
 				<up-text
 				    text="分享到微信"
@@ -157,9 +157,9 @@
 <script>
 	export default {
 		onLoad() {},
-		methods: {
-			test() {
-				console.log('test')
+		methods: {
+			test() {
+				console.log('test')
 			},
 			clickHandler() {
 				// #ifndef MP-WEIXIN
@@ -172,8 +172,8 @@
 
 <style lang="scss">
 	.u-page__text-item {
-		margin-right: 10px;
-		flex: 1;
+		margin-right: 10px;
+		flex: 1;
 	}
 
 	.u-demo-block__content {
diff --git a/src/pages/componentsC/textarea/textarea.nvue b/src/pages/componentsC/textarea/textarea.nvue
index 296465eca..0fe2d44a6 100644
--- a/src/pages/componentsC/textarea/textarea.nvue
+++ b/src/pages/componentsC/textarea/textarea.nvue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<up-textarea
 					v-model="value1"
@@ -11,7 +11,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">字数统计</text>
+			<view class="u-demo-block__title">字数统计</view>
 			<view class="u-demo-block__content">
 				<up-textarea
 					v-model="value2"
@@ -22,7 +22,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自动增高</text>
+			<view class="u-demo-block__title">自动增高</view>
 			<view class="u-demo-block__content">
 				<up-textarea
 					v-model="value3"
@@ -32,7 +32,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用状态</text>
+			<view class="u-demo-block__title">禁用状态</view>
 			<view class="u-demo-block__content">
 				<up-textarea
 					v-model="value4"
@@ -43,7 +43,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">下划线模式</text>
+			<view class="u-demo-block__title">下划线模式</view>
 			<view class="u-demo-block__content">
 				<up-textarea
 					v-model="value5"
diff --git a/src/pages/componentsC/tooltip/tooltip.vue b/src/pages/componentsC/tooltip/tooltip.vue
index 43e7e863c..dae898582 100644
--- a/src/pages/componentsC/tooltip/tooltip.vue
+++ b/src/pages/componentsC/tooltip/tooltip.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="u-page">
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
+			<view class="u-demo-block__title">基础使用</view>
 			<view class="u-demo-block__content">
 				<up-tooltip
 				    :text="text1"
@@ -10,7 +10,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">下方显示</text>
+			<view class="u-demo-block__title">下方显示</view>
 			<view class="u-demo-block__content" style="padding-bottom: 30px;">
 				<up-tooltip
 				    :text="text2"
@@ -19,7 +19,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">扩展按钮</text>
+			<view class="u-demo-block__title">扩展按钮</view>
 			<view class="u-demo-block__content">
 				<up-tooltip
 				    :text="text3"
@@ -29,7 +29,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">自动调整位置</text>
+			<view class="u-demo-block__title">自动调整位置</view>
 			<view class="u-demo-block__content">
 				<up-tooltip
 				    :text="text4"
@@ -38,7 +38,7 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">高亮选中文本背景色</text>
+			<view class="u-demo-block__title">高亮选中文本背景色</view>
 			<view class="u-demo-block__content">
 				<up-tooltip
 				    :text="text5"