change: 演示页面标题标签类型修改

ijry · Sep 11, 2024 · 0e3c643 · 0e3c643
1 parent b0fd967
commit 0e3c643
Show file tree

Hide file tree

Showing 46 changed files with 418 additions and 397 deletions.
diff --git 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
@@ -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,25 +289,25 @@
 					></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>
 
 <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
@@ -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,16 +21,33 @@
 					</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>
 			<view class="u-demo-block__content">
 				<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
@@ -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
@@ -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
@@ -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
@@ -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"