<script setup>
	// 我的账单
	import {
		onMounted,
		computed,
		reactive,
		ref,
		getCurrentInstance,
	} from 'vue'
	import {
		onLoad,
		onReady,
		onReachBottom,
		onPullDownRefresh
	} from '@dcloudio/uni-app'

	onLoad(() => {
		// 
	})
</script>

<template>
	<view class="app">
		<view class="listBox mtb30 mlr30">

			<view class="list oh mtb30 plr30 bfff br20" v-for="(item,index) in 3" :key="index">
				<view class="line tac">
					<view class="title mtb30">使用积分支付</view>
					<view class="price mtb30 c111">
						<text class="unit">￥</text>
						<text class="numer b">1000</text>
					</view>
					<view class="time mtb30 c999 f28">2024.12.07 17:00</view>
				</view>

				<view class="line rows">
					<view class="key">查看详情</view>
					<uni-icons type="right" />
				</view>
			</view>
		</view>

		<view class="fill"></view>
	</view>
</template>

<style lang="scss" scoped>
	// 列表盒子
	.listBox {

		// 列表
		.list {
			.line {
				padding: 20rpx 0;
			}

			.line+.line {
				border-top: 2rpx solid #ddd;
			}

			// 
			.price {
				.unit {
					font-size: 40rpx;
				}

				.numer {
					font-size: 60rpx;
				}
			}
		}
	}
</style>