detail.wxml 1.6 KB

123456789101112131415161718192021222324252627282930
  1. <i-navigation-bar back="{{showBackBtn}}" color="#FFFFFF" background="transparent" style="position:absolute;z-index:10000;top:0;">
  2. <cover-view slot="left">
  3. <cover-view bindtap='_backhome' class="nav-btn i-flex i-flex-alc">
  4. <cover-image class="img" src="/lionfish_comshop/images/zhuye.png"></cover-image>
  5. </cover-view>
  6. </cover-view>
  7. </i-navigation-bar>
  8. <scroll-view scrollY="false" style="height:100vh;">
  9. <view class="main">
  10. <view class="section">
  11. <video autoplay loop autoPauseIfOpenNative="true" controls="{{false}}" direction="0" id="myVideo" objectFit="{{is_heng==0?'fill':'contain'}}" showFullscreenBtn="{{false}}" src="{{goods.video}}"></video>
  12. </view>
  13. <cover-view bindtap="goDetails" class="goods" data-id="{{goods.id}}" wx:if="{{goods}}">
  14. <cover-view class="good-img">
  15. <cover-image src="{{goods.image_thumb?goods.image_thumb:'../../images/placeholder-refund.png'}}"></cover-image>
  16. </cover-view>
  17. <cover-view style="display: flex;flex-direction: column;justify-content: space-between;margin-right:10rpx;flex:1;">
  18. <cover-view class="good-title text-overflow2">{{goods.goodsname}}</cover-view>
  19. <cover-view class="xqbottom">
  20. <cover-view class="good-price">¥{{goods.price_front}}.{{goods.price_after}}</cover-view>
  21. <cover-image class="cart" src="../../images/icon-add-shopCart.png"></cover-image>
  22. </cover-view>
  23. </cover-view>
  24. </cover-view>
  25. <cover-view class="switch">
  26. <cover-view bindtap="pre" class="an">上一个商品</cover-view>
  27. <cover-view bindtap="next" class="an">下一个商品</cover-view>
  28. </cover-view>
  29. </view>
  30. </scroll-view>