convertProdDet.wxml 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!-- 积分兑换商品详情 -->
  2. <!--pages/integralProdDet/integralProdDet.wxml-->
  3. <scroll-view scroll-y="{{!showSku}}" style="height: 100%;">
  4. <view class="container">
  5. <!-- 轮播图 -->
  6. <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" indicator-color="{{indicatorColor}}" interval="{{interval}}" duration="{{duration}}" indicator-active-color="{{indicatorActiveColor}}">
  7. <block wx:for="{{imgs}}" wx:key='index'>
  8. <swiper-item>
  9. <image src='{{item}}'></image>
  10. </swiper-item>
  11. </block>
  12. </swiper>
  13. <!-- 轮播图end -->
  14. <!-- 商品信息 -->
  15. <view class='prod-info'>
  16. <view class="tit-wrap">
  17. <view class="prod-tit">{{prodName}}</view>
  18. </view>
  19. <view class="sales-p">{{brief}}</view>
  20. <!-- 积分商品价格 -->
  21. <view class="integral-prod-price">
  22. <text wx:if="{{price}}">{{wxs.parsePrice(defaultSku.price)[0]}}.{{wxs.parsePrice(defaultSku.price)[1]}}元 +</text>{{defaultSku.skuScore}} 积分
  23. </view>
  24. </view>
  25. <!-- 商品信息end -->
  26. <!-- 已选规格 -->
  27. <view class="sku" bindtap='showSku'>
  28. <view class="sku-tit">已选</view>
  29. <view class="sku-con">{{selectedProp.length>0?selectedProp+',':selectedProp}}{{prodNum}}件</view>
  30. <view class="more">...</view>
  31. </view>
  32. <!-- 已选规格end -->
  33. <!-- 商品详情 -->
  34. <view class="prod-detail">
  35. <view>
  36. <rich-text nodes="{{content}}"></rich-text>
  37. </view>
  38. </view>
  39. <!-- 商品详情end -->
  40. <!-- 规格弹窗 -->
  41. <view class="pup-sku" wx:if="{{skuShow}}">
  42. <view class="pup-sku-main">
  43. <view class='pup-sku-header'>
  44. <image class="pup-sku-img" src="{{defaultSku.pic?defaultSku.pic:pic}}"></image>
  45. <view class="prod-title">{{prodName}}</view>
  46. <!-- 积分商品价格 -->
  47. <view class="pup-sku-price">
  48. <text class="pup-sku-price-int" wx:if="{{defaultSku.price}}">¥{{wxs.parsePrice(defaultSku.price)[0]}}.{{wxs.parsePrice(defaultSku.price)[1]}}</text>
  49. <text wx:if="{{defaultSku.price && scorePrice }}">+</text> {{defaultSku.skuScore}} 积分
  50. </view>
  51. <view class="pup-sku-price" wx-if="{{!findSku}}">无货</view>
  52. <view class='pup-sku-prop'>
  53. <text>已选</text><text decode="{{true}}">&nbsp;{{selectedProp.length>0?selectedProp+',':selectedProp}}{{prodNum}}&nbsp;件</text>
  54. </view>
  55. <view class='close' bindtap='closePopup'></view>
  56. </view>
  57. <view class='pup-sku-body'>
  58. <view class="pup-sku-area">
  59. <block wx:for="{{skuGroup}}" wx:for-index="key" wx:for-item="value" wx:key='*this'>
  60. <view class='sku-kind'>{{key}}</view>
  61. <view class='sku-choose'>
  62. <block wx:for="{{value}}" wx:key='*this'>
  63. <text class="sku-choose-item {{wxs.array_contain(selectedProp,item)?'active':''}} {{['gray','','dashed'][wxs.props_contain2(allProperties,selectedPropObj,key,item,propKeys)]}}" data-ok="{{wxs.props_contain2(allProperties,selectedPropObj,key,item,propKeys)}}" bindtap='toChooseItem'
  64. data-key="{{key}}" data-val="{{item}}">{{item}}</text>
  65. </block>
  66. </view>
  67. </block>
  68. </view>
  69. <view class="pup-sku-count">
  70. <view class="num-wrap">
  71. <view class="minus" bindtap='onCountMinus'>
  72. <text class="row"></text>
  73. </view>
  74. <view class="text-wrap">
  75. <input type="number" value="{{prodNum}}" disabled />
  76. </view>
  77. <view class="plus" bindtap='onCountPlus'>
  78. <text class="row"></text>
  79. <text class="col"></text>
  80. </view>
  81. </view>
  82. <view class="count-name">数量</view>
  83. </view>
  84. </view>
  85. <!-- 积分 底部按钮 -->
  86. <view class="ex-integral-foot">
  87. <view class="ex-integral-btn">立即兑换</view>
  88. </view>
  89. </view>
  90. </view>
  91. <!-- 规格弹窗 end -->
  92. </view>
  93. </scroll-view>
  94. <!-- 积分 底部按钮 -->
  95. <!-- <view class="foot-btn-box"> -->
  96. <view class="ex-integral-foot">
  97. <view class="ex-integral-btn" bindtap="redeemNow">立即兑换</view>
  98. </view>
  99. <!-- </view> -->
  100. <wxs module="wxs" src="../../../wxs/number.wxs" />
  101. <!-- <login-popup bind:onGotUserInfo="onGotUserInfo" isAuthInfo="{{isAuthInfo}}"></login-popup> -->