<template>
  <view class='card-view'>
<!--    <text class='category-title'>2023-02-12</text>-->
<!--    <view class='item c-flex-column' v-for='(item,index) in 3' :key='index'>-->
      <view class='c-flex-row'>
        <text class='primary-text-color' style='flex: 1'>{{item?.remark}}</text>
        <text class='accent-text-color'>{{item?.value}}</text>
      </view>
      <view class='c-flex-row'>
        <text class='secondary-text-color' style='flex: 1'>{{ item?.createtime }}</text>
        <text style='color: #999999'>会员积分：￥30.00</text>
      </view>
<!--      <view class='divider' style='margin-top: 20rpx'/>-->
<!--    </view>-->
  </view>
</template>

<script lang='ts' setup>
import { IntegralBean } from '@/api/user/types';

defineProps({
  item: Object as PropType<IntegralBean>
});
</script>

<style lang='scss' scoped>
.card-view {
  display: flex;
  flex-direction: column;
  padding: 16rpx 23rpx 20rpx 30rpx;
  margin: 10rpx 0;
}

.category-title {
  font-size: 34rpx;
  font-weight: bold;
  color: #333333;
}

.item {
  margin: 10rpx 0;

  view:nth-of-type(2) {
    margin-top: 10rpx;
  }
}
</style>
