index.wxml 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <view class='swiper_banner'>
  2. <swiper class="swiper-box" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActivecolor}}">
  3. <block wx:for="{{storeInfo.slider_image}}">
  4. <swiper-item>
  5. <image src="{{url}}{{item}}" class="slide-image"/>
  6. </swiper-item>
  7. </block>
  8. </swiper>
  9. </view>
  10. <view class='pro-wrapper'>
  11. <view class='pro-infos'>
  12. <view class='title'>
  13. {{storeInfo.store_name}}
  14. <view class="iconfont icon-fenxiang screen-shot" type="primary" bindtap='listenerActionSheet'></view>
  15. </view>
  16. <action-sheet hidden="{{actionSheetHidden}}" bindchange="listenerActionSheet" >
  17. <action-sheet-item >
  18. <button open-type="share" class='contact' >
  19. <view class='iconn'></view>
  20. 发送给朋友
  21. </button>
  22. <button class='contact' bindtap='goPoster' >
  23. <view class='iconn iconn1'></view>
  24. 生成海报
  25. </button>
  26. <!-- <view bindtap='goPoster' class='action-sheet'>
  27. <view class='iconn iconn1'></view>
  28. 生成海报
  29. </view> -->
  30. </action-sheet-item>
  31. <!--自动隐藏action-sheet-->
  32. <!-- <action-sheet-cancel>取消</action-sheet-cancel> -->
  33. </action-sheet>
  34. <view class='price-wrapper flex'>
  35. <view class='price'><text>¥</text>{{storeInfo.price}}</view>
  36. <block wx:for="{{storeKeyWord}}" wx:if="{{index < 4}}">
  37. <view class='small-txt red' wx:if="{{!index && item != ''}}">{{item}}</view>
  38. <view class='small-txt lv' wx:if="{{index == 1}}">{{item}}</view>
  39. <view class='small-txt chen' wx:if="{{index == 2}}">{{item}}</view>
  40. <view class='small-txt red' wx:if="{{index == 3}}">{{item}}</view>
  41. </block>
  42. </view>
  43. <view class='count-wrapper flex'>
  44. <view>原价:¥{{storeInfo.ot_price}}</view>
  45. <view>库存:{{storeInfo.stock}}{{storeInfo.unit_name}}</view>
  46. <view>销量:{{storeInfo.ficti+storeInfo.sales}}{{storeInfo.unit_name}}</view>
  47. </view>
  48. </view>
  49. <view class='block-bar' bindtap='goCoupon'>
  50. <text class='title'>领券</text>
  51. <text>领取优惠券 </text>
  52. </view>
  53. <!-- <view class='block-bar integral' wx:if="{{storeInfo.give_integral > 0}}">
  54. <text class='title'>积分</text>
  55. <text>购买可获得{{storeInfo.give_integral}}积分</text>
  56. </view> -->
  57. <view class='block-bar selected' bindtap='getAttrInfo'>
  58. <text class='title'>{{attr}}</text>
  59. <text>{{attrValue}}</text>
  60. </view>
  61. </view>
  62. <view class='evaluate-wrapper' wx:if="{{replyCount}}">
  63. <view class='common-title flex'>
  64. <view class='line'></view>
  65. <view class='iconfont icon-pinglun'></view>
  66. <view class='text'>评价</view>
  67. <view class='line'></view>
  68. </view>
  69. <view class='evaluate-hot'>
  70. <view class='hot-title'>宝贝评价({{replyCount}})</view>
  71. <view class='infos-wrapper'>
  72. <view class='user-info flex'>
  73. <image class='avatar' src='{{reply.avatar}}'></image>
  74. <text class='name'>{{reply.nickname}}</text>
  75. <view class='start star{{reply.star}}'></view>
  76. </view>
  77. <view class='txt-msg'>{{reply.comment}}</view>
  78. <view class='time-bar'>评论时间:{{reply.add_time}}</view>
  79. </view>
  80. <view wx:if="{{reply.merchant_reply_content}}">
  81. <view class='txt-msg'>
  82. 回复:{{reply.merchant_reply_content}}
  83. </view>
  84. <view class='time-bar'>回复时间:{{reply.merchant_reply_time}}</view>
  85. </view>
  86. <navigator wx:if="{{replyCount > 0}}" hover-class="none" url="/pages/comment/comment?productId={{storeInfo.id}}">查看全部评价</navigator>
  87. </view>
  88. </view>
  89. <view class='content-wrapper'>
  90. <view class='common-title flex'>
  91. <view class='line'></view>
  92. <view class='iconfont icon-tupian'></view>
  93. <view class='text'>详情</view>
  94. <view class='line'></view>
  95. </view>
  96. <template is="wxParse" data="{{wxParseData:description.nodes}}"/>
  97. </view>
  98. <view style='height:130rpx;'></view>
  99. <view class='foot flex'>
  100. <view class='fn-btns flex'>
  101. <view class='item' bindtap='goPhone'>
  102. <view class='iconfont icon-kefu'></view>
  103. <text>客服</text>
  104. </view>
  105. <view class='item' bindtap='setCollect'>
  106. <view class='iconfont icon-pingjia {{collect==true?"icon-xingxing":""}}'></view>
  107. <text>收藏</text>
  108. </view>
  109. <view class='item' bindtap='getCar'>
  110. <view class='iconfont icon-gouwuche'><span class='item-span'>{{CartCount}}</span></view>
  111. <text>购物车</text>
  112. </view>
  113. </view>
  114. <view class='btns-wrapper flex'>
  115. <view class='buy-btn' bindtap='parameterShow'>加入购物车</view>
  116. <view class='payment-btn' bindtap='goOrder'>确认下单</view>
  117. </view>
  118. </view>
  119. <view class='poster-pop' wx:if="{{posterImageStatus}}">
  120. <image src='/images/poster-close.png' class='close' bindtap='posterImageClose'></image>
  121. <image src='{{posterImage}}'></image>
  122. <view class='save-poster' bindtap='savePosterPath'>保存到手机</view>
  123. </view>
  124. <view class='mask' wx:if="{{posterImageStatus}}"></view>
  125. <canvas class="canvas" canvas-id='myCanvas' wx:if="{{canvasStatus}}"></canvas>
  126. <include src="/pages/home/home.wxml"/>
  127. <include src="/pages/foo-tan/foo-tan.wxml"/>
  128. <import src="/wxParse/wxParse.wxml"/>