jiangping
2024-07-19 bf99ae66d14857dfcd97dc6ccb8e82a38d3bd75f
wechat_jiaxuan/pages/detailDis/product.wxml
@@ -1,5 +1,5 @@
<view>
  <view class="user">
  <view class="user" wx:if="{{ false }}">
    <view class="avatar"></view>
    <view class="content">
      <view class="name">丁梓林</view>
@@ -7,55 +7,78 @@
    </view>
    <view class="btn">联系TA</view>
  </view>
  <!-- banner轮播 -->
  <swiper class="banner_swiper" circular indicator-dots autoplay style="height:{{bannerHeight}}rpx" duration>
    <block wx:for="{{ info.bannerImgList }}">
      <swiper-item>
        <image bindload="bannerbindload" mode="widthFix" src="{{ item }}"></image>
      </swiper-item>
    </block>
  </swiper>
  <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>
    <authCard type="{{ member.authStatus }}" />
  </view>
  <!-- video -->
  <view class="video">
  <view wx:if="{{ info.video }}" class="video">
    <view class="title">产品视频</view>
    <video src=""></video>
    <view class="img_wrap">
      <image class="img" src="{{ info.coverImage }}" mode="widthFix"></image>
      <view bindtap="playVideo" class="play">播放</view>
    </view>
  </view>
  <view class="detail">
    <view class="title">产品详情</view>
    <view class="line">
      <view class="label">品名:</view>
      <view class="val">莫西假日-餐厅</view>
    <view class="line" wx:for="{{ info.productParamList }}">
      <view class="label">{{ item.paramName }}:</view>
      <view class="val">{{ item.paramValue }}</view>
    </view>
    <view class="line">
      <view class="label">工艺:</view>
      <view class="val">莫西假日-餐厅</view>
  </view>
  <!-- 富文本 -->
  <view>
    <!-- <mp-html content="{{info.content}}"></mp-html> -->
  </view>
  <view class="spaceList">
    <view class="item" wx:for="{{ info.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>
  <!-- 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>
      <button class="item btn">
        <image data-code="like_cancel" bindtap="handleAction" wx:if="{{ info.isCollection }}" class="icon" src="../../static/icon/detail_nav_collected.png" mode="widthFix"></image>
        <image wx:else data-code="like" bindtap="handleAction" class="icon" src="../../static/icon/detail_nav_collect.png" mode="widthFix"></image>
        <view class="name">收藏</view>
      </view>
      <view class="item">
      </button>
      <button open-type="share" class="item btn" bindtap="handleShare">
        <image class="icon" src="../../static/icon/detail_nav_share.png" mode="widthFix"></image>
        <view class="name">分享</view>
      </view>
      <view class="sub_btn">
      </button>
      <view class="sub_btn" bindtap="handleDesign">
        <image class="sheji" src="../../static/icon/ic_sheji.png" mode="widthFix"></image>
        <view>免费预约专属设计</view>
      </view>
    </view>
  </view>
  <!--  -->
  <van-popup position="bottom" show="{{ showShare }}" bind:close="onClose">
    <view class="share_modal">
      <view class="btns">
        <button open-type="share" class="item" bindtap="handleShare">
          <image src="../../static/icon/wechat.png"></image>
          <view>发送好友</view>
        </button>
        <button class="item" bindtap="handleDown">
          <image src="../../static/icon/download.png"></image>
          <view>下载海报</view>
        </button>
      </view>
      <view bindtap="onClose" class="cancel">取消</view>
    </view>
  </van-popup>
</view>