<template>
  <view v-if="goods.is_online" class="rounded-xs box-show" @tap.stop="$u.route('/pages/product_details/index', { skuId: goods.id, type: 1 })">
    <cu-image :borderTopLeftRadius="24" :borderTopRightRadius="24" width="100%" height="345rpx" :src="goods.cover" :lazy-load="true"></cu-image>
    <view class="px-base">
      <view class="text-txBase line-1 w-300rpx mt-10rpx">{{ goods.name }}</view>
      <view class="flex items-center justify-between py-base">
        <view class="text-lg -mt-5rpx text-txSvip">￥{{ goods.sell_price }}</view>
        <view class="bg-hex-e81300 rounded-8rpx px-20rpx h-44rpx leading-44rpx text-white text-26rpx">购买</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    //数据
    goods: {
      type: Object,
      default: () => {},
    },
  },
  computed: {
    data() {
      return this.goods.sku;
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.box-show {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
}
.fontFam {
  /* #ifdef APP-PLUS  */
  font-family: '宋体';
  /* #endif  */
}
</style>
