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="comment_head">
	  <h4>
			商品评价
			<navigator url="../project-comment/project-comment?id={{project.id}}" open-type="navigate" class="showmore">查看更多 > </navigator>
	  </h4>
  </view>
  <view class="comment_box">
	  <view class="comment_box_list">
		  <view class="comment_list" wx:for="{{projectComment}}">
				<image src="{{item.head}}"></image>
				<view class="comment_user">
					{{item.nick_name}}
					<view class="comment_star">
						<view class="evaluateLv"><view class="list-item" wx:for="{{item.star}}" wx:for-item="item2"><image class="block" src="{{item2}}"></image></view></view>
					</view>
				</view>
				<p class="comment_txt">{{item.detail}}</p>
				<span class="comment_time"><format-time type="formatTime" value="{{item.create_time}}" ></format-time></span>
		  </view>
		  <!-- <view class="comment_list">
				<image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/icon/parner.png"></image>
				<view class="comment_user">
					name
					<view class="comment_star">
						<view class="evaluateLv"><view class="list-item" wx:for="{{lvList}}" wx:key="item"><image class="block" src="{{item}}" data-index="{{index}}"></image></view></view>
					</view>
				</view>
				<p class="comment_txt">asdfasdfasdffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</p>
				<span class="comment_time">2021-2-2 11:11:11</span>
		  </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" wx:if="{{readOnly == 0}}">
    <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 && project.left_count > 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 class="detail-footer" wx:if="{{readOnly == 1}}">
	  <button bindtap="back" style="background: #fff;color: #eab86a;"> 返回</button>
  </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" style="margin-top: 20rpx;">
          <h6 style="font-size: 35rpx;font-weight: bold;color: #666;">{{project.name}}</h6>
          <view class="dialog-word dialog-black" style="margin-top: 15rpx;color: #999;">库存{{project.left_count}}件   <text wx:if="{{project.have_size && (sname || cname)}}">(已选：{{cname}} {{sname}})</text></view>
          <view class="dialog-word dialog-red" style="font-size: 35rpx;margin-top: 25rpx;">
            <!-- {{project.price}}提货券 -->
            <currency symbol="￥" value="{{project.price}}"></currency>
          </view>
          <!-- <view class="dialog-word dialog-gray">或{{project.price}}提货券</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>
      
      <view wx:if="{{project.have_size}}" class="select-count">
      	<view wx:for="{{productSize}}" wx:for-item="i" wx:key="{{index}}">
      		<view wx:if="{{index != 'product'}}">
				<h5 class="sizeTitle">{{i.name}}</h5>
				<view wx:for="{{i.attr_values}}" wx:for-index="index2" wx:for-item="j" class="checkList">
					<span bindtap="checkSize" data-type='{{index}}' data-tname="{{j.name}}" data-list="{{index2}}" data-id="{{j.id}}" class="{{j.is_select?'active':''}}">
					{{j.name}}
					</span>
				</view>
			</view>
        </view>
      </view>
      
      
      <form bindsubmit="pay" report-submit="{{true}}" >
        <button class="dialog-btn" formType="submit" wx:if="{{showpay}}" disabled="{{canpay?'':'true'}}"><text wx:if="{{!noproduct}}">立即购买</text><text wx:if="{{noproduct}}">暂无库存</text></button>
      </form>
      <button class="dialog-btn" open-type="share" wx:if="{{!showpay}}"><text wx:if="{{!noproduct}}">立即购买</text><text wx:if="{{noproduct}}">暂无库存</text></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" style="margin-top: 20rpx;">
          <h6 style="font-size: 35rpx;font-weight: bold;color: #666;">{{project.name}}</h6>
          <view class="dialog-word dialog-black" style="margin-top: 15rpx;color: #999;">库存{{project.left_count}}件   <text wx:if="{{project.have_size && (sname || cname)}}">(已选：{{cname}} {{sname}})</text></view>
          <view class="dialog-word dialog-red" style="font-size: 35rpx;margin-top: 25rpx;">
            <!-- {{project.price}}提货券 -->
            <currency symbol="￥" value="{{project.price}}"></currency>
          </view>
          <!-- <view class="dialog-word dialog-gray">或{{project.price}}提货券</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>
      
      <view wx:if="{{project.have_size}}" class="select-count">
      	<view wx:for="{{productSize}}" wx:for-item="i" wx:key="{{index}}">
			<view wx:if="{{index != 'product'}}">
				<h5 class="sizeTitle">{{i.name}}</h5>
				<view wx:for="{{i.attr_values}}" wx:for-index="index2" wx:for-item="j" class="checkList">
					<span bindtap="checkSize" data-type='{{index}}' data-tname="{{j.name}}" data-list="{{index2}}" data-id="{{j.id}}" class="{{j.is_select?'active':''}}">
					{{j.name}}
					</span>
				</view>
			</view>
        </view>
      </view>
      
      <button class="detail-yellow" bindtap="addCart" style="width:100%" disabled="{{!canpay?'true':''}}"><text wx:if="{{!noproduct}}">加入购物车</text><text wx:if="{{noproduct}}">暂无库存</text></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>