From bb71cacfd19acf50778b0bc21db15f6913c639a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E5=BE=B7=E4=BA=91?= <ldeyun@163.com>
Date: Thu, 4 Dec 2025 00:10:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8D=95=E4=BD=8D=E6=8E=A7?=
 =?UTF-8?q?=E4=BB=B6=E9=80=82=E5=BA=94=E5=BE=AE=E4=BF=A1=E5=B0=8F=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../a-yjly-inputunit/a-yjly-inputunit.vue     | 36 +++++++++++++------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/src/uni_modules/a-yjly-inputunit/components/a-yjly-inputunit/a-yjly-inputunit.vue b/src/uni_modules/a-yjly-inputunit/components/a-yjly-inputunit/a-yjly-inputunit.vue
index 3d9ea99..0553a85 100644
--- a/src/uni_modules/a-yjly-inputunit/components/a-yjly-inputunit/a-yjly-inputunit.vue
+++ b/src/uni_modules/a-yjly-inputunit/components/a-yjly-inputunit/a-yjly-inputunit.vue
@@ -28,8 +28,11 @@
 				left: unitSelectorLeft + 'px',
 				top: unitSelectorTop + 'px'
 			}">
-			<scroll-view scroll-y :style="{ maxHeight: '200px' }">
-				<view v-for="unit in sortedUnits" :key="unit.id" class="unit-option" @tap="selectUnit(unit)">
+			<scroll-view scroll-y :style="{ maxHeight: '300px' }">
+				<view v-for="(unit, index) in sortedUnits" :key="unit.id" class="unit-option"
+					:class="{ active: activeIndex === index }" <!-- 动态绑定active类 -->
+					@tap="() => { selectUnit(unit); setActiveIndex(index); }" <!-- 点击时设置active -->
+					>
 					{{ showEnglishOnly ? unit.unitName.split('(')[0] : unit.unitName }}
 				</view>
 			</scroll-view>
@@ -40,7 +43,11 @@
 <script>
 	import {
 		storage
-	} from '@/utils/storageUnit.ts'; 
+	} from '@/utils/storageUnit.ts';
+	import {
+		ref
+	} from 'vue';
+
 	export default {
 		name: 'UniUnitConverter',
 		emits: ['update:modelValue', 'update:unitOrder', 'conversion'],
@@ -105,9 +112,16 @@
 				/* 新增三个数据项 */
 				originalValue: this.modelValue, // 原始输入值
 				originalUnit: null, // 原始输入单位
-				isInternalUpdate: false // 更新锁定标志
-			};
+				isInternalUpdate: false, // 更新锁定标志
+
+				// 新增：管理当前选中的索引
+				activeIndex: -1
+			}
 		},
+
+
+
+
 		mounted() {
 			this.initComponent();
 			this.setGlobalClickHandler();
@@ -162,7 +176,10 @@
 				await this.$nextTick();
 				this.updateInputWidth();
 			},
-
+			// 新增：设置active索引
+			setActiveIndex(index) {
+				activeIndex.value = index;
+			},
 			setGlobalClickHandler() {
 				if (typeof document !== 'undefined') {
 					document.addEventListener('click', this.handleClickOutside);
@@ -283,6 +300,7 @@
 					this.updateInputWidth();
 					this.convertAndEmit();
 				});
+				activeIndex.value = -1; // 选择后重置active态（可选）
 			},
 
 			/* 修改输入处理 */
@@ -415,11 +433,7 @@
 		font-size: 14px;
 	}
 
-	.unit-option:hover {
+	.unit-option:active {
 		background-color: #f0f0f0;
 	}
-
-	scroll-view {
-		max-height: 200px;
-	}
 </style>
\ No newline at end of file