detail.wxml 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <view class="goods-container">
  2. <wxs src="../../utils/filter.wxs" module="filter" />
  3. <!-- 轮播图 -->
  4. <view class="swiper">
  5. <swiper duration="600" bindchange="setPicIndex">
  6. <swiper-item wx:for="{{ goodsData.picUrl }}" wx:key="index" data-current="{{ goodsData.picUrl[index] }}" data-urls="{{ goodsData.picUrl }}" bindtap="previewImage">
  7. <image src="{{ item }}" />
  8. </swiper-item>
  9. </swiper>
  10. <view class="dots">{{ swiper_index + 1 }}/{{ goodsData.picUrl.length }}</view>
  11. </view>
  12. <view class="goods-content">
  13. <!-- 商品详情 -->
  14. <view class="goods-detail jhx_bg0">
  15. <view class="top acea-row row-between-wrapper">
  16. <view class="price">¥<text>{{ goodsData.curSpec.price }}</text></view>
  17. <button class="share-btn" open-type="share">
  18. <image src="/packageGoods/detail/icon_share.png" />
  19. </button>
  20. </view>
  21. <view class="acea-row row-between">
  22. <view class="name line1 line2">{{ goodsData.name }}</view>
  23. <view wx:if="{{ collectId }}" class="collect">
  24. <van-icon custom-class="collect-icon" name="goods-collect" color="#D32D2F" bindtap="toggleCollect" />
  25. <view>已收藏</view>
  26. </view>
  27. <view wx:else class="collect">
  28. <van-icon custom-class="collect-icon" name="goods-collect-o" color="#767a81" bindtap="toggleCollect" />
  29. <view>收藏</view>
  30. </view>
  31. </view>
  32. </view>
  33. <!-- 相关信息 -->
  34. <view class="information jhx_bg0">
  35. <view class="default acea-row row-middle" bindtap="showSpec">
  36. <view class="label">已选</view>
  37. <view style="flex: 1" class="acea-row row-between">
  38. <view>{{ filter.getCartSpec(goodsData.curSpec.specifications) }}</view>
  39. <van-icon name="arrow" size="14" color="#8e8e8e" />
  40. </view>
  41. </view>
  42. </view>
  43. </view>
  44. <view class="introduce acea-row row-center-wrapper">详情介绍</view>
  45. <!-- 详情图 -->
  46. <view class="detail-drawing jhx_bg0">
  47. <import src="/lib/wxParse/wxParse.wxml" />
  48. <template is="wxParse" data="{{ wxParseData: goodsDetail.nodes }}" />
  49. </view>
  50. <!-- 商品规格弹出框 -->
  51. <spec-popup show="{{ show_spec }}" goods="{{ goodsData }}" bindhideSpec="hideSpec" />
  52. </view>