样式修改

common/styles/global/pages.scss

@@ -2393,9 +2393,9 @@
 			width: 80rpx;height: 80rpx;line-height: 80rpx;text-align: center;box-sizing: content-box;
 			background-color: #fff;color: #999;border-radius: 50%;border: 1rpx solid #ccc;}
 		.types-item.active{background-color: #659ff1;color: #fff;
-		border: 1rpx solid #659ff1;box-shadow: 0 0 14rpx rgba(100, 159, 241, 0.9);}
+		border: 1rpx solid #659ff1;box-shadow: 0 0 10rpx rgba(100, 159, 241, 0.9);}
 		.jt-item{width: 24rpx;height: 24rpx;@include ezy-no-repeat-contain;
-		background-image: url("@/static/images/common/xbb-item-jt-white.png");}
+		background-image: url("@/static/images/common/wordView/xbb-item-jt-disabled.png");}
 		.jt-item.active{background-image: url("@/static/images/common/xbb-item-jt.png");}
 	}
 
@@ -2546,13 +2546,13 @@
 		display: flex;justify-content: center;border-bottom: 1rpx dashed #8dcff1;padding: 32rpx 0 42rpx;
 		.change-btn{
 			width: 254rpx;height:77rpx;position: relative;
-			text{color: #fff;position: relative;font-size: 32rpx;z-index: 2;display: inline-block;margin-top:15rpx;}
+			text{color: #3d7efe;position: relative;font-size: 32rpx;z-index: 2;display: inline-block;margin-top:15rpx;}
 		}
 		.change-btn::after{
 			content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;@include ezy-no-repeat-cover;
 			background-image: url("@/static/images/common/wordView/change-btn.png");z-index: 1;
 		}
-		.change-btn.active text{color: #3d7efe;}
+		.change-btn.active text{color: #fff;}
 		.change-btn.active::after{background-image: url("@/static/images/common/wordView/change-btn-a.png");transform: rotate(180deg);}
 		.change-btn:last-child::after{transform: rotate(180deg);}
 		.change-btn.active:last-child::after{transform: unset;}
@@ -2659,7 +2659,7 @@
 		flex-shrink: 0;
 		.select-item{
 			width: 600rpx;height: 96rpx;text-align: center;border-radius: 12rpx;font-size: 32rpx;
-			background-color: #fff;border: 1rpx solid #eef1f6;border-bottom: 6rpx solid #eef1f6;line-height: 1.4;color: #333;
+			background-color: #fff;border: 2rpx solid #eef1f6;border-bottom: 6rpx solid #eef1f6;line-height: 1.4;color: #333;
 			display: flex;align-items: center;justify-content: center;margin: 12rpx auto;
 			box-sizing: border-box;padding: 0 10rpx;text-align: left;position: relative;
 			text{@include multi-line-ellipsis(2);}

pages/chaojidanci/newEnglish/components/xuePage.vue

@@ -40,9 +40,9 @@
 
 					<!-- 音标按钮 -->
 					<view class="xue-change-btn-box">
-						<view class="change-btn" :class="{active: !data.isPindu}" @click="handlePindu"><text>自然拼读</text>
+						<view class="change-btn" :class="{active: data.isPindu}" @click="handlePindu"><text>自然拼读</text>
 						</view>
-						<view class="change-btn" :class="{active: data.isPindu}" @click="handleYinjie"><text>音节拆分</text>
+						<view class="change-btn" :class="{active: !data.isPindu}" @click="handleYinjie"><text>音节拆分</text>
 						</view>
 					</view>
 					<!-- 词根+实用口语 -->