<!-- 户型轮播区域 --> <div class="layout-carousel mb-4"> <h3 class="mb-3">在售户型</h3> <div class="swiper layout-swiper"> <div class="swiper-wrapper"> <?php // 解析morepic字段数据 if($navinfor['morepic']) { $morepic = $navinfor['morepic']; $pic_array = explode("\r\n", $morepic); $i = 1; foreach($pic_array as $pic_item) { if(trim($pic_item) != '') { $pic_info = explode('::::::', $pic_item); $small_pic = $pic_info[0]; // 小图 $big_pic = $pic_info[1]; // 大图 $pic_desc = $pic_info[2]; // 图片说明 // 解析说明字段,格式:"户型名称|建筑面积|总价" $desc_parts = explode('|', $pic_desc); $house_type = isset($desc_parts[0]) ? $desc_parts[0] : '户型图'; $area = isset($desc_parts[1]) ? $desc_parts[1] : ''; $price = isset($desc_parts[2]) ? $desc_parts[2] : ''; ?> <!-- 户型 <?php echo $i; ?> --> <div class="swiper-slide"> <div class="layout-card"> <div class="layout-img"> <img src="<?php echo $small_pic; ?>" alt="<?php echo $house_type; ?>" data-bigpic="<?php echo $big_pic; ?>" data-housetype="<?php echo $house_type; ?>" data-area="<?php echo $area; ?>" data-price="<?php echo $price; ?>" onclick="showBigImage(this)"> </div> <h5><?php echo $house_type; ?></h5> <?php if($area): ?> <p class="text-muted">建筑面积:<?php echo $area; ?></p> <?php endif; ?> <?php if($price): ?> <p class="text-danger fw-bold">总价约:<?php echo $price; ?></p> <?php endif; ?> <button class="btn btn-outline-primary" onclick="showBigImage(this.previousElementSibling.previousElementSibling)"> 免费获取详细户型图 </button> </div> </div> <?php $i++; } } } ?> </div> <div class="swiper-pagination"></div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div>
这里这调用的代码,morepic新建成功。
|