zhywpt-sp/subpackage/after-sale/account-recharge/index.vue

<template>
	<view class='content'>
		<view class="money_wrap">
			<view>账户余额</view>
			<view>￥0</view>
		</view>
		<view class='item_wrap'>
			<view class='item'>
				<view class='left_content'>
					<image src="http://222.85.144.89:19002/default-bucket/image/index/item-1.png" mode=""></image>
					<view>去圈层</view>
				</view>
				<u-icon name="arrow-right" color='#ccc'></u-icon>
			</view>
			<view class='item'>
				<view class='left_content'>
					<image src="http://222.85.144.89:19002/default-bucket/image/index/item-1.png" mode=""></image>
					<view>消费明细</view>
				</view>
				<u-icon name="arrow-right" color='#ccc'></u-icon>
			</view>
			<view class='item'>
				<view class='left_content'>
					<image src="http://222.85.144.89:19002/default-bucket/image/index/item-1.png" mode=""></image>
					<view>充值明细</view>
				</view>
				<u-icon name="arrow-right" color='#ccc'></u-icon>
			</view>
		</view>
		<view class='item item_wrap' @click='navTo(`/subpackage/after-sale/account-recharge/login`)'>
			<view class='left_content'>
				<image src="http://222.85.144.89:19002/default-bucket/image/index/item-1.png" mode=""></image>
				<view>退出</view>
			</view>
		</view>
	</view>
	
</template>

<script setup lang='ts'>
	import { navTo } from "@/utils/utils";
</script>

<style scoped>
	.content{
		background-color:rgb(239,239,239);
		width:100%;
		height:100vh;
		overflow: hidden;
	}
	.money_wrap{
		background-color:white;
		padding: 8rpx 0 16rpx 0;
	}
	.money_wrap>view:first-child{
		text-align: center;
		font-size: 30rpx;
		/* margin-top: 10rpx; */
	}
	.money_wrap>view:last-child{
		text-align: center;
		font-size: 44rpx;
		margin-top: 14rpx;
		color:red;
	}
	.item_wrap{
		margin-top: 26rpx;
	}
	.item{
		background-color:white;
		border-bottom:1rpx solid rgb(239,239,239);
		display:flex;
		font-size: 30rpx;
		padding:34rpx 30rpx;
		align-items: center;
		justify-content: space-between;
	}
	.item image{
		width:60rpx;
		height:60rpx;
		margin-right:30rpx;
	}
	.left_content{
		display:flex;
		align-items: center;
	}
</style>