<!-- 签到明细 -->
<template>
	<navbar_neadVue title="签到明细"></navbar_neadVue>
	<view style="position: fixed; z-index: -1; background-color: #ffffff; top: 0; bottom: 0;left: 0;right: 0;"></view>

	<view style="background-color: #ffffff;">
		<view style="height: 24rpx;"></view>
		<view class="content" v-for="(item,index) in arr" :key="index">
			<view class="uni-list">
				<text class="uni-list-top-text">{{item.text}}</text>
				<view :class="item.type === '+'
				 ?'uni-list-right-add':'uni-list-right-remove'">{{item.type}}{{item.count}}</view>
				<text class="uni-list-bottom-text">{{item.time}}</text>
				<view class="uni-list--border-bottom"></view>
			</view>
		</view>
	</view>

</template>

<script setup>
	import {
		listSign,
		getSign,
		delSign,
		addSign,
		updateSign
	} from "@/api/signln/SignDetail/Sign";
	import {
		reactive,
		ref
	} from "vue"
	let leftIcon = ref("../../static/images/sign/return.png")
	import navbar_neadVue from "@/pages/common/navbar/navbar_nead.vue";

	let arr = reactive([{
			id: 1,
			text: "每日签到",
			time: "2024-05-21 00:00",
			count: 2,
			type: "+"
		},
		{
			id: 2,
			text: "关注",
			time: "2024-05-21 00:00",
			count: 2,
			type: "+"
		},
		{
			id: 3,
			text: "点赞",
			time: "2024-05-21 00:00",
			count: 2,
			type: "+"
		},
		{
			id: 3,
			text: "发布话题",
			time: "2024-05-21 00:00",
			count: 2,
			type: "+"
		},
		{
			id: 4,
			text: "邀请新用户",
			time: "2024-05-21 00:00",
			count: 5,
			type: "+"
		},
		{
			id: 5,
			text: "商品兑换",
			time: "2024-05-21 00:00",
			count: 200,
			type: "-"
		},
	]);


	const data = reactive({
		queryParams: {
			pageNum: 1,
			pageSize: 10
		}
	});

	/** 查询签到明细列表 */
	function getList() {
		listSign(data.queryParams.value).then(response => {
			console.log(response)
		});
	}
	
	getList();
</script>

<style scoped>
	@import '@/pages/common/navbar/navbar.css';

	:deep(.uni-nav-bar-text.data-v-26544265) {
		font-size: 36rpx;
		font-weight: 600;
	}

	:deep(.uni-icons) {
		font-family: uniicons;
		text-decoration: none;
		text-align: center;
		width: 31rpx;
		height: 44rpx;
		line-height: 44rpx;
	}


	.content {
		background-color: #ffffff;
		margin-left: 32rpx;
		margin-right: 32rpx;
		margin-top: 24rpx;
	}

	.uni-list {
		height: 92rpx;
	}

	.uni-list>text {
		display: block;
	}

	.uni-list>text:first-child {
		font-weight: 400;
		height: 28rpx;
		font-size: 28rpx;
		text-align: left;
		color: #000000;
	}

	.uni-list-bottom-text {
		font-weight: 400;
		/* width: 201rpx; */
		height: 19rpx;
		font-size: 24rpx;
		text-align: left;
		color: #999999;
		margin-top: 14rpx;
	}

	.uni-list-right-add {
		float: right;
		justify-content: flex-start;
		color: #F99B46;
		font-size: 30 rpx;
	}

	.uni-list-right-remove {
		float: right;
		justify-content: flex-start;
		color: #FA3939;
		font-size: 30 rpx;
	}

	.uni-list--border-bottom {
		height: 4rpx;
		border-radius: 2px 2px 2px 2px;
		background: #eeeeee;
		margin-top: 32rpx;
	}
</style>