优化

src/views/trainingVideo/List.vue

@@ -2,11 +2,10 @@
 import { computed, nextTick, onMounted , ref , watch} from 'vue';
 import { useRoute , useRouter} from "vue-router";
 import {apiClassifyList,apiTagList,apiVideoList} from '@/api/trainingVideoApi';
-import { Search } from '@element-plus/icons-vue'
-
+import { Search } from '@element-plus/icons-vue';
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
 const route = useRoute()
 const router = useRouter()
-
 let classifyList = ref([]) //分类列表
 let choosedClassify = ref({ClassifyId:0}) //所选分类
 let choosedSubClassify = ref({ClassifyId:0}) //所选二级分类
@@ -148,7 +147,10 @@ onMounted(()=>{
                 </el-popover>
                 
             </div>
-            <div class="expand-btn" v-show="boxWidth<=classifyWidth" @click="isClassifyListExpand = !isClassifyListExpand">{{isClassifyListExpand?'收起':'展开'}}</div>
+            <div class="expand-btn" v-show="boxWidth<=classifyWidth" @click="isClassifyListExpand = !isClassifyListExpand">
+                {{isClassifyListExpand?'收起':'展开'}}
+                <el-icon :class="{'expand':isClassifyListExpand}"><ArrowRight /></el-icon>
+            </div>
         </div>
         <div class="tag-box select">
             <span style="align-self:center;white-space: nowrap;">标签:</span>
@@ -158,7 +160,10 @@ onMounted(()=>{
                 <span class="list-item" :class="{'active':choosedTags.findIndex(i=>i.TagId===item.TagId)!==-1}"
                     v-for="item in tagList" :key="item.TagId" @click="changeTags(item)">{{item.TagName}}</span>
             </div>
-            <div class="expand-btn" v-show="boxWidth<=tagWidth" @click="isTagListExpand = !isTagListExpand">{{isTagListExpand?'收起':'展开'}}</div>
+            <div class="expand-btn" v-show="boxWidth<=tagWidth" @click="isTagListExpand = !isTagListExpand">
+                {{isTagListExpand?'收起':'展开'}}
+                <el-icon :class="{'icon-expand':isTagListExpand}"><ArrowRight /></el-icon>
+            </div>
         </div>
         <div class="select-box">
             <el-select v-model="selectValue" placeholder="Select" size="large" @change="handleCurrentChange(1)">
@@ -191,14 +196,17 @@ onMounted(()=>{
             </div>
         </div>
         <div class="page-box">
-            <el-pagination
-                v-model:current-page="currentIndex"
-                layout="total,->,prev,pager,next,jumper" 
-                :page-size="15" 
-                :total="total"
-                @current-change="handleCurrentChange"
-               >
-            </el-pagination>
+            <el-config-provider :locale="zhCn">
+                <el-pagination
+                    v-model:current-page="currentIndex"
+                    layout="total,->,prev,pager,next,jumper" 
+                    :page-size="15" 
+                    :total="total"
+                    @current-change="handleCurrentChange"
+                >
+                </el-pagination>
+            </el-config-provider>
+            
         </div>
         <!-- teleport search -->
         <Teleport to=".layout-header-other" v-if="beforeMounted">
@@ -230,6 +238,9 @@ onMounted(()=>{
             padding:8px;
             background-color: #F2F6FA;
             }
+        .icon-expand{
+            transform: rotate(90deg);
+        }
         .list{
             flex:1;
             display: flex;