index.wxml 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!--nova-tourism/pages/collect/collect-detail/index.wxml-->
  2. <nav type="back" background-color="#ffffff" frontColor="#000000" title="商品详细" />
  3. <view class="bax" style="height: {{contentHeight}}rpx;">
  4. <view class="all" style="height: {{contentHeight}}rpx;">
  5. <!-- 轮播图 -->
  6. <view class="picturebox">
  7. <swiper autoplay="{{true}}" indicator-dots='{{true}}' indicator-color='#D9D9D9' indicator-active-color='#F8DA7F' interval="{{3000}}" circular duration="{{500}}" class="img">
  8. <block wx:for="{{good.images}}" wx:key="index" wx:for-item="img">
  9. <swiper-item class="img">
  10. <image src="{{img}}" mode="aspectFill"></image>
  11. </swiper-item>
  12. </block>
  13. </swiper>
  14. </view>
  15. <view class="box">
  16. <view class="infobox">
  17. <view class="title">{{good.name}}</view>
  18. <view class="lebalbox">
  19. <block wx:for="{{good.tag}}" wx:key="index">
  20. <view class="lebal">{{item}}</view>
  21. </block>
  22. </view>
  23. <view class="carbox">
  24. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/62pr1k034930486.png"></image>
  25. <view class="car-tex">48小时内发货</view>
  26. </view>
  27. <block wx:if="{{!spec}}">
  28. <view class="carbox2">
  29. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/1st61g035044073.png"></image>
  30. <view class="car-tex">暂无其他规格</view>
  31. <van-icon name="arrow" size='15' color='#727783' style="margin-left: auto;" />
  32. </view>
  33. </block>
  34. <view wx:else class="carbox2" bind:tap="openSpec">
  35. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/1st61g035044073.png"></image>
  36. <view class="car-tex">{{checkSpec.name}}</view>
  37. <van-icon name="arrow" size='15' color='#727783' style="margin-left: auto;" />
  38. </view>
  39. <view class="carbox3">
  40. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/2bp2t7035055633.png"></image>
  41. <view class="carbox3-tex">
  42. <view class="carbox3-tex1">{{good.colors[0]}}</view>
  43. <block wx:for="{{good.colors}}" wx:key="index">
  44. <block wx:if="{{index>0}}">
  45. <view class="carbox3-tex2">{{item}}</view>
  46. </block>
  47. </block>
  48. <block wx:if="{{!good.colors.length}}">
  49. <view class="car-tex">暂无商品简介</view>
  50. </block>
  51. </view>
  52. </view>
  53. <view class="carbox4" data-url="/common-page/pages/address/index?type=1&activeColor=#3498ff" bind:tap="tourl">
  54. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/j2sn43035105148.png"></image>
  55. <view class="car-tex">{{(address.full_region+address.address)||'确认收货地址'}}</view>
  56. <van-icon name="arrow" size='15' color='#727783' style="margin-left: auto;" />
  57. </view>
  58. </view>
  59. <view class="tipbox">
  60. <view class="dinggou">
  61. <view class="dinggou-title">订购须知</view>
  62. <block wx:for="{{good.order_notice}}" wx:key="index">
  63. <view class="dinggou-tex">{{index+1}}.{{item}}</view>
  64. </block>
  65. </view>
  66. <block wx:if="{{good.order_images.length}}">
  67. <view class="picbox">
  68. <block wx:for="{{good.order_images}}" wx:key="index">
  69. <image src="{{item}}" mode="widthFix"></image>
  70. </block>
  71. </view>
  72. </block>
  73. <block wx:if="{{good.order_images.length<=0&&good.order_notice<=0}}">
  74. <view class="dinggou">
  75. <view class="dinggou-tex">暂无</view>
  76. </view>
  77. </block>
  78. <view class="dinggou">
  79. <view class="dinggou-title">售后须知</view>
  80. <block wx:for="{{good.aftersales_notice}}" wx:key="index">
  81. <view class="dinggou-tex">{{index+1}}.{{item}}</view>
  82. </block>
  83. <block wx:if="{{good.aftersales_notice.length<=0}}">
  84. <view class="dinggou-tex">暂无</view>
  85. </block>
  86. </view>
  87. </view>
  88. <view class="tipbox2">
  89. <view class="dinggou">
  90. <view class="dinggou-title">关于云上望仙</view>
  91. <block wx:for="{{good.about}}" wx:key="index">
  92. <view class="dinggou-tex">{{index+1}}.{{item}}</view>
  93. </block>
  94. </view>
  95. <view class="qrBox">
  96. <view class="logo">
  97. <image src="{{good.about_qr[0]}}" mode="widthFix" />
  98. </view>
  99. <view class="qr">
  100. <block wx:for="{{good.about_qr}}" wx:key="index">
  101. <image wx:if="{{index>0}}" src="{{item}}" mode="widthFix" />
  102. </block>
  103. </view>
  104. </view>
  105. <!-- <image src="https://img95.699pic.com/photo/60072/5330.jpg_wh860.jpg" mode="aspectFill"></image>
  106. <view>log</view>
  107. <view class="tip2-tex">公众号 抖音号 小红书</view> -->
  108. </view>
  109. </view>
  110. </view>
  111. <!-- 按钮 -->
  112. <view class="paybox">
  113. <view class="pay1">
  114. <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/rpl9a1024145457.png"></image>
  115. <view class="pay1-tex">首页</view>
  116. </view>
  117. <view class="pay2" bind:tap="submitOrder">
  118. <view class="pay2-tex">优惠0</view>
  119. <view class="pay2-tex2">实付款¥{{totalPrice}}</view>
  120. </view>
  121. </view>
  122. </view>
  123. <!-- 选择商品规格 -->
  124. <van-action-sheet show="{{ specBox }}" actions="{{spec}}" bind:close="closeSpec" description="选择商品规格" bind:select="getCheckSpec"></van-action-sheet>
  125. <payment style="z-index: 99999;" show="{{showPay}}" tradeNo="{{tradeNo}}" price="{{totalPrice}}" bind:payResult='acceptResult' showType="all" />