ll

liukangdong

2024-08-21 41bd8b2b50dc308ea3a5784efccd856c073b3f37

 wechat_staff/pages/detailDis/product.wxml

@@ -1,61 +1,55 @@
<view>
  <view class="user">
    <view class="avatar"></view>
    <view class="content">
      <view class="name">丁梓林</view>
      <view class="desc">导购｜5年经验</view>
    </view>
    <view class="btn">联系TA</view>
<view class="main_app">
  <buoyClient class="buoyClient" showPurpose="1" class="buoyClient" />
  <detailFooter bindenjoy="handleEnjoy" path="0" info="{{info}}" />
  <!-- banner轮播 -->
  <view class="swiper_wrap">
    <swiper bindchange="bindchange" class="banner_swiper" circular indicator-dots="{{false}}" autoplay style="height:{{bannerHeight}}rpx" duration>
      <block wx:for="{{ info.bannerImgList }}">
        <swiper-item>
          <image data-url="{{ item }}" bindtap="priviewBanner" bindload="bannerbindload" mode="widthFix" src="{{ item }}"></image>
        </swiper-item>
      </block>
    </swiper>
    <view class="indicator">{{current + 1}}/{{info.bannerImgList.length}}</view>
  </view>
  <view class="main_content">
    <view class="title">莫西假日-餐厅</view>
    <view class="desc">简欧风格</view>
    <view class="text">家居风格不囿于固有形式，厨房功能不局限于一日三餐。
      元素与材质碰撞出的不仅是设计感，更是一种鲜明的不拘
      一格的现代态度，融合当下流行美学，构设空间的无风格
      化。</view>
    <view class="user counselor">
      <view class="avatar_wrap">
        <image class="avatar" mode="widthFix" src="../../static/icon/home_ic_guwen@2x.png"></image>
      </view>
      <view class="content">
        <view class="name">您的专属家居顾问</view>
        <view class="desc">您身边的全屋设计专家</view>
      </view>
      <view class="btn">去看看</view>
    </view>
    <view class="title">{{ info.title }}</view>
    <view class="desc" wx:if="{{ info.subtitle }}">{{ info.subtitle }}</view>
    <view class="text">{{ info.intro }}</view>
  </view>
  <!-- video -->
  <view class="video">
  <view wx:if="{{ info.video }}" class="video">
    <view class="title">产品视频</view>
    <video src=""></video>
    <view bindtap="playVideo" class="img_wrap">
      <image class="img" src="{{ info.coverImage }}" mode="aspectFill"></image>
      <view  class="play">
        <view>播放</view>
        <image src="../../static/icon/ic_play.png" class="icon"></image>
      </view>
    </view>
  </view>
  <view class="detail">
   <view class="detail">
    <view class="title">产品详情</view>
    <view class="line">
      <view class="label">品名：</view>
      <view class="val">莫西假日-餐厅</view>
    </view>
    <view class="line">
      <view class="label">工艺：</view>
      <view class="val">莫西假日-餐厅</view>
    <block wx:for="{{ info.productParamList }}">
      <view wx:if="{{ index < 5 || isFold }}" class="line" >
        <view class="label">{{ item.paramName }}：</view>
        <view class="val">{{ item.paramValue }}</view>
      </view>
    </block>
    <view wx:if="{{ info.productParamList.length > 5 }}" class="fold" bindtap="changeFold">
      <text>{{ isFold ? '收起' : '展开' }}</text>
      <van-icon class="icon" name="{{ isFold ? 'arrow-up' : 'arrow-down' }}" />
    </view>
  </view>
  <!-- footer -->
  <view class="footer" style="padding-bottom: {{bottomLift}}px;">
    <view class="btns">
      <view class="item">
        <image class="icon" src="../../static/icon/detail_nav_collected.png" mode="widthFix"></image>
        <view class="name">收藏</view>
      </view>
      <view class="item">
        <image class="icon" src="../../static/icon/detail_nav_share.png" mode="widthFix"></image>
        <view class="name">分享</view>
      </view>
      <view class="sub_btn">
        <image class="sheji" src="../../static/icon/ic_sheji.png" mode="widthFix"></image>
        <view>免费预约专属设计</view>
      </view>
  <!-- 富文本 -->
  <view wx:if="{{info.content}}">
    <mp-html content="{{info.content}}"></mp-html>
  </view>
  <view class="spaceList">
    <view data-url="{{ item.spaceImg }}" bindtap="priviewSpace" class="item" wx:for="{{ spaceList }}">
      <!-- <view class="name">{{ item.spaceName }}</view> -->
      <!-- <image src="{{ item.spaceImg }}" mode="widthFix" class="img"></image> -->
      <mp-html content="{{item.spaceContent}}"></mp-html>
    </view>
  </view>
</view>