样式修改

common/styles/global/pages.scss

@@ -1928,7 +1928,7 @@
 	
 	// 带点的单词展示
 	.word-circle-box{
-		width: 100%;overflow: hidden;
+		width: 100%;overflow: hidden;word-wrap: break-word;word-break: break-all;
 		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;}
@@ -1938,9 +1938,6 @@
 			display: inline-block;vertical-align: middle;border-radius: 10rpx;
 		}
 	}
-	.word-circle-double-box{
-		
-	}
 	
 	// 单词详情块
 	.details-title{background-color: #3a7fe9;padding: 8rpx 12rpx;border-radius: 10rpx;
@@ -2116,7 +2113,7 @@
 	height: calc(100vh - 290rpx - var(--status-bar-height));
 	.xuan-body-box{flex: 1;overflow-y: auto;text-align: center;}
 	.show-words-box{
-		width: 100%;overflow: hidden;
+		width: 100%;overflow: hidden;word-wrap: break-word;word-break: break-all;
 		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;
 	}

pages/newEnglish/components/beiPage.vue

@@ -1,3 +1,5 @@
+<!-- 单词区 && 音标区：最多15位，超过隐藏-->
+<!-- 单音节最长：swimming 多音节最长：transportation -->
 <template>
 	<view class="words-bei-box">
 		<!-- 显示区 -->

pages/newEnglish/components/pinPage.vue

@@ -1,3 +1,5 @@
+<!-- 单词区 && 音标区：最多14位，超过换行-->
+<!-- 单音节最长：swimming 多音节最长：transportation -->
 <template>
 	<view class="words-pin-box">
 		<!-- 显示区 -->

pages/newEnglish/components/readContent.vue

@@ -1,3 +1,5 @@
+<!-- 单词区 && 音标区：最多16位，超过换行 -->
+<!-- 单音节最长：swimming 多音节最长：transportation -->
 <template>
 	<view class="words-du-box">
 		<selectTypesVue activeSelect="3"></selectTypesVue>
@@ -21,9 +23,8 @@
 			<view class="mike-play-tip">长按  读一读</view>
 			<!-- 	<view class="status">{{ recordingStatus }}</view> -->
 			<!-- 	<view class="duration" v-if="isRecording">录音时长: {{ Math.floor(duration) }}秒</view> -->
-			<!-- v-if="voicePath" -->
 			<view class="du-btn-box">
-				<button class="play-btn" :class="{ 'playing-btn': isPlaying}" @click="playVoice" ></button>
+				<button class="play-btn" :class="{ 'playing-btn': isPlaying}" @click="playVoice" v-if="voicePath"></button>
 				<button class="mike-btn" :class="{ 'mike-az-btn': isRecording}"
 					@touchstart="handleTouchStart" @touchend="handleTouchEnd" @touchcancel="handleTouchEnd"
 					:disabled="isPlaying">

pages/newEnglish/components/selectPage.vue

@@ -1,5 +1,6 @@
+<!-- 单词区 && 音标区：最多16位，超过换行   选项最多两行超出省略-->
+<!-- 单音节最长：swimming 多音节最长：transportation -->
 <template>
-	<!-- 单词最多16个字母 选项最多两行 tx---不要删除 -->
 	<view class="words-xuan-box">
 		<!-- 显示区 -->
 		<selectTypesVue activeSelect="4"></selectTypesVue>

pages/newEnglish/components/xuePage.vue

@@ -1,3 +1,5 @@
+<!-- 单词区 && 音标区：最多14位，超过换行  词根助记区：宽度不限，可以滚动-->
+<!-- 单音节最长：swimming 多音节最长：transportation -->
 <template>
 	<view class="words-xue-box">
 		<selectTypesVue activeSelect="1"></selectTypesVue>