common/styles/global/pages.scss

@@ -1912,6 +1912,32 @@
 	.clean-btn{width: 171rpx;height:58rpx;@include ezy-no-repeat-cover;margin: 24rpx auto 0;
 	background-image: url("@/static/images/study/cjdc/wordView/clean-btn.png");
 	}
+	
+	// 音标播放
+	.yb-play-box{
+		background-color: rgba(255, 255, 255, 0.6);display: inline-block;margin: 32rpx auto 0;
+		padding: 4rpx 24rpx 10rpx;border-radius: 30rpx;
+		text{font-size: 28rpx;display: inline-block;vertical-align: middle;}
+		text:nth-child(even){color: #068aea;margin: 0 10rpx;}
+		icon{width: 30rpx;height:30rpx;@include ezy-no-repeat-cover;margin-left: 24rpx;
+		display: inline-block;vertical-align: middle;}
+		.yb-play-btn{background-image: url("@/static/images/study/cjdc/wordView/yb-play-btn.png");}
+		.yb-playing-btn{background-image: url("@/static/images/study/cjdc/wordView/yb-playing-btn.gif");}
+		
+	}
+	
+	// 带点的单词展示
+	.word-circle-box{
+		width: 100%;overflow: hidden;
+		color: #015fb0;font-weight: bold;font-size: 76rpx;text-align: center;margin: 64rpx 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;}
+		text:not(:first-child)::before{
+			content: '';width: 10rpx;height: 10rpx;background-color: #999;margin: 0 6rpx;
+			display: inline-block;vertical-align: middle;border-radius: 10rpx;
+		}
+	}
 }
 .word-view-page::before,.word-view-page::after{content: '';width: 29rpx;height: 42rpx;
 	background-image: url("@/static/images/study/jt-left-icon.png");@include ezy-no-repeat-cover;display: block;
@@ -1919,7 +1945,8 @@
 .word-view-page::before{left: 60rpx;}
 .word-view-page::after{right: 60rpx;transform: rotate(180deg);}
 	
-	
+// 单词详情- 拼
+.words-xue-box{}
 // 单词详情-拼
 .words-pin-box{
 	display: flex;flex-direction: column;padding: 10rpx;box-sizing: border-box;
@@ -1986,17 +2013,6 @@
 		color: #015fb0;font-weight: bold;font-size: 76rpx;text-align: center;margin: 64rpx auto 0;
 		text-shadow:-1rpx -1rpx 0 #fff,1rpx -1rpx 0 #fff,-1rpx 1rpx 0 #fff,1rpx 1rpx 0 #fff;
 	}
-	.yb-play-box{
-		background-color: rgba(255, 255, 255, 0.6);display: inline-block;margin: 32rpx auto 0;
-		padding: 4rpx 24rpx 10rpx;border-radius: 30rpx;
-		text{font-size: 28rpx;display: inline-block;vertical-align: middle;}
-		text:nth-child(even){color: #068aea;margin: 0 10rpx;}
-		icon{width: 30rpx;height:30rpx;@include ezy-no-repeat-cover;margin-left: 24rpx;
-		display: inline-block;vertical-align: middle;}
-		.yb-play-btn{background-image: url("@/static/images/study/cjdc/wordView/yb-play-btn.png");}
-		.yb-playing-btn{background-image: url("@/static/images/study/cjdc/wordView/yb-playing-btn.gif");}
-		
-	}
 	.select-change-box{
 		flex-shrink: 0;
 		.select-item{
@@ -2168,6 +2184,10 @@
 	.learn-record-scroll-view{
 		margin-top: 16rpx;overflow-y: auto;height: calc(100vh - 370rpx - var(--status-bar-height));
 		box-sizing: border-box;padding: 0 20rpx;
+		.word-item-box{
+			width: 100%;background-color: transparent!important;
+			.uni-list-item__container{width: 100%;display: block;}
+		}
 		.word-list-item{margin-bottom: 16rpx;}
 	}
 }

pages/my/learnRecord.vue

@@ -16,10 +16,9 @@
 						class="learn-record-scroll-view">
 						<!--数学-->
 						<uni-list>
-							<uni-list-item v-for="(item,index) in xxjlData.weizhangwo.list" :key="index"
-								class="word-list-item">
+							<uni-list-item v-for="(item,index) in xxjlData.weizhangwo.list" :key="index" class="word-item-box">
 								<template v-slot:body>
-									<view @click="goLearn(item)">
+									<view @click="goLearn(item)" class="word-list-item">
 										<view class="item-word">
 											<view class="word-text">
 												<text v-for="(word, wordIndex) in item.chaifen" :key="wordIndex"

pages/wordList/wordList.vue

@@ -10,7 +10,7 @@
 				<view class="word-num-box"><icon></icon><text>{{listData.studyCount || 0}}/{{listData.count || 0}}词</text></view>
 				<view class="word-list-body" v-if="listData.wordList && listData.wordList.length > 0">
 				<!-- 单词 -->
-					<view class="word-list-item" v-for="(item,index) in listData.wordList" :key="index" @click="toWord(item)" :class="{active: item.wcFlag == 0}">
+					<view class="word-list-item" v-for="(item,index) in listData.wordList" :key="index" @click="toWord(item)" :class="{active: item.wcFlag == 1}">
 						<view class="item-word">
 							<view class="word-text">
 								<text v-for="(word, wordIndex) in item.chaifen"