修改样式

src/pages/activity/activity.vue

@@ -9,15 +9,15 @@
       <ul>
         <li @click="toType('onLine')" @mouseover="mouseOver('onLine')" @mouseleave="mouseLeave('onLine')">
           <img :src="require(`@/assets/images/huodong1${onLineHover?'-hover':''}.jpg`)" alt="" />
-          <div class="txt" :class="{ active: select === 'onLine'}">线上活动</div>
+          <div class="txt" :class="{ active: select === 'onLine'}"></div>
         </li>
         <li @click="toType('volunteer')" @mouseover="mouseOver('volunteer')" @mouseleave="mouseLeave('volunteer')" >
           <img :src="require(`@/assets/images/huodong2${volunteerHover?'-hover':''}.jpg`)" alt="" />
-          <div class="txt" :class="{ active: select === 'volunteer'}">志愿者服务</div>
+          <div class="txt" :class="{ active: select === 'volunteer'}"></div>
         </li>
         <li @click="toType('satisfaction')" @mouseover="mouseOver('satisfaction')" @mouseleave="mouseLeave('satisfaction')">
           <img :src="require(`@/assets/images/huodong3${satisfactionHover?'-hover':''}.jpg`)" alt="" />
-          <div class="txt" :class="{ active: select === 'satisfaction'}">满意度调查</div>
+          <div class="txt" :class="{ active: select === 'satisfaction'}"></div>
         </li>
       </ul>
     </div>

src/pages/collection/collection.vue

@@ -21,7 +21,6 @@
             alt=""
           />
           <div class="txt" :class="{ active: select === 'boutique'}">
-            精品典藏
           </div>
         </li>
         <li
@@ -38,7 +37,6 @@
             alt=""
           />
           <div class="txt" :class="{ active: select === 'threeDimensional'}">
-            三维藏品
           </div>
         </li>
       </ul>

src/pages/exhibition/exhibition.vue

@@ -20,7 +20,7 @@
             "
             alt=""
           />
-          <div class="txt" :class="{ active: select === 'hot' }">正在热展</div>
+          <div class="txt" :class="{ active: select === 'hot' }"></div>
         </li>
         <li
           @click="toType('preview')"
@@ -36,7 +36,6 @@
             alt=""
           />
           <div class="txt" :class="{ active: select === 'preview' }">
-            固定展览
           </div>
         </li>
 
@@ -54,7 +53,6 @@
             alt=""
           />
           <div class="txt" :class="{ active: select === 'review' }">
-            展览回顾
           </div>
         </li>
       </ul>

src/pages/information/information.vue

@@ -20,7 +20,7 @@
             "
             alt=""
           />
-          <div class="txt" :class="{ active: select==='recentNews' }">近期新闻</div>
+          <div class="txt" :class="{ active: select==='recentNews' }"></div>
         </li>
         <li
           @click="toType('activity')"
@@ -35,7 +35,7 @@
             "
             alt=""
           />
-          <div class="txt" :class="{ active: select==='activity' }">专项活动</div>
+          <div class="txt" :class="{ active: select==='activity' }"></div>
         </li>
         <li
           @click="toType('infor')"
@@ -50,7 +50,7 @@
             "
             alt=""
           />
-          <div class="txt" :class="{ active: select==='infor' }">信息公开</div>
+          <div class="txt" :class="{ active: select==='infor' }"></div>
         </li>
         <li
           @click="toType('book')"
@@ -65,7 +65,7 @@
             "
             alt=""
           />
-          <div class="txt" :class="{ active: select==='book' }">出版书籍</div>
+          <div class="txt" :class="{ active: select==='book' }"></div>
         </li>
       </ul>
     </div>

src/pages/service/service-detail.vue

@@ -40,7 +40,7 @@
                     :class="{ cur: serviceType === 'message' }"
                     @click="switchType('message')"
                   >
-                    <a>观众留言</a>
+                    <a>旅客留言</a>
                     <div class="arrow" v-if="serviceType === 'message'">
                       <img :src="require('@/assets/images/arrow.png')" alt="" />
                     </div>

src/pages/service/service.vue

@@ -20,7 +20,7 @@
             "
             alt=""
           />
-          <div class="txt" :class="{ active: select === 'guide'}">参观指南</div>
+          <div class="txt" :class="{ active: select === 'guide'}"></div>
         </li>
         <li
           @click="toType('message')"
@@ -35,7 +35,7 @@
             "
             alt=""
           />
-          <div class="txt" :class="{ active: select === 'message'}">观众留言</div>
+          <div class="txt" :class="{ active: select === 'message'}"></div>
         </li>
       </ul>
     </div>