<template>
<view style="min-height: calc(100vh);background-color: #ffffff;">
	<view class="scoreList" v-for="(item,index) in scoreList" :key="index">
		<view class="score">
			<text>{{item.remake}}</text>
			<view class="scoreNum">
				<view>+{{item.integral}}</view>
				<u-icon color="#999999" size="18" name="arrow-right"></u-icon>
			</view>
		</view>
		<view class="time">
			{{item.create_time}}
		</view>
	</view>
</view>
</template>

<script>
export default{
	data(){
		return{
			scoreList:[]
		}
	},
	methods:{
		async integralLogList() {
			let res = await this.$api.mine.integralLogList()
			console.log(res,"mm")
			this.scoreList = res.list
		},
		
	},
	onLoad() {
		this.integralLogList()
	}
}
</script>

<style lang="scss" scoped>
	.scoreList{
		
		padding:24upx 0upx;
		margin:0 30upx;
		border-bottom: 1px solid #EAEAEA;
		.score{
			display:flex;
			align-items: center;
			justify-content: space-between;
			text{
				font-size: 34rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
			}
			.scoreNum{
				display:flex;
				align-items: center;
				justify-content: space-between;
				&>view{
					font-size: 34rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #F4563C;
				}
			}
		}
		.time{
			margin-top:25upx;
		}
	}
</style>