fix: 修复segmented-control的activeColor不生效的bug

Author: 18148764734

manifest.json

@@ -58,5 +58,5 @@
         "title" : "uni-ui",
         "template" : "template.h5.html"
     },
-    "vueVersion" : "3"
+    "vueVersion" : "2"
 }

uni_modules/uni-segmented-control/changelog.md

@@ -1,3 +1,5 @@
+## 1.2.3（2024-04-02）
+- 修复 修复在微信小程序下inactiveColor失效bug
 ## 1.2.2（2024-03-28）
 - 修复 在vue2下:style动态绑定导致编译失败的bug
 ## 1.2.1（2024-03-20）

uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.vue

@@ -2,12 +2,13 @@
 	<view :class="[styleType === 'text'?'segmented-control--text' : 'segmented-control--button' ]"
 		:style="{ borderColor: styleType === 'text' ? '' : activeColor }" class="segmented-control">
 		<view v-for="(item, index) in values" :class="[styleType === 'text' ? '' : 'segmented-control__item--button',
-					index === currentIndex && styleType === 'button' ? 'segmented-control__item--button--active' : '',
 					index === 0 && styleType === 'button' ? 'segmented-control__item--button--first' : '',
-					index === values.length - 1 && styleType === 'button' ? 'segmented-control__item--button--last':'']" :key="index" :style="{backgroundColor: index === currentIndex && styleType === 'button' ? activeColor : styleType === 'button' ?inActiveColor:'transparent', borderColor: index === currentIndex && styleType === 'text' || styleType === 'button' ? activeColor : inActiveColor}" class="segmented-control__item" @click="_onClick(index)">
+					index === values.length - 1 && styleType === 'button' ? 'segmented-control__item--button--last':'']" :key="index"
+			:style="{backgroundColor: index === currentIndex && styleType === 'button' ? activeColor : styleType === 'button' ?inActiveColor:'transparent', borderColor: index === currentIndex && styleType === 'text' || styleType === 'button' ? activeColor : inActiveColor}"
+			class="segmented-control__item" @click="_onClick(index)">
 			<view>
 				<text
-					:style="index===currentIndex?{color : styleType === 'text' ? activeColor : '#fff'}:{color : styleType === 'text' ?'#000' : activeColor}"
+					:style="{color:index === currentIndex? styleType === 'text'? activeColor: '#fff': styleType === 'text'? '#000': activeColor}"
 					class="segmented-control__text"
 					:class="styleType === 'text' && index === currentIndex ? 'segmented-control__item--text': ''">{{ item }}</text>
 			</view>
@@ -70,38 +71,7 @@
 				}
 			}
 		},
-		computed: {
-			getTextStyle() {
-				return (index) => {
-					let style = {};
-					if (index === this.currentIndex) {
-						style.color = this.styleType === 'text' ? this.activeColor : '#fff';
-					} else {
-						style.color = this.styleType === 'text' ?
-							'#000' : this.activeColor;
-					}
-					return style;
-				}
-			},
-			computedBackgroundClass() {
-				return index => [this.styleType === 'text' ? '' : 'segmented-control__item--button',
-					index === this.currentIndex && this.styleType === 'button' ? 'segmented-control__item--button--active' : '',
-					index === 0 && this.styleType === 'button' ? 'segmented-control__item--button--first' : '',
-					index === this.values.length - 1 && this.styleType === 'button' ? 'segmented-control__item--button--last' :
-					''
-				]
-			},
-			computedBackgroundStyle() {
-				return index => {
-					return {
-						backgroundColor: index === this.currentIndex && this.styleType === 'button' ? this.activeColor : this
-							.styleType === 'button' ? this.inActiveColor : 'transparent',
-						borderColor: index === this.currentIndex && this.styleType === 'text' || this.styleType === 'button' ? this
-							.activeColor : this.inActiveColor
-					}
-				}
-			}
-		},
+		computed: {},
 		created() {
 			this.currentIndex = this.current
 		},

uni_modules/uni-segmented-control/package.json

@@ -1,7 +1,7 @@
 {
   "id": "uni-segmented-control",
   "displayName": "uni-segmented-control 分段器",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "分段器由至少 2 个分段控件组成，用作不同视图的显示",
   "keywords": [
     "uni-ui",