fix 荣誉展示移动端显示优化，箭头显示问题处理

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-28 10:53:33
+ * @LastEditTime: 2024-11-05 10:48:20
  * @FilePath: /hager/src/views/about/honors.vue
  * @Description: 关于海格-荣誉展示
 -->
@@ -68,7 +68,7 @@
           </div>
         </swiper-slide>
       </swiper>
-      <div v-if="item.list.length > item.slidesPerView || is_xs" class="xs-control">
+      <div v-if="item.list.length > item.slidesPerView" class="xs-control">
         <div>
           <i :class="['el-icon-arrow-left', item.activeIndex === 0 ? 'disabled' : '']" @click="prevBtn(item)"></i>&nbsp;
           <i :class="['el-icon-arrow-right', item.reach_end ? 'disabled' : '']" @click="nextBtn(item)"></i>
@@ -144,6 +144,7 @@ export default {
       });
       this.honors_cate_list = this.all_honors_list[0]['children']; // 默认第一个
       this.honors_cate_list.forEach((item) => {
+        item.activeIndex = 0;
         this.$nextTick(() => {
           const swiperRef = this.$refs[`mySwiper${item.id}`];
           if (swiperRef && swiperRef[0].$swiper) {
@@ -193,9 +194,10 @@ export default {
       } else {
         item.reach_end = false;
       }
+      this.$forceUpdate();
     },
     checkOverflow () { // 检测内容是否超出,避免overflow IE显示问题
-      this.$refs.contentDiv.forEach(div => {
+      this.$refs.contentDiv?.forEach(div => {
         // 判断内容是否超出 div 的高度
         if (div.scrollHeight > div.clientHeight) {
           div.style.overflowY = 'scroll';