From 58c7de9557ac692693142637d4d1de4e3064fcf4 Mon Sep 17 00:00:00 2001
From: aihe <961836564@qq.com>
Date: Wed, 5 Feb 2025 18:49:29 +0800
Subject: [PATCH] uu

---
 components/tpx-tags/tpx-tags.vue | 48 +++++++++++++++++++++-----------
 1 file changed, 31 insertions(+), 17 deletions(-)

diff --git a/components/tpx-tags/tpx-tags.vue b/components/tpx-tags/tpx-tags.vue
index 7c998e4..f0e2583 100644
--- a/components/tpx-tags/tpx-tags.vue
+++ b/components/tpx-tags/tpx-tags.vue
@@ -1,19 +1,25 @@
 <template>
-	<view>
-		<tpx-checkitems :list="list" :type="type" :value="value"  v-slot="current" item-style="display:inline-block;"
-			:min-checked="minChecked" @onItemClick="handleoItemClick" @onChange="handleChange"
-		>
-			<view slot class="smp-tag">
-				<u-tag :text="`${current.item.title}`" :plain="!current.checked" :type="mode" 
-					border-color="transparent" shape="circle" :bg-color="`${(current.checked || (mode == 'primary'))?activeColor:color}`" 
-					:color="`${(current.checked || (mode == 'primary'))?'#fff':'#666'}`" 
-					@close="handleDeleteItem(current.item)" :closable="closable" 
-					@click="current.handleCheckFun" 
-				>
-				</u-tag>
-			</view>
-		</tpx-checkitems>
-	</view>
+	<u-row justify="between" align="top">
+		<view style="flex: 1 0 0;">
+			<tpx-checkitems :list="list" :type="type" :value="value"  v-slot="current" item-style="display:inline-block;"
+				:min-checked="minChecked" @onItemClick="handleoItemClick" @onChange="handleChange"
+			>
+				<view v-if="(maxShowNum >= current.index +1) || showAll" slot class="smp-tag">
+					<u-tag :text="`${current.item.title}`" :plain="!current.checked" :type="mode" 
+						border-color="transparent" shape="circle" :bg-color="`${(current.checked || (mode == 'primary'))?activeColor:color}`" 
+						:color="`${(current.checked || (mode == 'primary'))?'#fff':'#666'}`" 
+						@close="handleDeleteItem(current.item)" :closable="closable" 
+						@click="current.handleCheckFun" 
+					>
+					</u-tag>
+				</view>
+			</tpx-checkitems>
+		</view>
+		<view v-if="list.length > maxShowNum && maxShowNum > 0 && !showAll" style="padding: 6rpx;" @click="handleShowMore">
+			<span class="font-24" style="padding-right: 6rpx;">更多</span>
+			<span class="iconfont icon-arrow-down"></span>
+		</view>
+	</u-row>
 </template>
 
 <script>
@@ -27,6 +33,7 @@
 			},
 			type: {
 			},
+			
 			// ======================== 分割线， 上方是 tpx-checkitems属性 ======================
 			closable: {
 				default () {
@@ -48,11 +55,15 @@
 					return '#de524e'
 				}
 			},
-			
+			maxShowNum: {
+				default () {
+					return undefined
+				}
+			},
 		},
 		data() {
 			return {
-				
+				showAll: !(this.maxShowNum > 0)
 			}
 		},
 		created() {
@@ -75,6 +86,9 @@
 			handleChange(val) {
 				this.$emit('onChange', val)
 				this.$emit('update:value', val)
+			},
+			handleShowMore(){
+				this.showAll = true
 			}
 		}
 	}