<template>
  <view class="share-detail">
    <view class="info-item">
      <text class="lable"> 转发时间： </text>
      <text class="value">{{ detailInfo?.taskInfo?.createTime || '' }}</text>
    </view>
    <view class="info-item">
      <text class="lable"> 文章标题： </text>
      <text class="value">{{ detailInfo?.title }}</text>
    </view>
    <view class="info-item">
      <text class="lable"> 获得积分： </text>
      <text class="value">+{{ detailInfo?.score }}</text>
    </view>
    <view class="info-item">
      <text class="lable"> 备注： </text>
      <text class="value">{{ detailInfo?.remark === 'undefined' ? '' : detailInfo?.remark }}</text>
    </view>
    <view class="ercode-box">
      <image class="ercode-icon" :src="ercodeUrl" />
    </view>
  </view>
</template>

<script setup lang="ts">
defineProps({
  detailInfo: Object,
  ercodeUrl: String
})
</script>

<style lang="scss" scoped>
.share-detail {
  padding: 30rpx;
  .info-item {
    margin-bottom: 20rpx;
    line-height: 38rpx;
    .lable {
      color: #000;
    }
    .value {
      color: #333;
    }
  }
  .ercode-box {
    display: flex;
    align-items: center;
    justify-content: center;
    .ercode-icon {
      width: 200rpx;
      height: 200rpx;
      margin-top: 50rpx;
    }
  }
}
</style>
