<template>
  <view class="goodsItem u-border-one u-flex-center">
    <image
      :src="value.productCover"
      v-if="value.productCover"
      class="u-goods200 u-ml15"
      mode=""
    ></image>
    <view class="right-block">
      <view class="u-text2 u-1A1A1A u-font28 textWidth">{{
        value.productTitle
      }}</view>
      <view class="bottext u-flex-column-start u-flex1">
        <text class="u-font22 u-999 specifications" v-if="value.skuSetName"
          >规格： {{ value.skuSetName }}</text
        >
      </view>
      <view class="bottext u-flex1 u-flex" style="align-items: flex-end;">
        <rich-text
          class="font-red"
          v-if="value.skuPrice"
          :nodes="$mUtil.priceBigSmall(value.skuPrice)"
        >
        </rich-text>
        <text class="u-font26 u-666 num-left" v-if="value.refundNum"
          >x {{ value.refundNum }}</text
        >
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    value: {
      type: Object,
      default: {},
    },
    position: {
      type: Number,
      default: 0,
    },
    keys: {
      type: Number,
      default: 0,
    },
    third: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      price: 66.2,
    };
  },
  methods: {
    evaluation(id) {
      let data = {
        id: id,
        keys: this.keys,
      };
      this.$emit("parentevaluation", data);
    },
  },
};
</script>

<style>
.num-left {
  margin-left: 10rpx;
  font-weight: 500;
}

.font-red {
  color: red;
}

.specifications {
  margin-top: 20rpx;
  margin-bottom: 14rpx;
}

.right-block {
  height: 200rpx;
  margin-left: 30rpx;
}

.goodsItem {
  padding: 40rpx 0;
  position: relative;
}

.thirdTag {
  display: inline-block;
  background: #30b885;
  border-radius: 10rpx;
  line-height: 40rpx;
  text-align: center;
  margin-right: 10rpx;
  padding: 0 10rpx;
  color: #fff;
  font-size: 26rpx;
}

.textWidth {
  width: 420rpx;
  max-height: 80rpx;
  line-height: 40rpx;
}

.btnComment_status {
  position: absolute;
  right: 0;
  bottom: 60rpx;
  background-color: #0b844a;
  width: 180rpx;
  height: 65rpx;
  text-align: center;
  line-height: 65rpx;
  color: #fff;
  font-size: 28rpx;
  border-radius: 40rpx;
}
</style>
