From 1ae42a3c2a87bb1b81b8162f8133a2e0727a2edf Mon Sep 17 00:00:00 2001
From: libowei <3423564950@qq.com>
Date: Tue, 5 Dec 2023 21:18:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E5=8F=A3=E8=AF=AD=E8=BF=9B=E8=A1=8C?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/http.interceptor.js                    |  2 +-
 .../teacher_teachers/components/slander.vue   | 98 ++++++++++++-------
 .../teacher_teachers/teacher_writeadd.vue     | 20 ++--
 3 files changed, 74 insertions(+), 46 deletions(-)

diff --git a/common/http.interceptor.js b/common/http.interceptor.js
index 82a2f35..221de4d 100644
--- a/common/http.interceptor.js
+++ b/common/http.interceptor.js
@@ -41,7 +41,7 @@ const install = (Vue, vm) => {
 		// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的
 		// 所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
 		// const token = uni.getStorageSync('token');
-		const token = "Bearer aca170b01b4b4c88b3629fde91a3b2b7"
+		const token = "Bearer e33c7c66dd374ea3a07312503d548978"
 		// console.log("我是token", token)
 		config.header.Authorization = token; 
 		// #ifdef H5
diff --git a/pages_teacher/teacher_teachers/components/slander.vue b/pages_teacher/teacher_teachers/components/slander.vue
index 1543c3f..b34c522 100644
--- a/pages_teacher/teacher_teachers/components/slander.vue
+++ b/pages_teacher/teacher_teachers/components/slander.vue
@@ -1,37 +1,42 @@
 <template>
 	<!-- 口语下拉 -->
-			<view>
-				<view class="view_left">
-					<view class="view_left_pd" @click="arrow_xl">
-						{{selectedOption}}
-						<u-icon name="arrow-down" size="22" class="pd_icon"></u-icon>
-						<view class="pull_Down" v-if="arrow">
-							<view v-for="(item,index) in options" :key="index" @click="arrow_options(item.id)">{{item.name}}</view>
+	<view>
+					<view class="view_left">
+						<view class="view_left_pd" @click="arrow_xl">
+							{{selectedOption}}
+							<u-icon name="arrow-down" size="22" class="pd_icon"></u-icon>
+							<view class="pull_Down" v-if="arrow">
+								<view v-for="(item,index) in options" :key="index" @click="arrow_options(item.id)">{{item.name}}</view>
+							</view>
 						</view>
-					</view>
-					<view class="view_left_pd" @click="arrow_xl2">
-						{{categorize}}
-						<u-icon name="arrow-down" size="22" class="pd_icon"></u-icon>
-						<view class="pull_DownTow" v-if="arrowDown">
-							<view v-for="(item,index) in options2 " :key="index" @click="Classification(item.id)">{{item.name}}</view>
-						</view>
-					</view>
-				</view>
-				<!-- 口语主体 -->
-				<view v-for="(item,index) in slander" :key="index">
-					<view class="unite">{{item.label}}</view>
-					<view class="slander_for">
-						<view class="slander_behavior" v-for="(items,indexs) in item.list" :key='indexs'>
-							<view class="slander_left">{{items.topicEn}}</view>
-							<view style="display: flex;">
-								<view class="slander_an">串题</view>
-								<view class="slander_an blue">跟读</view>
-								<view class="slander_an blue">模考</view>
+						<view class="view_left_pd" @click="arrow_xl2">
+							{{categorize}}
+							<u-icon name="arrow-down" size="22" class="pd_icon"></u-icon>
+							<view class="pull_DownTow" v-if="arrowDown">
+								<view v-for="(item,index) in options2 " :key="index" @click="Classification(item.id)">{{item.name}}</view>
 							</view>
 						</view>
 					</view>
-				</view>
-			</view>
+					<!-- 口语主体 -->
+					<view v-for="(item,index) in slander" :key="index">
+						<view class="view_inuygs">
+						<view class="header_part">
+							<view class="unite">{{selectedOption}}</view>
+							<view class="unite">{{item.label}}</view>
+						</view>
+						<view style="display: flex;">
+							<view class="slander_an">串题</view>
+							<view class="slander_an blue">跟读</view>
+							<view class="slander_an blue">模考</view>
+						</view>
+						</view>
+						<view class="slander_for">
+							<view class="slander_behavior" v-for="(items,indexs) in item.list" :key='indexs'>
+								<view class="slander_left">{{items.topicEn}}</view>
+							</view>
+						</view>
+					</view>
+					</view>
 </template>
 
 <script>
@@ -81,7 +86,7 @@
 				],
 			}
 		},
-		onLoad() {
+		created() {
 			this.getList()
 		},
 		methods:{
@@ -109,6 +114,7 @@
 				 this.options.forEach(item=>{
 					 if(item.id== id){
 						 this.selectedOption=item.name
+						 
 					 }else if(id==2){
 						 this.postdata.part="part2"
 						 this.getList()
@@ -137,6 +143,11 @@
 		justify-content: left;
 		margin-top: 20rpx;
 	}
+	.view_inuygs{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
 	
 	.view_left_pd {
 		position: relative;
@@ -145,13 +156,15 @@
 		border-radius: 20rpx 20rpx 20rpx 20rpx;
 		margin-right: 15rpx;
 		font-size: 24rpx;
+		color: #072F5A;
 	}
 	.unite {
 		font-size: 28rpx;
 		font-family: 'PingFang';
 		font-weight: 800;
 		color: #2E4975;
-		margin: 26rpx 0rpx;
+
+		margin-right: 20rpx;
 	}
 	.slander_for {
 		background: #FFFFFF;
@@ -159,16 +172,12 @@
 		padding: 0 30rpx;
 	}
 	.slander_behavior {
-		display: flex;
-		justify-content: space-between;
+		
 		padding: 20rpx 0rpx;
 		border-bottom: 2rpx solid #F2F2F2;
 	}
 	.slander_left {
-		width: 328rpx;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		overflow: hidden
+		
 	}
 	.pull_DownTow{
 	width: 150rpx;
@@ -206,5 +215,22 @@
 	}
 	.pd_icon {
 		margin-left: 8rpx;
+		
+	}
+	.header_part{
+		display: flex;
+		align-items: center;
+		margin: 26rpx 0rpx;
+	}
+	.slander_an{
+		padding: 6rpx 18rpx;
+		background: #fff;
+		border-radius: 12rpx 12rpx 12rpx 12rpx;
+		margin-left: 12rpx;
+		color: #65748C;
+	}
+	.blue {
+		background: rgba(45,124,230,0.1);
+		color: #2D7CE6;
 	}
 </style>
diff --git a/pages_teacher/teacher_teachers/teacher_writeadd.vue b/pages_teacher/teacher_teachers/teacher_writeadd.vue
index 7c9ef60..f5fa67f 100644
--- a/pages_teacher/teacher_teachers/teacher_writeadd.vue
+++ b/pages_teacher/teacher_teachers/teacher_writeadd.vue
@@ -5,7 +5,7 @@
 			</u-navbar>
 			<!-- 搜索 -->
 			<view class="view_search" v-if="search">
-				<u-search :show-action="false" :animation="true" bg-color="#fff" placeholder="搜索相关内容..."></u-search>
+				<u-search :show-action="false" :animation="true" bg-color="#fff" placeholder="搜索相关内容..." color="#3E97FF"></u-search>
 			</view>
 			<!--导航栏 -->
 			<view class="view_tabs">
@@ -14,7 +14,7 @@
 			<!-- 轮播图 -->
 			<swiper :interval="5000" :duration="1000" is-scroll="true" :current="current" @change="updateCurrent" class="swiper">
 				<!-- 口语 -->
-				<swiper-item>
+				<swiper-item style="height: 300rpx;">
 					<slander></slander>
 				</swiper-item>
 				<!-- 写作 -->
@@ -149,12 +149,10 @@
 				<swiper-item>
 					<reading></reading>
 				</swiper-item>
-
-
 			</swiper>
 		</view>
 		<!-- 底部按钮 -->
-		<view class="footer">
+		<view :class="search== true ?  'footer2' : 'footer'">
 			<view class="footer_button">
 				<view :class="search==true  ? 'button_andadd' :'button_show'">确定添加（4）</view>
 				<view class="footer_button_right" v-if="search">口语模考</view>
@@ -206,9 +204,6 @@
 			reading,
 			slander
 		},
-		onLoad() {
-			// this.getCompose()
-		},
 		methods: {
 			upType(index, num) {
 				this.listType.splice(index, 1, num)
@@ -405,7 +400,7 @@
 		}
 
 		.swiper {
-			height: 62vh;
+			height: 80%;
 		}
 
 		swiper-item {
@@ -427,6 +422,13 @@
 		box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25);
 		padding: 30rpx 32rpx;
 	}
+	.footer2{
+		width: 100%;
+		background: #FFFFFF;
+		box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25);
+		padding: 30rpx 32rpx;
+		margin-top: 25rpx;
+	}
 
 	.footer_button {
 		display: flex;