goodtail.wxml 6.3 KB
<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="{{imgUrls}}" wx:key="doct">
          <swiper-item>
            <image src="{{item.url}}" class="slide-image" width="355" height="150" mode="aspectFit" />
          </swiper-item>
        </block>
      </swiper>

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

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

    </view>

    <view class="goodtailchairname">IMG 舒适升级款 圆环椅</view>

    <view class="goodtailprice">
      <text class="goodtailpricenum">¥5699 </text>
      <text class="oldgoodtailprice">原价12372</text>
    </view>

    <view class="selectprice">已选择:深灰</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">仅剩5件</view>

    <view class="goodnumbottom" bindtap="sure">
      确认
    </view>
  </view>
</view>
<view class="goodtailhead">
  <view class="imgleft">
    <image src="../../../img/chairfour.png" mode="aspectFit"></image>
  </view>

  <view class="goodtailright">
    <view class="goodtailtitle"> 更贴合的设计</view>

    <view class="goodtailtitle"> 是TA的全部定义</view>

    <view class="goodtailname">img 舒适升级款 圆环椅</view>
    <view class="safename">贴合的包裹设计 </view>
    <view class="safename safetitle">舒服得像是躺在床上 </view>

    <view class="oldprice">原价12372</view>
    <view class="nowprice">¥5699 </view>

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

    <view class="colorlist">
      <view class="colorlistitem"></view>
      <view class="colorlistitem"></view>
      <view class="colorlistitem"></view>
      <view class="colorlistitem"></view>
      <view class="colorlistitem"></view>
      <view class="colorlistitem"></view>
    </view>
  </view>
</view>
<view class="goodtailbottom">
  <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="../../../img/canshu_03.png"></image>
</view>


<view class="canshubox">
  <view class="canshuboxhead">
    <view class="goodcanshu {{canshu==true?'canshuboxitem':''}}" bindtap="shopintro">商品简介</view>
    <view class="goodcanshu {{canshu==false?'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">舒适椅-天空椅</view>
      </view>

      <view class="goodbottom">
        <view class="canshuboxleft">产品品牌</view>
        <view class="canshuname">IMG</view>
      </view>


    </view>

    <view class="canshugoodlist">

      <view class="goodtop">
        <view class="canshuboxleft">产品颜色</view>
        <view class="canshuname">深蓝色</view>
      </view>

      <view class="goodbottom">
        <view class="canshuboxleft">产地</view>
        <view class="canshuname">挪威</view>
      </view>


    </view>



    <view class="canshugoodlist">

      <view class="goodtop">
        <view class="canshuboxleft">体积</view>
        <view class="canshuname"> 约0.58M</view>
      </view>

      <view class="goodbottom">
        <view class="canshuboxleft">重量</view>
        <view class="canshuname"> 约36KG</view>
      </view>



    </view>


    <view class="canshugoodlist">
      <view class="goodtop">
        <view class="canshuboxleft">包装数量</view>
        <view class="canshuname"> 1件</view>
      </view>

      <view class="goodbottom">
        <view class="canshuboxleft">重量</view>
        <view class="canshuname"> 约36KG</view>
      </view>



    </view>

    <view class="caizhistate">
      <view class="canshuboxleft caizhiname">材质说明</view>
      <view class="caizhitext"> 钢管框架+冷硫泡棉+头层牛皮+</view>

    </view>
    <view class="caizhistate">
      <view class="canshuboxleft wuliu">物流说明</view>
      <view class="caizhitext"> 全国大部分城市提供配送服务,详情咨询客服 (如港澳台新疆西藏云南甘肃广西海南宁夏青 海部分偏远地区)
      </view>

    </view>

  </view>

</view>


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

<view class="goodtailimgage">
  <image src="../../../img/goodtail_07.png" mode="widthFix"></image>
</view>


</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>