detail.wxml 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <import src="detail.skeleton.wxml" />
  2. <template is="skeleton" wx:if="{{loading}}" />
  3. <!-- 轮播图 -->
  4. <swiper indicator-dots circular indicator-active-color='#333' wx:if="{{files.images.length!=0}}">
  5. <swiper-item wx:for="{{files.images}}" wx:key="attachmentid" data-index="{{index}}" data-type='image' bindtap="viewMedias">
  6. <van-image width="100vw" height="464rpx" fit="cover" src="{{item.cover}}" use-loading-slot use-error-slot lazy-load>
  7. <van-loading slot="loading" type="spinner" size="20" vertical />
  8. <text slot="error">{{language['加载失败']||'加载失败'}}</text>
  9. </van-image>
  10. </swiper-item>
  11. </swiper>
  12. <!-- 介绍 -->
  13. <view class="intr">
  14. <view class="title">
  15. {{detail.promname}}
  16. </view>
  17. <view class="tags">
  18. <text wx:if="{{detail.type}}">{{language[detail.type]||detail.type}}</text>
  19. <text wx:if="{{detail.brandname}}">{{language[detail.brandname]||detail.brandname}}</text>
  20. <text wx:if="{{detail.tradefield}}">{{language[detail.tradefield]||detail.tradefield}}</text>
  21. </view>
  22. <view class="exp">{{language['活动周期']||'活动周期'}}:{{detail.begdate || ' --'}}</view>
  23. <view class="exp">{{language['结束时间']||'结束时间'}}:{{detail.enddate || ' --'}}</view>
  24. <view class="exp">{{language['活动说明']||'活动说明'}}:{{detail.remarks || ' --'}}</view>
  25. </view>
  26. <view class="product-list">
  27. <view class="label" wx:if="{{groupList.length<=1}}">
  28. {{language['商品列表']||'商品列表'}}
  29. </view>
  30. <van-tabs wx:else active="{{ active }}" title-active-color='var(--assist)' color='var(--assist)' bind:change='tabChange'>
  31. <van-tab wx:for="{{groupList}}" wx:key="sa_promotion_itemgroupid" name='{{item.sa_promotion_itemgroupid}}' title="{{item.groupname}}" />
  32. </van-tabs>
  33. <navigator class="setclient-list-item" url="#" wx:for="{{list}}" data-file="{{item.attinfos}}" catchtap="viewImage" wx:key="itemno">
  34. <view class="mian">
  35. <view class="img">
  36. <van-image width="100%" height="100%" wx:if="{{item.cover}}" src="{{item.cover}}" use-loading-slot use-error-slot lazy-load>
  37. <van-loading slot="loading" type="spinner" size="20" vertical />
  38. <text slot="error" style="font-size: 24rpx;">{{language['暂无图片']||'暂无图片'}}</text>
  39. </van-image>
  40. <text wx:else class="err">{{language['暂无图片']||'暂无图片'}}</text>
  41. </view>
  42. <view class="dec">
  43. <view class="title line-1">
  44. {{item.itemname}}
  45. </view>
  46. <view class="subfield line-1">
  47. {{language['产品编号']||'产品编号'}}:{{item.itemno||' --'}}
  48. </view>
  49. <view class="subfield line-1">
  50. <text style="margin-right: 15rpx;">{{language['型号']||'型号'}}:{{language[item.model]||item.model||' --'}}</text>
  51. <text>{{language['规格']||'规格'}}:{{language[item.spec]||item.spec||' --'}}</text>
  52. </view>
  53. <view class="price line-1">
  54. {{language['价格']||'价格'}}:<text class="num">¥{{item.gradeprice || item.price}}元</text><text wx:if="{{item.gradeprice<item.oldprice ||item.price<item.oldprice}}" style="text-decoration:line-through; color:#999;">/{{item.oldprice+language['元']||'元'}}</text>
  55. </view>
  56. </view>
  57. </view>
  58. </navigator>
  59. <view wx:if="{{list.length==0}}" style="margin-left: -30rpx; padding-bottom: 150rpx;">
  60. <Yl_Empty />
  61. </view>
  62. </view>
  63. <view style="height: 150rpx;" />
  64. <view class="footer">
  65. <van-button custom-class='but' bindtap="clickBut">{{language['去下单']||'去下单'}}</van-button>
  66. </view>