second-attributes.vue 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <template name="cm-attributes">
  2. <!-- 二手商品详情-->
  3. <view class="cm-attributes">
  4. <view class="wrap-info">
  5. <view class="info-viewT" :class="goodsData.isNoneDisabled ? 'none' : ''">
  6. <view class="info-viewL tui-skeleton-fillet">品牌:<text>{{product.brandName}}</text></view>
  7. <view class="info-viewL tui-skeleton-fillet">分类:<text>{{product.typeStr}}</text></view>
  8. <view class="info-viewL tui-skeleton-fillet">出厂日期:<text>{{product.fixedYears}}</text></view>
  9. <view class="info-viewL tui-skeleton-fillet">商品成色:<text>{{product.productQuality}}</text></view>
  10. <view class="info-viewL tui-skeleton-fillet">联系人:<text>{{product.contactName}}</text></view>
  11. <view class="info-viewL tui-skeleton-fillet">联系方式:<text>{{product.contactMobile}}</text></view>
  12. <view class="info-viewL tui-skeleton-fillet">商品类型:<text v-if="product.productType==1">医美</text><text v-else>非医美</text></view>
  13. <view class="info-viewL tui-skeleton-fillet">所在地:<text>{{product.provinceCityDistrict}}</text></view>
  14. </view>
  15. <view class="info-viewT" :class="goodsData.isNoneDisabled ? 'none' : ''" v-if="product.secondHandType==2">
  16. <view class="info-viewL tui-skeleton-fillet">市场价:<text>{{product.normalPriceStr}}</text></view>
  17. <view class="info-viewL tui-skeleton-fillet">采购价/原价:<text>{{product.originalPriceStr}}</text></view>
  18. <view class="info-viewL tui-skeleton-fillet">产品到期日:<text>{{product.maturityYears}}</text></view>
  19. <view class="info-viewL tui-skeleton-fillet">库存:<text>{{product.stock}}</text></view>
  20. </view>
  21. </view>
  22. </view>
  23. </template>
  24. <script>
  25. export default{
  26. name:'cm-attributes',
  27. props:{
  28. product:{
  29. type:Object,
  30. default: {}
  31. },
  32. goodsData:{
  33. type:Object,
  34. default: {}
  35. },
  36. },
  37. data() {
  38. return{
  39. }
  40. },
  41. created() {
  42. },
  43. methods:{
  44. },
  45. }
  46. </script>
  47. <style lang="scss">
  48. .bmCode{
  49. float: left;
  50. width: 702rpx;
  51. padding: 20rpx 24rpx 0 24rpx;
  52. border-bottom: 1px solid #F8F8F8
  53. }
  54. .tui-skeleton-fillet{
  55. color:#999999 ;
  56. }
  57. .tui-skeleton-fillet text{
  58. color: #333333;
  59. }
  60. </style>