48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<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>
|