From 5762d4227e05b7ac533b37c21106215a8cfe0a26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E8=88=AA?= <icho.yang@scai-global.com>
Date: Mon, 1 Sep 2025 14:15:05 +0800
Subject: [PATCH] fix: bug

---
 src/pages/course/index.vue | 445 +++++++++++++++++++------------------
 1 file changed, 232 insertions(+), 213 deletions(-)

diff --git a/src/pages/course/index.vue b/src/pages/course/index.vue
index 52af9596..08445323 100644
--- a/src/pages/course/index.vue
+++ b/src/pages/course/index.vue
@@ -5,28 +5,21 @@
 		<view class="course-center-body">
 			<view class="body-title">
 				<!--  @click="test.testApi" -->
-				<uv-icon class="arrow-icon" name="arrow-left" @click="common.switchTab('/pages/index/index')"/>
+				<uv-icon class="arrow-icon" name="arrow-left" @click="common.switchTab('/pages/index/index')" />
 				AI学习
 			</view>
-			<view class="input-view"  @click="toSearchPage">
-				<uv-input shape="circle"
-					placeholderStyle='color:#999999;font-size:28rpx' 
-					placeholder="请输入课程名" 
-					suffixIcon="search"
-					:customStyle="customStyle"
-					:suffixIconStyle="suffixIconStyle" 
-					:readonly="true">
+			<view class="input-view" @click="toSearchPage">
+				<uv-input shape="circle" placeholderStyle='color:#999999;font-size:28rpx' placeholder="请输入课程名"
+					suffixIcon="search" :customStyle="customStyle" :suffixIconStyle="suffixIconStyle" :readonly="true">
 				</uv-input>
 			</view>
 			<view class="tabs-view">
-				<uv-tabs :list="tabList" @click="changeTab" :scrollable="false"
-				active-style="font-weight:bold; color:#000;"
-				line-color="#06f"
-				></uv-tabs>
+				<uv-tabs :list="tabList" @click="changeTab" :scrollable="false" active-style="font-weight:bold; color:#000;"
+					line-color="#06f"></uv-tabs>
 			</view>
 			<view class="list-view">
 				<view class="filter-btn" @click="()=>{showFilterList = !showFilterList; activeTagPop = activeTag}">筛选
-					<uv-icon class="filter-icon" name="list"/>
+					<uv-icon class="filter-icon" name="list" />
 				</view>
 				<view :class="['filter-list',showFilterList?'show':'']">
 					<scroll-view :scroll-y="true" class="scroll-box-tags">
@@ -34,7 +27,8 @@
 							<!-- .filter(t=>(t.children||[]).length>0) -->
 							<view class="filter-type-title">{{item.label}}</view>
 							<scroll-view :scroll-x="true" class="filter-type-list">
-								<view :class="['filter-type-item', activeTagPop.includes(itemT.value)?'is-active':'']" v-for="itemT in (item.children||[])" @click="chooseTagPop(itemT)">
+								<view :class="['filter-type-item', activeTagPop.includes(itemT.value)?'is-active':'']"
+									v-for="itemT in (item.children||[])" @click="chooseTagPop(itemT)">
 									{{itemT.label}}
 								</view>
 							</scroll-view>
@@ -46,70 +40,41 @@
 					</view>
 				</view>
 				<uv-scroll-list class="tags-view" :indicator="false">
-					<uv-tags text="全部" 
-						shape="circle" 
-						plain 
-						class="tags-item" 
-						size="mini" 
-						:type="activeTag.length === 0?'primary':'info'"
-						@click="chooseTag({value:''})"
-					></uv-tags>
-					<uv-tags :text="item.label" 
-						v-for="item in tagsList" 
-						:key="item.value" 
-						shape="circle" 
-						plain 
-						:type="activeTag.includes(item.value)?'primary':'info'"
-						@click="chooseTag(item)"
-						class="tags-item" size="mini"
-					></uv-tags>
+					<uv-tags text="全部" shape="circle" plain class="tags-item" size="mini"
+						:type="activeTag.length === 0?'primary':'info'" @click="chooseTag({value:''})"></uv-tags>
+					<uv-tags :text="item.label" v-for="item in tagsList" :key="item.value" shape="circle" plain
+						:type="activeTag.includes(item.value)?'primary':'info'" @click="chooseTag(item)" class="tags-item"
+						size="mini"></uv-tags>
 				</uv-scroll-list>
 				<view class="course-list">
 					<view class="left-type-list" v-if="'全部' === activeTab">
-						<view 
-						 v-for="item in courseTypeList"
-						 :key="item.value"
-							:class="['type-item',activeCourseType == item.value ?'is-active':'']"
-							@click="changeCourseType(item)"
-						>
+						<view v-for="item in courseTypeList" :key="item.value"
+							:class="['type-item',activeCourseType == item.value ?'is-active':'']" @click="changeCourseType(item)">
 							{{item.label}}
 						</view>
 					</view>
 					<view class="left-type-list" v-if="'生产线'===activeTab">
-						<view 
-						 v-for="item in coursePrdlineList"
-						 :key="item.value"
-							:class="['type-item', activePrdlineType == item.value ?'is-active':'']"
-							@click="changePrdLine(item)"
-						>
+						<view v-for="item in coursePrdlineList" :key="item.value"
+							:class="['type-item', activePrdlineType == item.value ?'is-active':'']" @click="changePrdLine(item)">
 							{{item.label}}
 						</view>
 					</view>
 					<view class="right-course-list">
-						<view 
-							class="type-list" 
-							v-for="item in courseListTreeShow" 
-							:key="item.value"
-						>
-							<view 
-								class="type-title" 
-								v-if="item.courseList.length > 0 && showTypeName"
-							>
+						<view class="type-list" v-for="item in courseListTreeShow" :key="item.value">
+							<view class="type-title" v-if="item.courseList.length > 0 && showTypeName">
 								<!-- v-if="itemT.courseList.length>0 && " -->
 								<view class="left-color"></view>
 								{{item.label}}
 							</view>
-							<CourseItem v-for="itemC in item.courseList" :key="itemC.crsNum" :itemInfo="itemC" :activeTag="activeTag" @clickItem="toCourseDetail(itemC)"/>
-							<view 
-								class="type-list"
-								v-for="itemT in item.children"
-								:key="itemT.value"
-							>
+							<CourseItem v-for="itemC in item.courseList" :key="itemC.crsNum" :itemInfo="itemC" :activeTag="activeTag"
+								@clickItem="toCourseDetail(itemC)" />
+							<view class="type-list" v-for="itemT in item.children" :key="itemT.value">
 								<view class="type-title" v-if="itemT.courseList.length>0">
 									<view class="left-color"></view>
-										{{itemT.label}}
+									{{itemT.label}}
 								</view>
-								<CourseItem v-for="itemTC in itemT.courseList" :key="itemTC.crsNum" :activeTag="activeTag" :itemInfo="itemTC" @clickItem="toCourseDetail(itemTC)"/>
+								<CourseItem v-for="itemTC in itemT.courseList" :key="itemTC.crsNum" :activeTag="activeTag"
+									:itemInfo="itemTC" @clickItem="toCourseDetail(itemTC)" />
 							</view>
 						</view>
 					</view>
@@ -120,42 +85,58 @@
 </template>
 
 <script setup>
-import CourseItem from "@/components/course-item/course-item.vue"
-import common from '@/common/common'
-import {
-	getPrdLineTypeListApi,
-	getTraTagListApi,
-	getCourseTypeListApi,
-	queryCrsInfoByCatalogApi,
-	queryCrsInfoByPrdLineApi,
-	queryCrsInfoByLastnewApi,
-	queryCrsInfoByPopularApi,
-	queryCrsInfoByRecmdApi
-} from "@/api/course.js"
-import { onMounted, onActivated, ref, computed } from 'vue'
-import { onShow } from "@dcloudio/uni-app"
+	import CourseItem from "@/components/course-item/course-item.vue"
+	import common from '@/common/common'
+	import {
+		getPrdLineTypeListApi,
+		getTraTagListApi,
+		getCourseTypeListApi,
+		queryCrsInfoByCatalogApi,
+		queryCrsInfoByPrdLineApi,
+		queryCrsInfoByLastnewApi,
+		queryCrsInfoByPopularApi,
+		queryCrsInfoByRecmdApi
+	} from "@/api/course.js"
+	import {
+		onMounted,
+		onActivated,
+		ref,
+		computed
+	} from 'vue'
+	import {
+		onShow
+	} from "@dcloudio/uni-app"
 	const customStyle = {
 		backgroundColor: "#ffffff",
 		paddingLeft: "40rpx",
-		height:'60rpx',
+		height: '60rpx',
 		paddingTop: "5px",
 		paddingBottom: "5px",
 		border: "none"
-	} 
+	}
 	const suffixIconStyle = {
 		color: "#2c8ef2",
 		fontSize: "40rpx"
 	}
-	const tabsCustomStyle ={
+	const tabsCustomStyle = {
 		backgroundColor: "#ffffff",
 		borderRadius: '23rpx',
 	}
-	const tabList = [
-		{ name:'全部'},
-		{ name:'热门'},
-		{ name:'最新'},
-		{ name:'推荐'},
-		{ name:'生产线'},
+	const tabList = [{
+			name: '全部'
+		},
+		{
+			name: '热门'
+		},
+		{
+			name: '最新'
+		},
+		{
+			name: '推荐'
+		},
+		{
+			name: '生产线'
+		},
 	]
 	const activeTab = ref('全部')
 	const activeCourseType = ref('')
@@ -164,78 +145,79 @@ import { onShow } from "@dcloudio/uni-app"
 	const courseTypeList = ref([])
 	const coursePrdlineList = ref([])
 	const tagsTree = ref([])
-	
+
 	const showFilterList = ref(false)
 	const {
 		statusBarHeight
 	} = uni.getWindowInfo()
-	
+
 	const pageTopPadding = computed(() => statusBarHeight + 'px')
-	
+
 	const activeTagPop = ref([])
-	
+
 	const chooseTagPop = (item) => {
-		if(!item.value){
+		if (!item.value) {
 			activeTagPop.value = []
 			return
 		}
-		activeTagPop.value = activeTagPop.value.filter((t=>!!t))
-		if(activeTagPop.value.includes(item.value)){
-			activeTagPop.value = activeTagPop.value.filter((t=>t !== item.value))
-		}else{
+		activeTagPop.value = activeTagPop.value.filter((t => !!t))
+		if (activeTagPop.value.includes(item.value)) {
+			activeTagPop.value = activeTagPop.value.filter((t => t !== item.value))
+		} else {
 			activeTagPop.value.push(item.value)
 		}
 	}
 	// 点击标签
-	const chooseTag = (item)=>{
-		if(!item.value){
+	const chooseTag = (item) => {
+		if (!item.value) {
 			activeTag.value = []
 			return
 		}
-			activeTag.value = activeTag.value.filter((t=>!!t))
-		if(activeTag.value.includes(item.value)){
-			activeTag.value = activeTag.value.filter((t=>t !== item.value))
-		}else{
+		activeTag.value = activeTag.value.filter((t => !!t))
+		if (activeTag.value.includes(item.value)) {
+			activeTag.value = activeTag.value.filter((t => t !== item.value))
+		} else {
 			activeTag.value.push(item.value)
 		}
 		// showFilterList.value = false
 	}
 	// 点击生产线分类
-	const changePrdLine = (item)=>{
+	const changePrdLine = (item) => {
 		activePrdlineType.value = item.value === activePrdlineType.value ? '' : item.value
 	}
 	// 点击课程分类
-	const changeCourseType =  (item)=>{
+	const changeCourseType = (item) => {
 		activeCourseType.value = item.value === activeCourseType.value ? '' : item.value
 	}
-	const showTypeName = computed(()=>{
-		return (activeTab.value === '全部' && activeCourseType.value === '') || (activeTab.value === '生产线' && activePrdlineType.value === '')
-	}) 
-	const tagsList = computed(()=>{
+	const showTypeName = computed(() => {
+		return (activeTab.value === '全部' && activeCourseType.value === '') || (activeTab.value === '生产线' &&
+			activePrdlineType.value === '')
+	})
+	const tagsList = computed(() => {
 		let _arr = []
-		tagsTree.value.forEach(t=>{
+		tagsTree.value.forEach(t => {
 			let _tarr = t.children || []
 			_arr = _arr.concat(_tarr)
 		})
-		let _reqList = _arr.filter(t=>t.required === "Y")
-		let _reqListN = _arr.filter(t=>t.required === "N")
+		let _reqList = _arr.filter(t => t.required === "Y")
+		let _reqListN = _arr.filter(t => t.required === "N")
 		return _reqList.concat(_reqListN)
 	})
-	
+
 	const courseListBase = ref([])
-	const courseList = computed(()=>{
-		if(activeTag.value.length > 0 && !!activeTag.value[0]){
-			return courseListBase.value.filter(t=>{
-				let _tags = (t.tagCataList||[]).map(k=>k.tagId)
+	const courseList = computed(() => {
+		if (activeTag.value.length > 0 && !!activeTag.value[0]) {
+			return courseListBase.value.filter(t => {
+				let _tags = (t.tagCataList || []).map(k => k.tagId)
 				let _pass = false
 				activeTag.value.forEach(k => {
-					if(_tags.includes(k)){
+					if (_tags.includes(k)) {
 						_pass = true
 					}
 				})
 				return _pass
 			})
-		}else{
+		} else {
 			return courseListBase.value
 		}
 		// return activeTag.value.length > 0
@@ -243,22 +225,22 @@ import { onShow } from "@dcloudio/uni-app"
 		// :courseListBase.value
 	})
 	// 整理树形
-	const courseListTree =  computed(()=>{
-		let _arr = activeTab.value === '全部'? courseTypeList.value 
-		: activeTab.value === '生产线'? coursePrdlineList.value: []
-		let _idKey = activeTab.value === '全部'? 'tagId': 'prdLineId'
-		
-		let _tree = _arr.map(t=>{
-			let _children = t.children||[]
+	const courseListTree = computed(() => {
+		let _arr = activeTab.value === '全部' ? courseTypeList.value :
+			activeTab.value === '生产线' ? coursePrdlineList.value : []
+		let _idKey = activeTab.value === '全部' ? 'tagId' : 'prdLineId'
+
+		let _tree = _arr.map(t => {
+			let _children = t.children || []
 			return {
 				label: t.label,
 				required: t.required,
-				value:t.value,
-				courseList: courseList.value.filter(k=>k[_idKey] === t.value),
-				children: _children.map(k=>{
+				value: t.value,
+				courseList: courseList.value.filter(k => k[_idKey] === t.value),
+				children: _children.map(k => {
 					return {
 						...k,
-						courseList: courseList.value.filter(m=>m[_idKey] === k.value),
+						courseList: courseList.value.filter(m => m[_idKey] === k.value),
 					}
 				})
 			}
@@ -266,15 +248,15 @@ import { onShow } from "@dcloudio/uni-app"
 		return _tree
 	})
 	// 过滤树形
-	const courseListTreeShow =  computed(()=>{
-		let _type = activeTab.value === '全部'? activeCourseType.value : activePrdlineType.value
-		if(activeTab.value === '全部'|| activeTab.value === '生产线'){
-			if(_type){
-				return courseListTree.value.filter(t=> t.value === _type)
-			}else{
-				 return courseListTree.value
+	const courseListTreeShow = computed(() => {
+		let _type = activeTab.value === '全部' ? activeCourseType.value : activePrdlineType.value
+		if (activeTab.value === '全部' || activeTab.value === '生产线') {
+			if (_type) {
+				return courseListTree.value.filter(t => t.value === _type)
+			} else {
+				return courseListTree.value
 			}
-		}else{
+		} else {
 			return [{
 				children: [],
 				courseList: courseList.value,
@@ -284,37 +266,37 @@ import { onShow } from "@dcloudio/uni-app"
 		}
 	})
 	const changeTab = (item) => {
-		if(!item) return
+		if (!item) return
 		activeTab.value = item.name
 		// activeTag.value = ''
 		activeCourseType.value = ''
 		activePrdlineType.value = ''
-		switch (item.name){
+		switch (item.name) {
 			case '全部':
-				queryCrsInfoByCatalogApi().then(res=>{
+				queryCrsInfoByCatalogApi().then(res => {
 					courseListBase.value = res.body || []
 				})
-			break;
+				break;
 			case '热门':
-				queryCrsInfoByPopularApi().then(res=>{
+				queryCrsInfoByPopularApi().then(res => {
 					courseListBase.value = res.body || []
 				})
-			break;
+				break;
 			case '最新':
-				queryCrsInfoByLastnewApi().then(res=>{
+				queryCrsInfoByLastnewApi().then(res => {
 					courseListBase.value = res.body || []
 				})
-			break;
+				break;
 			case '推荐':
-				queryCrsInfoByRecmdApi().then(res=>{
+				queryCrsInfoByRecmdApi().then(res => {
 					courseListBase.value = res.body || []
 				})
-			break;
+				break;
 			case '生产线':
-				queryCrsInfoByPrdLineApi().then(res=>{
+				queryCrsInfoByPrdLineApi().then(res => {
 					courseListBase.value = res.body || []
 				})
-			break;
+				break;
 		}
 	}
 	// 跳转搜索页
@@ -326,58 +308,66 @@ import { onShow } from "@dcloudio/uni-app"
 		common.navigateTo('/pages/courseDetail/index?crsNum=' + item.crsNum + '&crsId=' + item.crsId)
 		// common.navigateTo('/pages/course/study?crsNum=' + item.crsNum)
 	}
-	onMounted(()=>{
-		getCourseTypeListApi().then(res=>{
-			courseTypeList.value = res.body||[]
+	onMounted(() => {
+		getCourseTypeListApi().then(res => {
+			courseTypeList.value = res.body || []
 		})
-		getPrdLineTypeListApi().then(res=>{
-			coursePrdlineList.value = res.body||[]
+		getPrdLineTypeListApi().then(res => {
+			coursePrdlineList.value = res.body || []
 		})
-		getTraTagListApi().then(res=>{
-			tagsTree.value = res.body||[]
+		getTraTagListApi().then(res => {
+			tagsTree.value = res.body || []
+		})
+		changeTab({
+			name: '全部'
 		})
-		changeTab({name:'全部'})
 	})
-  onActivated(() => {
+	onActivated(() => {
 		// 重新获取标签信息
-		getTraTagListApi().then(res=>{
-			tagsTree.value = res.body||[]
+		getTraTagListApi().then(res => {
+			tagsTree.value = res.body || []
+		})
+		changeTab({
+			name: activeTab.value || '全部'
 		})
-		changeTab({name:activeTab.value || '全部'})
 	});
 </script>
 
 
 <style lang="scss" scoped>
-	.course-center{
+	.course-center {
 		position: relative;
 		display: flex;
 		flex-direction: column;
-		.top-bg{
-			background: linear-gradient(16deg,rgba(234,246,255,0) 0%,#c3e6ff 100%);
+
+		.top-bg {
+			background: linear-gradient(16deg, rgba(234, 246, 255, 0) 0%, #c3e6ff 100%);
 			height: 480rpx;
 			width: 750rpx;
 		}
-		.bot-bg{
+
+		.bot-bg {
 			// background-color: #F6F8FF;
-			background: linear-gradient(136deg,rgba(234,246,255,0) 0%,#c3e6ff 100%);
+			background: linear-gradient(136deg, rgba(234, 246, 255, 0) 0%, #c3e6ff 100%);
 			width: 750rpx;
 			flex: 1;
 		}
-		.course-center-body{
+
+		.course-center-body {
 			position: absolute;
 			overflow: hidden;
-			left:0;
+			left: 0;
 			top: 0;
 			height: 100%;
 			width: 100%;
-			padding:0 15rpx;
+			padding: 0 15rpx;
 			box-sizing: border-box;
 			display: flex;
 			flex-direction: column;
 			padding-top: v-bind(pageTopPadding);
+
 			// padding-top: var(--status-bar-height);
-			.body-title{
+			.body-title {
 				height: 90rpx;
 				// background-color: red;
 				text-align: center;
@@ -386,28 +376,30 @@ import { onShow } from "@dcloudio/uni-app"
 				line-height: 46rpx;
 				box-sizing: border-box;
 				font-weight: 500;
-				color:#000;
+				color: #000;
 				position: relative;
+
 				// margin-bottom: 23rpx;
-				.arrow-icon{
+				.arrow-icon {
 					position: absolute;
-					left:36rpx;
-					top:20rpx;
+					left: 36rpx;
+					top: 20rpx;
 					color: #000;
 				}
 			}
-			.input-view{
-				
-			}
-			.tabs-view{
+
+			.input-view {}
+
+			.tabs-view {
 				background: #ffffff;
 				margin-top: 23rpx;
 				border-radius: 23rpx;
 				padding: 6rpx 10rpx 12rpx;
-				margin-bottom:15rpx;
+				margin-bottom: 15rpx;
 			}
-			.list-view{
-				flex:1;
+
+			.list-view {
+				flex: 1;
 				overflow: hidden;
 				margin-bottom: 15rpx;
 				background: #ffffff;
@@ -415,42 +407,48 @@ import { onShow } from "@dcloudio/uni-app"
 				display: flex;
 				flex-direction: column;
 				position: relative;
-				.filter-list{
+
+				.filter-list {
 					position: absolute;
 					top: 84rpx;
-					left:0;
+					left: 0;
 					width: 100%;
 					height: 588rpx;
 					padding-bottom: 80rpx;
 					overflow-y: hidden;
 					z-index: 2;
 					background-color: #f9f9f9;
-					box-shadow: 0rpx 12rpx 20rpx rgba(160,160,160,.25);
+					box-shadow: 0rpx 12rpx 20rpx rgba(160, 160, 160, .25);
 					border-radius: 0 0 0rpx 0rpx;
 					box-sizing: border-box;
 					position: relative;
-					.scroll-box-tags{
+
+					.scroll-box-tags {
 						height: 508rpx;
 						padding: 0rpx 25rpx;
 						box-sizing: border-box;
 					}
-					.filter-type{
+
+					.filter-type {
 						padding: 10rpx 0;
 						box-sizing: border-box;
-						.filter-type-title{
+
+						.filter-type-title {
 							font-size: 29rpx;
 							line-height: 40rpx;
 							margin-bottom: 15rpx;
 							color: #000;
 						}
-						.filter-type-list{
+
+						.filter-type-list {
 							overflow: hidden;
-							.filter-type-item{
+
+							.filter-type-item {
 								// width: calc(25% - 18rpx);
 								display: inline-block;
 								font-size: 29rpx;
 								box-sizing: border-box;
-								padding:0 20rpx;
+								padding: 0 20rpx;
 								white-space: nowrap;
 								text-overflow: ellipsis;
 								overflow: hidden;
@@ -462,19 +460,23 @@ import { onShow } from "@dcloudio/uni-app"
 								background-color: #f1f3f8;
 								border-radius: 6rpx;
 								margin-bottom: 20rpx;
-								&:nth-child(4n){
+
+								&:nth-child(4n) {
 									margin-right: 24rpx;
 								}
-								&.is-active{
+
+								&.is-active {
 									color: #06f;
 								}
 							}
 						}
-						&+.filter-type{
+
+						&+.filter-type {
 							margin-top: 20rpx;
 						}
 					}
-					.btns-box{
+
+					.btns-box {
 						height: 80rpx;
 						position: absolute;
 						background-color: #fff;
@@ -483,7 +485,8 @@ import { onShow } from "@dcloudio/uni-app"
 						width: 100%;
 						text-align: center;
 						padding-top: 10rpx;
-						.btn-sub{
+
+						.btn-sub {
 							display: inline-block;
 							text-align: center;
 							background-color: #06f;
@@ -493,7 +496,8 @@ import { onShow } from "@dcloudio/uni-app"
 							padding: 0 40rpx;
 							color: #fff;
 							border-radius: 8rpx;
-							&.cencle-btn{
+
+							&.cencle-btn {
 								background-color: #fff;
 								color: #06f;
 								margin-right: 40rpx;
@@ -501,13 +505,16 @@ import { onShow } from "@dcloudio/uni-app"
 						}
 					}
 				}
-				.filter-list{
+
+				.filter-list {
 					display: none;
-					&.show{
+
+					&.show {
 						display: block;
 					}
 				}
-				.filter-btn{
+
+				.filter-btn {
 					position: absolute;
 					right: 0;
 					top: 0;
@@ -518,11 +525,12 @@ import { onShow } from "@dcloudio/uni-app"
 					background: #fff;
 					z-index: 2;
 					text-align: center;
-					box-shadow: -4rpx 0 6rpx rgba(0,0,0,.05);
+					box-shadow: -4rpx 0 6rpx rgba(0, 0, 0, .05);
 					white-space: nowrap;
 					padding-right: 30rpx;
 					box-sizing: border-box;
-					.filter-icon{
+
+					.filter-icon {
 						// display: inline-block;
 						font-size: 26rpx;
 						position: absolute;
@@ -531,19 +539,23 @@ import { onShow } from "@dcloudio/uni-app"
 						transform: translateY(-50%);
 					}
 				}
-				.tags-view{
+
+				.tags-view {
 					height: 84rpx;
 					display: block;
 					padding: 20rpx 120rpx 20rpx 20rpx;
 					box-sizing: border-box;
 					white-space: nowrap;
 					border-bottom: 2rpx solid #eee;
-					.tags-item{
+
+					.tags-item {
 						margin-right: 30rpx;
 						display: inline-block;
-						::v-deep .uv-tags{
+
+						::v-deep .uv-tags {
 							padding: 0 20rpx;
-							.uv-tags__text{
+
+							.uv-tags__text {
 								white-space: nowrap;
 								overflow: hidden;
 								text-overflow: ellipsis;
@@ -552,15 +564,18 @@ import { onShow } from "@dcloudio/uni-app"
 						}
 					}
 				}
-				.course-list{
+
+				.course-list {
 					display: flex;
-					flex:1;
+					flex: 1;
 					overflow: hidden;
-					.left-type-list{
+
+					.left-type-list {
 						width: 152rpx;
 						border-right: 2rpx solid #eee;
 						overflow-y: auto;
-						.type-item{
+
+						.type-item {
 							min-height: 90rpx;
 							line-height: 40rpx;
 							font-size: 22rpx;
@@ -571,17 +586,20 @@ import { onShow } from "@dcloudio/uni-app"
 							word-break: break-all;
 							text-align: center;
 							white-space: pre-wrap;
-							&.is-active{
-								background-color: rgba(44,142,242,.1);
+
+							&.is-active {
+								background-color: rgba(44, 142, 242, .1);
 								color: #06f;
 							}
 						}
 					}
-					.right-course-list{
-						flex:1;
+
+					.right-course-list {
+						flex: 1;
 						overflow-y: auto;
-						.type-list{
-							.type-title{
+
+						.type-list {
+							.type-title {
 								font-size: 33rpx;
 								line-height: 43rpx;
 								margin: 20rpx 15rpx 5rpx;
@@ -591,7 +609,8 @@ import { onShow } from "@dcloudio/uni-app"
 								// white-space: nowrap;
 								word-break: break-all;
 								font-weight: 600;
-								.left-color{
+
+								.left-color {
 									width: 8rpx;
 									height: 33rpx;
 									margin-top: 5rpx;