common/styles/global/pages.scss

@@ -1929,7 +1929,7 @@
 	// 带点的单词展示
 	.word-circle-box{
 		width: 100%;overflow: hidden;
-		color: #015fb0;font-weight: bold;font-size: 76rpx;text-align: center;margin: 64rpx auto 0;
+		color: #015fb0;font-weight: bold;font-size: 76rpx;text-align: center;margin: 36rpx auto 0;
 		text-shadow:-1rpx -1rpx 0 #fff,1rpx -1rpx 0 #fff,-1rpx 1rpx 0 #fff,1rpx 1rpx 0 #fff;
 		text{display: inline-block;vertical-align: middle;}
 		text:nth-child(odd){color: #ff9a01;}
@@ -1964,17 +1964,20 @@
 .words-xue-box{
 	text-align: center;
 	.words-xue-body{height: calc(100vh - 410rpx - var(--status-bar-height));overflow-y: auto;}
-	.details-btn{
-		background-color: rgba(255, 255, 255, 0.6);display: inline-block;margin: 32rpx auto 0;
-		padding: 4rpx 24rpx 10rpx;border-radius: 30rpx;color: #068aea;
-	}
 	.word-block-box{
+		margin: 12rpx 0;
 		text{min-width: 50rpx;height: 50rpx;line-height: 48rpx;font-size: 24rpx;
 		padding: 0 10rpx;box-sizing: border-box;border-radius: 8rpx;
 			background-color: #9cd4ef;color: #06399c;display: inline-block;}
 		text + text{margin-left: 10rpx;}
 	}
-	.yb-block-box text{border: 1rpx solid #fff;font-size: 26rpx;}
+	.details-btn{
+		background-color: rgba(255, 255, 255, 0.6);display: inline-block;margin: 24rpx auto;
+		padding: 4rpx 24rpx 10rpx;border-radius: 30rpx;color: #068aea;
+	}
+	.xue-yb-play-box{margin-top: 12rpx;}
+	.xue-words-explain-box{margin-top: 32rpx;}
+	.yb-block-box text{min-width: 56rpx;height: 56rpx;line-height: 54rpx;border: 1rpx solid #fff;font-size: 26rpx;}
 	.yj-block-box{
 		min-width: 50rpx;font-size: 26rpx;
 		.yj-block-item{
@@ -1995,11 +1998,11 @@
 		}
 		.cg-item{border:1rpx solid #9cbff4;background-color: #fff;border-radius: 8rpx;padding: 16rpx;}
 		.cg-symbol{margin: 0 10rpx;}
-	}
+	} */
 	
 	
 	.xue-change-btn-box{
-		display: flex;justify-content: center;border-bottom: 1rpx dashed #8dcff1;margin: 0 20rpx;padding: 20rpx 0;
+		display: flex;justify-content: center;border-bottom: 1rpx dashed #8dcff1;margin: 0 20rpx;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;}
@@ -2014,9 +2017,7 @@
 		.change-btn.active:last-child::after{transform: unset;}
 	}
 	
-	.xue-details-content-box,.xue-details-content-box{
-		text-align: left;margin-top: 20rpx;
-	} */
+	.xue-details-content-box{text-align: left;margin-top: 12rpx;}
 }
 
 // 单词详情-拼

pages/newEnglish/components/xuePage.vue

@@ -10,13 +10,13 @@
 				<text v-for="(item,index) in activeWord.chaifen" :key="index">{{item}}</text>
 			</view>
 			<!-- 音标区 -->
-			<view class="yb-play-box">
+			<view class="yb-play-box xue-yb-play-box">
 				<yinbiaoTxtVue :yinbiao="activeWord.yinbiao"></yinbiaoTxtVue>
 				<!-- 音频播放 -->
 				<audioTwoVue :active-word="activeWord" @play-audio="handlePlay"></audioTwoVue>
 			</view>
 			<!-- 注释区 -->
-			<view class="pin-words-explain-box">
+			<view class="pin-words-explain-box xue-words-explain-box">
 				<view class="words-explain-item" v-for="item in activeWord.xiangyi" :key="item">{{item}}</view>
 			</view>
 			<!-- 详解触发 -->