fix 解决方案的成功案例内容过少，判断有值才显示

hookehuyr
Commit 917a52d641cd92140d6433e62d83bb6885b6134f 917a52d6 1 parent 906f63cc
Showing 1 changed file with 5 additions and 24 deletions
src/views/solution/case.vue
--- a/src/views/solution/case.vue
View file @917a52d
+++ b/src/views/solution/case.vue
View file @917a52d
 <!--
  * @Date: 2024-10-18 12:06:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-29 13:43:42
+ * @LastEditTime: 2024-12-04 11:16:58
  * @FilePath: /hager/src/views/solution/case.vue
  * @Description: 文件描述
 -->
@@ -47,7 +47,7 @@
         <p v-html="success_info.post_excerpt"></p>
       </div>
     </hager-box>
-    <hager-box v-if="!is_xs" class="box-n">
+    <hager-box v-if="!is_xs && text_img" class="box-n">
       <el-row class="solution-case-banner">
         <el-col :span="16">
           <div class="solution-case-img" :style="{ 'background-image': 'url(' + text_img + ')' }"></div>
@@ -55,52 +55,33 @@
         <el-col :span="8">
           <div class="solution-case-box" style="padding: 1rem 2rem;">
             <p v-html="success_info.post_content"></p>
-            <!-- <div class="title">
-              <p class="c" style="font-size: 1.1rem;">智能产品 精准助力</p>
-            </div>
-            <p style="overflow-y: auto; margin-top: 0.5rem;">
-              海格电气为新疆华电哈密2×100万千瓦煤电项目提供有力的技术支持，提供智能空气断路器、塑壳断路器，EW交流接触器等智能化产品和服务。
-              HW+空气断路器全系列均标配了LCD液晶显示屏，具有高对比度、高亮度、大字体的特点，方便运维人员在明亮的环境或黑暗的环境下，从不同方向，不同角度轻松读取数据，快速做出运维决策。
-              塑壳断路器采用智能型控制器与微处理器技术，LSI型脱扣单元具有动作电流和动作时间在线调整功能。其中，短路短延时时间可从0.05S调整到1S，调整范围更加宽泛，为现场实现选择性保护提供技术支撑。
-            </p> -->
           </div>
         </el-col>
       </el-row>
     </hager-box>
-    <div v-else>
+    <div v-if="is_xs && text_img">
       <div style="padding: 1rem;">
-        <!-- <div class="solution-case-img xs" :style="{ 'background-image': 'url('+ item.img +')' }"></div> -->
         <div class="solution-case-img xs" :style="{ 'background-image': 'url(' + text_img + ')' }"></div>
         <div class="solution-case-box xs">
           <p v-html="success_info.post_content"></p>
-          <!-- <div class="title">
-            <p class="c xs">智能产品 精准助力</p>
-          </div>
-          <p style="margin-top: 1rem;">
-            海格电气为新疆华电哈密2×100万千瓦煤电项目提供有力的技术支持，提供智能空气断路器、塑壳断路器，EW交流接触器等智能化产品和服务。
-            HW+空气断路器全系列均标配了LCD液晶显示屏，具有高对比度、高亮度、大字体的特点，方便运维人员在明亮的环境或黑暗的环境下，从不同方向，不同角度轻松读取数据，快速做出运维决策。
-            塑壳断路器采用智能型控制器与微处理器技术，LSI型脱扣单元具有动作电流和动作时间在线调整功能。其中，短路短延时时间可从0.05S调整到1S，调整范围更加宽泛，为现场实现选择性保护提供技术支撑。
-          </p> -->
         </div>
       </div>
     </div>
-    <hager-box>
+    <hager-box v-if="success_info.post_text">
       <div :class="['case-content', is_xs ? 'xs' : '']" v-html="success_info.post_text"></div>
     </hager-box>
-    <hager-box class="box-n">
+    <hager-box v-if="case_img.length" class="box-n">
       <div style="padding: 1vw; background-color: #F3F3F3;">
         <swiper ref="myProductSwiper" class="swiper" :options="swiperOption" @slideChange="onProductSlideChange">
           <swiper-slide v-for="(item, index) in case_img" :key="index">
             <div class="solution-card-box">
               <div class="card-image-wrapper">
-                <!-- <el-image :src="item.src" fit="fit"></el-image> -->
                 <img :src="item.value" style="">
               </div>
             </div>
           </swiper-slide>
         </swiper>
         <div v-if="case_img.length > productSlidesPerView || is_xs" class="hager-product-center-more">
-          <!-- <hager-more></hager-more> -->
           <div class="xs-control">
             <div>
               <i :class="['el-icon-arrow-left', activeProductIndex === 0 ? 'disabled' : '']" @click="prevProductBtn()"></i>