cm-attributes.vue 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <template name="cm-attributes">
  2. <!-- 商品详情价格判断 -->
  3. <view class="cm-attributes">
  4. <view class="wrap-label" v-if="goodsData.isNoneDisabled">
  5. <view class="isLower">此商品已{{goodsData.disabledText}},请浏览以下推荐商品~</view>
  6. </view>
  7. <view class="wrap-info">
  8. <view class="info-viewT" :class="goodsData.isNoneDisabled ? 'none' : ''">
  9. <view class="info-viewL tui-skeleton-fillet">起订量:<text>{{product.minBuyNumber}}</text></view>
  10. <view class="info-viewR tui-skeleton-fillet">品牌:<text>{{product.brandName == null? '其他' : product.brandName}}</text></view>
  11. </view>
  12. <view class="info-viewT" :class="goodsData.isNoneDisabled ? 'none' : ''">
  13. <view class="info-viewL tui-skeleton-fillet">包装规格:<text>{{product.unit}}</text></view>
  14. <view class="info-viewR tui-skeleton-fillet">商品编码:<text>{{product.productCode}}</text></view>
  15. </view>
  16. <view class="info-viewT" :class="goodsData.isNoneDisabled ? 'none' : ''" v-if="product.productCode!=''&&product.productCode!=null">
  17. <view class="info-viewL tui-skeleton-fillet">库存:<text>{{product.stock}}</text></view>
  18. <view class="info-viewR tui-skeleton-fillet"></view>
  19. </view>
  20. </view>
  21. <view class="wrap-seve" :class="goodsData.isNoneDisabled ? 'none' : ''">
  22. <text class="tui-skeleton-rect">服务:</text>
  23. <text class="iconfont icon-dui tui-skeleton-rect"><text class="text">无忧退货</text></text>
  24. <text class="iconfont icon-dui tui-skeleton-rect"><text class="text">快速退款</text></text>
  25. <text class="iconfont icon-dui tui-skeleton-rect"><text class="text">正品保证</text></text>
  26. </view>
  27. </view>
  28. </template>
  29. <script>
  30. export default{
  31. name:'cm-attributes',
  32. props:{
  33. product:{
  34. type:Object,
  35. default: {}
  36. },
  37. goodsData:{
  38. type:Object,
  39. default: {}
  40. },
  41. },
  42. data() {
  43. return{
  44. }
  45. },
  46. created() {
  47. },
  48. methods:{
  49. },
  50. }
  51. </script>
  52. <style lang="scss">
  53. .bmCode{
  54. float: left;
  55. width: 702rpx;
  56. padding: 20rpx 24rpx 0 24rpx;
  57. border-bottom: 1px solid #F8F8F8
  58. }
  59. </style>