<script setup>
defineProps(['itemRow']);
</script>

<template>
  <view class="goods-card">
    <image class="goods-img" mode="aspectFill" :src="itemRow.picUrl" />
    <view class="goods-info">
      <text class="goods-title u-line-1">{{ itemRow.spuName }}</text>
      <text class="goods-desc u-line-1">{{ itemRow.introduction }}</text>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.goods-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 16rpx;
  overflow: hidden;
  background: #fff;

  .goods-img {
    width: 342rpx;
    height: 342rpx;
  }

  .goods-info {
    width: 342rpx;
    padding: 16rpx;

    .goods-title {
      font-size: 28rpx;
      font-weight: 500;
      color: #3d3d3d;
      line-height: 40rpx;
    }

    .goods-desc {
      font-size: 24rpx;
      color: #9c9c9c;
      line-height: 34rpx;
      margin-top: 10rpx;
    }
  }
}
</style>
