ld-goods-black.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <template>
  2. <view class="goodsItem u-border-one u-flex-center">
  3. <image :src="value.goods_cover" v-if="value.goods_cover" class="u-goods200 u-ml15" mode=""></image>
  4. <image :src="value.goods_img" v-if="value.goods_img" class="u-goods200 u-ml15" mode=""></image>
  5. <view class="right-block">
  6. <view class="u-text2 u-1A1A1A u-font28 textWidth u-text2">
  7. <text class="thirdTag" v-if="third == true">第三方</text><text>{{value.goods_title}}</text>
  8. </view>
  9. <view class="bottext u-flex-column-start u-flex1">
  10. <text class="u-font22 u-999 specifications" v-if="value.sku_set_name">规格: {{value.sku_set_name}}</text>
  11. </view>
  12. <view class="bottext u-flex1 u-flex">
  13. <rich-text class="font-red" v-if="value.sale_price" :nodes="$mUtil.priceBigSmall(value.sale_price)">
  14. </rich-text>
  15. <text class="u-font26 u-666 num-left" v-if="value.refund_num">x {{value.refund_num}}</text>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. export default {
  22. props: {
  23. value: {
  24. type: Object,
  25. default: {}
  26. },
  27. position: {
  28. type: Number,
  29. default: 0
  30. },
  31. keys: {
  32. type: Number,
  33. default: 0
  34. },
  35. third: {
  36. type: Boolean,
  37. default: false
  38. }
  39. },
  40. data() {
  41. return {
  42. price: 66.2
  43. }
  44. },
  45. methods: {
  46. evaluation(id) {
  47. let data = {
  48. id: id,
  49. keys: this.keys
  50. }
  51. this.$emit('parentevaluation', data)
  52. }
  53. }
  54. }
  55. </script>
  56. <style>
  57. .num-left {
  58. margin-left: 10rpx;
  59. font-weight: 500;
  60. }
  61. .font-red {
  62. color: red;
  63. }
  64. .specifications {
  65. margin-top: 20rpx;
  66. margin-bottom: 14rpx;
  67. }
  68. .right-block {
  69. height: 200rpx;
  70. margin-left: 30rpx;
  71. }
  72. .goodsItem {
  73. padding: 40rpx 0;
  74. position: relative;
  75. }
  76. .thirdTag {
  77. display: inline-block;
  78. background: #30b885;
  79. border-radius: 10rpx;
  80. line-height: 40rpx;
  81. text-align: center;
  82. margin-right: 10rpx;
  83. padding: 0 10rpx;
  84. color: #fff;
  85. font-size: 26rpx;
  86. }
  87. .textWidth {
  88. width: 420rpx;
  89. height: 80rpx;
  90. line-height: 40rpx;
  91. }
  92. .btnComment_status {
  93. position: absolute;
  94. right: 0;
  95. bottom: 60rpx;
  96. background-color: #0B844A;
  97. width: 180rpx;
  98. height: 65rpx;
  99. text-align: center;
  100. line-height: 65rpx;
  101. color: #fff;
  102. font-size: 28rpx;
  103. border-radius: 40rpx;
  104. }
  105. </style>