fohow_xcx/pages/projects/project-detail/project-detail.wxml

<import src="../../../utils/wxParse/wxParse.wxml"/>
<view class="app detail-bg">
  <view class="detail-green" wx:if="{{project.is_support_poor === 1}}"></view>
  <view class="detail-info">
    <swiper indicator-dots="{{indicatorDots}}"
      autoplay="{{autoplay}}" bindchange='onSlideChangeEnd' interval="{{interval}}" indicator-dots="{{false}}" duration="{{duration}}" class="detail-swiper">
      <block wx:for="{{project.pics}}" wx:key="id">
        <swiper-item>
          <image src="{{item.img}}" class="detail-img" />
        </swiper-item>
      </block>
    </swiper>
    <view class="mokuai" wx:if="{{project.pics.length > 1}}">{{imgindex}}/{{project.pics.length}}</view>
    <view class="seckill-top" wx:if="{{project.is_under_seckill}}">
      <view class="seckill-title">
        <view class="seckill-time">
          <view class="time-click">
            <!--<view class="time-item time-kuang1">{{msecond}}</view>-->
            <view class="time-item time-kuang">{{second}}</view>
            <view class="time-item time-color"> : </view>
            <view class="time-item time-kuang">{{min}}</view>
            <view class="time-item time-color"> : </view>
            <view class="time-item time-kuang">{{hour}}</view>
          </view>
          <view class="time-text">本期剩余时间</view>
        </view>
      </view>
      <view><image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/neverse/otherskill.png" class="seckill-img" /></view>
    </view>
    
    <text class="detail-width detail-title">{{project.name}}</text>
    <button open-type="share" class="sharebtn"><image src="../../../images/footer/share.png" /><text>分享</text></button>
    <!--<view class="detail-width">
      <text class="detail-normal detail-mr">价格</text>
      <currency symbol="￥" value="{{project.price}}" class="detail-price"></currency>
    </view>-->


    <view class="detail-width">
      <view  style="color: #999;text-decoration: line-through;font-size: 23rpx;">
        <text class="detail-normal detail-mr" style="color: #999;text-decoration: line-through;font-size: 23rpx;margin-right:0">海外零售价：</text>
        <currency symbol="￥" value="{{project.user_sale_price}}"></currency>
      </view>
      <view class="detail-fl">
        <text class="detail-normal detail-mr">价格</text>
        <currency symbol="￥" value="{{project.price}}" class="detail-price"></currency>
        <text class="detail-pass" wx:if="{{project.is_under_seckill}}">({{project.seckill_show_price / 100}}元)</text>
      </view>
      <!-- <view class="detail-fl" wx:if="{{balance === 0 || balance < project.price}}">
        <text class="detail-normal detail-mr">价格</text>
        <currency symbol="￥" value="{{project.price}}" class="detail-price"></currency>
      </view>
      <view class="detail-fl" wx:if="{{balance !== 0 && balance >= project.price}}">
        <text class="detail-normal detail-mr">兑换</text>
        <text class="detail-normal" style="font-size:30rpx;color:#eab86a;">{{project.price}}代金券</text>
      </view> -->
      
      <view class="detail-fr">
        <text class="detail-normal">已售出{{project.sold_count}}件</text>
      </view>
      <view class="clean"></view>
      <view class="detail-stop" wx:if="{{todaysend < project.deliver_start_time && todaysend > project.deliver_stop_time}}">因物流停运 , <format-time type="formatmonth2" value="{{project.deliver_stop_time}}"></format-time>下单的 , 将于<format-time type="formatmonth2" value="{{project.deliver_start_time}}"></format-time>发货</view>
      <!--<view style="float:left">
        <view class="detail-normal detail-mr">支持</view>
        <image class="detail-icon" wx:if="{{project.robo_balance_price}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/rabbitpay_icon.png" />
        <image class="detail-icon" wx:if="{{project.mall_balance_price}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/integralpay_icon.png" />
        <image class="detail-icon" wx:if="{{project.price}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/weixinpay.png" />
      </view>-->
      <!-- <view class="detail-fr">
        <text class="detail-normal">已售出{{project.sold_count}}件</text>
      </view>-->
      <!--<view class="clean"></view>-->
    </view>
  </view>

  <view class="detail-no" wx:if="{{project.specification || project.no_delivery_area}}">
    <view class="detail-no-first" wx:if="{{project.specification}}">    
      <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/product/product-icon/maindetail.png" class="detail-no-img"/>
      <view class="detail-no-text">规格 : {{project.specification}}</view>
    </view>
    <view wx:if="{{project.no_delivery_area}}">    
      <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/product/product-icon/noaddress.png" class="detail-no-img1"/>
      <view class="detail-no-text">不发货地区 : {{project.no_delivery_area}}</view>
    </view>
  </view>

  <view class="detail-content">
    <text class="detail-content-title">———— 商品详情 ————</text>
<!--     <view class="detail-content-desc">
      {{project.detail}}
    </view> -->
    <view class="detail-parse">
      <template is="wxParse" data="{{wxParseData:parse.nodes}}"/>
<!--       <image wx:for="{{project.detail_pics}}" src="{{item.img}}" class="detail-project-img" bindload="imageLoad" data-list="{{project.detail_pics}}" data-src="{{item.img}}" data-index="{{index}}" bindtap="detailImg" wx:key="id" style="width:{{images[index].width}}rpx; height:{{images[index].height}}rpx;"></image> -->
    </view>
  </view>


  <view class="detail-footer">
    <view class="detail-footer-bar" style="padding-bottom: {{value}}rpx;">
      <view class="detail-footer-item" style="flex: 0.18;">
        <navigator url="../../home/home" open-type="switchTab">
          <image src="../../../images/footer/home.png" class="detail-footer-icon"></image>
          <text class="detail-footer-text">首页</text>
        </navigator>
      </view>
      
      <view class="detail-footer-item" style="flex: 0.18;">
        <navigator url="../../cart/cart" open-type="switchTab">
          <image src="../../../images/footer/shoppingcart.png" class="p-footer-icon"></image>
          <text class="p-footer-text">购物车</text>
        </navigator>
      </view>
      <!--
      <view class="detail-footer-item" style="flex: 0.18;">
        <navigator url="../../helpfarm/othercustom/othercustom" open-type="navigate">
          <image src="../../../images/footer/weixin.png" class="p-footer-icon"></image>
          <text class="p-footer-text">客服</text>
        </navigator>
      </view>
      -->
      <view class="detail-footer-item" style="flex: 0.18;" bindtap="createPoster">
        <image src="../../../images/footer/poster.png" class="p-footer-icon"></image>
        <text class="p-footer-text">分享</text>
      </view>
      <!-- <view class="detail-footer-item" style="flex: 0.5;">
        <image src="../../../images/footer/shoppingcart.png" class="detail-footer-icon"></image>
        <text class="detail-footer-text">购物车</text>
      </view> -->
      <button class="detail-footer-item detail-yellow" bindtap="toCart" wx:if="{{project.seckill_show_price <= 0}}">
        <text>加入购物车</text>
      </button>
      <form bindsubmit="toPay" report-submit="{{true}}" wx:if="{{project.left_count > 0 && project.seckill_state !='end'}}" class="detail-footer-item">
        <button class=" detail-red"  formType="submit">
          立即购买
        </button>
      </form>
      <form wx:if="{{project.left_count > 0 && project.seckill_state =='end'}}" class="detail-footer-item">
        <button class="detail-red" disabled="disabled" style="background: #ccc !important;color: #FFF !important;">
          秒杀已结束
        </button>
      </form>
      <view class="detail-footer-item detail-black" wx:if="{{project.left_count <= 0}}">
        <text>已售罄</text>
      </view>
    </view>
  </view>
</view>

<view wx:if="{{showDialog}}">
  <view class="dialog-panel" animation="{{animationData}}" style="padding-bottom: {{value}}rpx;">
    <view class="dialog-project">
      <image class="dialog-cancel" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/cancel.png" bindtap="toPay"></image>
      <view class="dialog-content">
        <image class="dialog-img" src="{{project.pics[0].img}}"></image>
        <view class="dialog-info">
          <view class="dialog-word dialog-red">
            <!-- {{project.price}}代金券 -->
            <currency symbol="￥" value="{{project.price}}"></currency>
          </view>
          <!-- <view class="dialog-word dialog-gray">或{{project.price}}代金券</view> -->
          <view class="dialog-word dialog-black">库存{{project.left_count}}件</view>
        </view>
        <view class="clean"></view>
      </view>

      <view class="select-count">
        <view class="select-word">数量</view>
        <view class="select-input">
          <button bindtap="mius">-</button>
          <input type="number" value="{{count}}" bindinput="changeCount" />
          <button bindtap="add">+</button>
        </view>
        <view class="clean"></view>
      </view>
      <form bindsubmit="pay" report-submit="{{true}}" >
        <button class="dialog-btn" formType="submit" wx:if="{{showpay}}">立即购买</button>
      </form>
      <button class="dialog-btn" open-type="share" wx:if="{{!showpay}}">立即购买</button>
    </view>
  </view>
  <view class="detail-dialog" bindtap="toPay"></view>
</view>

<view wx:if="{{showCartDialog}}">
  <view class="dialog-panel" animation="{{animationData}}" style="padding-bottom: {{value}}rpx;">
    <view class="dialog-project">
      <image class="dialog-cancel" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/cancel.png" bindtap="toCart"></image>
      <view class="dialog-content">
        <image class="dialog-img" src="{{project.pics[0].img}}"></image>
        <view class="dialog-info">
          <view class="dialog-word dialog-red">
            <!-- {{project.price}}代金券 -->
            <currency symbol="￥" value="{{project.price}}"></currency>
          </view>
          <!-- <view class="dialog-word dialog-gray">或{{project.price}}代金券</view> -->
          <view class="dialog-word dialog-black">库存{{project.left_count}}件</view>
        </view>
        <view class="clean"></view>
      </view>

      <view class="select-count">
        <view class="select-word">数量</view>
        <view class="select-input">
          <button bindtap="mius">-</button>
          <input type="number" value="{{count}}" bindinput="changeCount" />
          <button bindtap="add">+</button>
        </view>
        <view class="clean"></view>
      </view>
      <button class="detail-yellow" bindtap="addCart" style="width:100%">加入购物车</button>
    </view>
  </view>
  <view class="detail-dialog" bindtap="toCart"></view>
</view>

<view class="poster" wx:if="{{posterPopup}}" catchtouchmove="stopPageScroll">
  <view class="poster-main">
    <view style="height: 60rpx;"></view>
    <view class="poster-close" bindtap="posterClose"></view>
    <image class="poster-img" src="{{posterImage}}"></image>
    <view class="poster-text">保存图片，叫伙伴们来围观吧</view>
    <view class="poster-btn" bindtap="saveImage">
      <view class="poster-icon"></view>
      <view class="poster-save" >保存</view>
      <view class="clear"></view>
    </view>
  </view>
  
</view>

<view class="canvas-position">
  <canvas class="canvas" style="width: 750px; height: 1334px" canvas-id="myCanvas" ></canvas>
</view>

<view class="popup-bg" wx:if="{{popup}}">
  <view class="popup" >
    <view class="popup-title">提示</view>
    <view class="popup-logobg">
      <view class="popup-image" ></view>
    </view>
    <text class="popup-hint">FOHOW玖玖申请同意相册保存\n以确保正常使用保存相册功能</text>
    <button class="popup-bottom" open-type="openSetting" bindopensetting="setting">确认</button>
  </view>
</view>