hookehuyr

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

<!--
* @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>
......