goodtail.wxml 6.6 KB
<import src="../../../wxParse/wxParse.wxml" />
<view class="goodregister" catchtouchmove='true' wx:if="{{buywrap}}">
  <view class="goodregisterwrap">


    <view class="iconfont icon-chahao" bindtap="hidebuywrap"></view>
    <view class="swiper_image">
      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" class="swiper_item_img" bindchange="swiperChange">
        <block wx:for="{{leatherPrice}}" wx:key="doct">
          <swiper-item>
            <image src="{{item.imgUrl}}" class="slide-image" width="355" height="150" mode="aspectFit" />
          </swiper-item>
        </block>
      </swiper>

      <view class="dots">
        <block wx:for="{{leatherPrice}}" wx:key="">
          <view class="dot{{index == currentSwiper ? ' active' : ''}}" style="background:{{item.colorRGB}}"></view>
        </block>
      </view>

      <view class="namedots">
        <block wx:for="{{leatherPrice}}" wx:key="">
          <view class="namedot {{index == currentSwipername?'nameactive' : ''}}">{{item.colorName}}</view>
        </block>
      </view>

    </view>



    <view class="goodtailchairname">{{goodname}}</view>

    <view class="goodtailprice">
      <text class="goodtailpricenum">¥{{price}}</text>
      <text class="oldgoodtailprice">原价{{originalPrice}}</text>
    </view>

    <view class="selectprice">已选择:{{color}}</view>
    <view class="buynum">
      <view class="buynumname">购买数量</view>



      <view class="reduceimg" bindtap="reduce">
        <image src="../../../img/aicon_05@2x.png"></image>
      </view>

      <view class="enterbuynum">
        <input placeholder='1' type="number" value="{{goodnum}}" />
      </view>

      <view class="addimg" bindtap="add">
        <image src="../../../img/aicon_03@2x.png"></image>
      </view>
    </view>

    <view class="onlyremain">仅剩{{inventorynum}}件</view>
    <view class="goodnumbottom" bindtap="sure">
      确认
    </view>
  </view>
</view>
<view class="goodtailhead">
  <view class="imgleft">
    <image src="{{imgUrl}}" mode="aspectFit"></image>
  </view>

  <view class="goodtailright">
    <view class="goodtailtitle"> {{title[0]}}</view>

    <view class="goodtailtitle"> {{title[1]}}</view>

    <view class="goodtailname">{{goodsdetail.name}}</view>
    <view class="safename">{{describe[0]}} </view>
    <view class="safename safetitle">{{describe[1]}}</view>

    <view class="oldprice">原价{{originalPrice}}</view>
    <view class="nowprice">¥{{price}} </view>

    <view class="colorname">颜色</view>

    <view class="colorlist">
      <view class="colorlistitem" wx:for="{{leatherPrice}}" wx:key="" style="background:{{item.colorRGB}}"></view>

    </view>
  </view>
</view>

<!-- 特色介绍图片 -->
<view class="goodtailbottom">
  <image src="{{goodsdetail.characteristics}}"></image>
  <!-- <view class="goodtailimg">

    <image src="../../../img/chairfive.png" mode="aspectFit"></image>

  </view> -->
  <!-- <view class="goodtailimg">

    <image src="../../../img/chairthree.png" mode="aspectFit"></image>

  </view>
  <view class="goodtailimg">

    <image src="../../../img/chairone.png" mode="aspectFit"></image>

  </view> -->
</view>
<!-- 多角度展示图片 -->
<view class="canshuimg">
  <image src="{{goodsdetail.multiDisplay}}"></image>
</view>


<view class="canshubox">
  <view class="canshuboxhead">
    <view class="goodcanshu {{canshu==false?'canshuboxitem':''}}" bindtap="shopintro">商品简介</view>
    <view class="goodcanshu {{canshu==true?'canshuboxitem':''}}" bindtap="shopintro">商品参数</view>
  </view>

  <view class="canshucontent" wx:if="{{canshu==false}}">
    <view class="canshugoodlist">

      <view class="goodtop">
        <view class="canshuboxleft">产品名称</view>
        <view class="canshuname">{{parameters.goodsName}}</view>
      </view>

      <view class="goodbottom">
        <view class="canshuboxleft">产品品牌</view>
        <view class="canshuname">{{parameters.goodsBrand}}</view>
      </view>


    </view>

    <view class="canshugoodlist">

      <view class="goodtop">
        <view class="canshuboxleft">产品颜色</view>
        <view class="canshuname">{{parameters.goodsColor}}</view>
      </view>

      <view class="goodbottom">
        <view class="canshuboxleft">产地</view>
        <view class="canshuname">{{parameters.originId}}</view>
      </view>


    </view>



    <view class="canshugoodlist">

      <view class="goodtop">
        <view class="canshuboxleft">体积</view>
        <view class="canshuname"> 约{{parameters.volume}}M</view>
      </view>

      <view class="goodbottom">
        <view class="canshuboxleft">重量</view>
        <view class="canshuname"> 约{{parameters.weight}}</view>
      </view>



    </view>


    <view class="canshugoodlist">
      <view class="goodtop">
        <view class="canshuboxleft">包装数量</view>
        <view class="canshuname"> {{parameters.packageNum}}件</view>
      </view>

      <view class="goodbottom">
        <view class="canshuboxleft">发货周期</view>
        <view class="canshuname"> {{parameters.deliveryCycle}}</view>
      </view>



    </view>

    <view class="caizhistate">
      <view class="canshuboxleft caizhiname">材质说明</view>
      <view class="caizhitext"> {{parameters.materialDesc}}</view>

    </view>
    <view class="caizhistate">
      <view class="canshuboxleft wuliu">物流说明</view>
      <view class="caizhitext"> {{parameters.logisticsDesc}}
      </view>

    </view>


    <view class="sizeimg">
      <image src="{{goodsdetail.sizeUrl}}" mode="{{widthFix}}"></image>
    </view>

  </view>

</view>


<view wx:if="{{canshu==true}}" class="intro">
  <!-- <view class="size">圆环椅尺寸</view>

  <view class="goodtailimgage">
    <image src="../../../img/goodtail_07.png" mode="widthFix"></image>
  </view> -->
  <template is="wxParse" data="{{wxParseData:article.nodes}}" />

</view>


<view class="goodtailbottomtext">
  <view class="goodtailbottomtextleft">
    <view class="hometoptext hometextone" bindtap="goindex">
      <view class="hometop">
        <image src="../../../img/nohome.png"></image>
      </view>
      <view class="homename">
        首页
      </view>

    </view>

    <view class="hometoptext hometextsecond">
      <view class="homeshop">
        <image src="../../../img/shopshang.png"></image>
      </view>
      <view class="homename">
        商城
      </view>
    </view>
  </view>

  <view class="goodtailbottomtextright">
    <view class="btnleft carleft" bindtap="addcar">加入购物车</view>
    <view class="btnright" bindtap="buynow">立即购买</view>
  </view>
</view>