修改首页字数判断

src/components/topPage.vue

@@ -65,7 +65,8 @@
                     <div v-for="(p,pin) in AppCon(item.url)" :key="pin+'p'">
                         <img class="imgApp"
                          :src="tabList[index].hovered ? p.hoverIcon ? p.hoverIcon : p.platformIcon : p.platformIcon" alt="">
-                        <div class="TabListName">
+                        <div class="TabListName" 
+                            :style="{width: p.name.length <= 6 ? '6em' : p.name.length === 7 ? '5em' : '6em'}">
                             {{ p.name }}
                         </div>
                     </div>
@@ -113,7 +114,7 @@
                         </div>
                            
                             
-                        <div class="TabListName">
+                        <div class="TabListName2">
                             <el-tooltip class="item" effect="light" :content="item.name" placement="bottom">
                                 <span>
                                     {{ item.name }}
@@ -495,17 +496,17 @@ import { myMixin } from "@/mixins/mixin.js"
                 if(val.toolId == 'study' && this.roleUser.type == 2){
                     _url = _url.replace(/([?&])classId=([^&]*)/, '$1cid=$2');
                 }else if (val.toolId == "AIPopCourse") {
-                    // 为了隐藏ai6侧边栏与顶部 
+                    // 为了隐藏ai通识课（ai6）侧边栏与顶部 
                     _url = _url +'&gotype=1'
                 }else if (val.toolId == "artintellCou") {
-                    // 笔架山ai6专属样式
+                    // 笔架山人工智能课程（ai6）专属样式
                     _url = _url +'&gotype=bjs'
                 }else if (val.toolId == "classroomOb") {
                     // 新版课堂观察
                     _url = url + queryString +'&showIntroduceType=1'
                 } else if (val.toolId == "crossstysys") {
-                    // 协同建构，跨学科学习系统版本
-                    _url = url + queryString +'&ly=1&person=liyuan'
+                    // 课堂教学评价系统（课堂观察系统）
+                    _url = url + queryString +'&showIntroduceType=1'
                 }
                 console.log('_url',_url);
 
@@ -738,6 +739,19 @@ import { myMixin } from "@/mixins/mixin.js"
     width: 150px;
 }
 .TabListName{
+    color: #1f2937;
+    font-size: 18px;
+    font-weight: 600;
+    margin: 0 0 5px;
+    margin-bottom: 4px;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-align: right;
+    text-overflow: ellipsis;
+}
+.TabListName2{
     color: #1f2937;
     font-size: 18px;
     font-weight: 600;