From 1070f7bbb0f4dda00fd40b8e5e14fa23b8c4179c Mon Sep 17 00:00:00 2001
From: yinjiacheng <yinjiacheng@dcloud.io>
Date: Wed, 9 Aug 2023 17:56:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0text=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                           |  8 ++-
 pages/component/text/text-props.uvue | 92 ++++++++++++++++++++++++++++
 pages/component/text/text.uvue       | 10 ++-
 3 files changed, 107 insertions(+), 3 deletions(-)
 create mode 100644 pages/component/text/text-props.uvue

diff --git a/pages.json b/pages.json
index f507a724..99b473a8 100644
--- a/pages.json
+++ b/pages.json
@@ -25,7 +25,13 @@
       "style": {
         "navigationBarTitleText": "text"
       }
-    },
+    },
+	{
+	  "path": "pages/component/text/text-props",
+	  "style": {
+	    "navigationBarTitleText": "text-props"
+	  }
+	},
     {
       "path": "pages/component/progress/progress",
       "style": {
diff --git a/pages/component/text/text-props.uvue b/pages/component/text/text-props.uvue
new file mode 100644
index 00000000..b22b1179
--- /dev/null
+++ b/pages/component/text/text-props.uvue
@@ -0,0 +1,92 @@
+<template>
+	<view>
+		<page-head :title="title"></page-head>
+		<view class="uni-padding-wrap uni-common-mt">
+			<view class="uni-title">
+				<text class="uni-title-text">text相关属性示例</text>
+			</view>
+
+			<view class="uni-title">
+				<text class="uni-subtitle-text">换行</text>
+			</view>
+			<view class="text-box">
+				<text>{{multiLineText}}</text>
+			</view>
+
+			<view class="uni-title">
+				<text class="uni-subtitle-text">截断（clip）</text>
+			</view>
+			<view class="text-box" style="height: 200rpx;">
+				<text class="uni-flex-item" style="text-overflow: clip;">{{multiLineText}}</text>
+			</view>
+			
+			<view class="uni-title">
+				<text class="uni-subtitle-text">截断（ellipsis）</text>
+			</view>
+			<view class="text-box" style="height: 200rpx;">
+				<text class="uni-flex-item" style="text-overflow: ellipsis;">{{multiLineText}}</text>
+			</view>
+
+			<view class="uni-title">
+				<text class="uni-subtitle-text">selectable</text>
+			</view>
+			<view class="text-box">
+				<text :selectable="true">{{singleLineText}}</text>
+			</view>
+
+			<view class="uni-title">
+				<text class="uni-subtitle-text">space</text>
+				<text class="uni-subtitle-text">依次为nbsp ensp emsp效果</text>
+			</view>
+			<view class="text-box">
+				<text space="nbsp">{{singleLineText}}</text>
+				<text space="ensp">{{singleLineText}}</text>
+				<text space="emsp">{{singleLineText}}</text>
+			</view>
+
+			<view class="uni-title">
+				<text class="uni-subtitle-text">decode</text>
+				<text class="uni-subtitle-text">依次为lt gt amp apos nbsp ensp emsp效果</text>
+			</view>
+			<view class="text-box">
+				<text :decode="true">&lt; &gt; &amp; &apos;</text>
+				<text :decode="true">uni-app&nbsp;x，终极跨平台方案</text>
+				<text :decode="true">uni-app&ensp;x，终极跨平台方案</text>
+				<text :decode="true">uni-app&emsp;x，终极跨平台方案</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: 'text-props',
+				multiLineText: 'HBuilderX，轻巧、极速，极客编辑器；uni-app x，终极跨平台方案；uts，大一统语言；HBuilderX，轻巧、极速，极客编辑器；uni-app x，终极跨平台方案；uts，大一统语言',
+				singleLineText: 'uni-app x，终极跨平台方案'
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+	.text-box {
+		margin-bottom: 40rpx;
+		padding: 40rpx 0;
+		display: flex;
+		background-color: #FFFFFF;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.text {
+		font-size: 30rpx;
+		color: #353535;
+		line-height: 54rpx;
+		text-align: center;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/component/text/text.uvue b/pages/component/text/text.uvue
index 050db7e7..727f89ac 100644
--- a/pages/component/text/text.uvue
+++ b/pages/component/text/text.uvue
@@ -7,7 +7,8 @@
             </view>
             <view class="uni-btn-v">
                 <button class="uni-btn" type="primary" :disabled="!canAdd" @click="add">add line</button>
-                <button class="uni-btn" type="warn" :disabled="!canRemove" @click="remove">remove line</button>
+                <button class="uni-btn" type="warn" :disabled="!canRemove" @click="remove">remove line</button>
+				<button class="uni-btn" type="primary" @click="textProps">更多属性示例</button>
             </view>
         </view>
     </view>
@@ -52,7 +53,12 @@
                     this.canAdd = this.extraLine.length < 12;
                     this.canRemove = this.extraLine.length > 0;
                 }
-            }
+            },
+			textProps: function () {
+			    uni.navigateTo({
+			    	url: '/pages/component/text/text-props'
+			    })
+			}
         }
     }
 </script>
-- 
GitLab