feat: 优化代码

2025-08-06 20:25:41 +08:00
parent 5f7d0ceb79
commit 73823c50fd
1179 changed files with 42944 additions and 189654 deletions
@@ -0,0 +1,138 @@
+<template>
+	<view class="mine_purse_bonus_warp">
+		<view class="mine_purse_bonus_header">
+			<view>
+				<view class="header_title">可提现总额</view>
+				<view>
+					<text style="font-size: 40rpx;">￥</text>
+					<text style="font-size: 60rpx;">585.</text>
+					<text style="font-size: 40rpx;">84</text>
+				</view>
+			</view>
+			<view class="header_but" @click="jumpWithdraw">提现</view>
+		</view>
+		<view class="mine_purse_bonus_content">
+			<view class="title">财务明细</view>
+			<view class="content_list">
+				<view class="content_item purse_info_item" v-for="item in contentList" :key="item.id">
+					<view class="purse_info_left">
+						<up-image :src="item.type === 1 ? '/static/mine/purse_j.png' : '/static/mine/purse_t.png'" width="40"
+							height="40" bgColor="#f1f6ff00"></up-image>
+						<view class="purse_data_warp">
+							<view class="purse_info_name">{{ item.name }}</view>
+							<view class="purse_info_value">{{ item.time }}</view>
+						</view>
+					</view>
+					<view class="purse_info_right">
+						<view class="purse_info_title">{{ item.type === 1 ? '+' : '-' }}&nbsp;{{ item.amount }}</view>
+						<view class="purse_info_value">{{ item.typeName }}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			contentList: [
+				{
+					id: 1,
+					type: 1,// 1：提，2：奖
+					name: "提现-中国银行5478",
+					time: "01-01 14:10:10",
+					amount: 1000,
+					typeName: "购物消费",
+				}, {
+					id: 2,
+					type: 3,// 1：提，2：奖
+					name: "奖励",
+					time: "01-01 14:10:10",
+					amount: 1000,
+					typeName: "奖励",
+				}, {
+					id: 3,
+					type: 3,// 1：提，2：奖
+					name: "奖励",
+					time: "01-01 14:10:10",
+					amount: 1000,
+					typeName: "奖励",
+				}, {
+					id: 4,
+					type: 1,// 1：提，2：奖
+					name: "提现-中国银行5478",
+					time: "01-01 14:10:10",
+					amount: 1000,
+					typeName: "购物消费",
+				}, {
+					id: 5,
+					type: 1,// 1：提，2：奖
+					name: "提现-中国银行5478",
+					time: "01-01 14:10:10",
+					amount: 1000,
+					typeName: "购物消费",
+				},
+			]
+		}
+	},
+	methods: {
+		// 提现
+		jumpWithdraw() {
+			uni.navigateTo({
+				url: "/pages/mine/mine_purse_bonus_withdraw/mine_purse_bonus_withdraw",
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.mine_purse_bonus_warp {
+	height: 100vh;
+	background-color: $app-bj;
+	overflow: hidden;
+}
+
+.mine_purse_bonus_header {
+	background: $app-bt-bj;
+	padding: 40rpx;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	color: #FFFFFF;
+
+	.header_title {
+		font-weight: 500;
+		font-size: 28rpx;
+		color: #EEEEEE;
+		line-height: 40rpx;
+	}
+
+	.header_but {
+		background: #FFFFFF;
+		border-radius: 25rpx;
+		padding: 10rpx 30rpx;
+		color: $app-bt-bj;
+		font-weight: 500;
+		font-size: 26rpx;
+	}
+}
+
+.mine_purse_bonus_content {
+	padding: 20rpx;
+	height: calc(100vh - 300rpx);
+	overflow-y: auto;
+
+	.title {
+		font-weight: 500;
+		font-size: 32rpx;
+		color: #666666;
+	}
+
+	.content_item {
+		margin-top: 20rpx;
+	}
+}
+</style>