红包/app下载/分享新增优化

2025-01-08 11:25:33 +08:00
parent 8692626dd1
commit 3291a7573a
17 changed files with 815 additions and 322 deletions
--- a/pages/me/withdraw/moneyList.vue
+++ b/pages/me/withdraw/moneyList.vue
@@ -0,0 +1,120 @@
+<template>
+	<view class="container">
+		<view v-if="data.list.length" v-for="(item, index) in data.list" :key="index" class="item">
+			<view>
+				
+				<view style="color: #000000;font-size: 28upx;">
+					<view style="margin-bottom: 8upx;"> 类型： {{item.title}}</view>
+					<view style="margin-bottom: 8upx"> 内容： {{item.content}}</view>
+					<view style="margin-bottom: 8upx"> 时间： {{item.createTime}}</view>
+					<view style="margin-bottom: 8upx;text-align: right;">
+						<!-- 提现金额： -->
+						<text v-if="item.type===2" style="color: #666;font-size: 32upx;font-weight: 600"> - ￥{{item.money}}</text>
+						<text v-if="item.type===1" style="color: #FD6416;font-size: 32upx;font-weight: 600">+ ￥{{item.money}}</text>
+					</view>
+				</view>
+
+			</view>
+		</view>
+		<emprty-card v-if="!data.list.length" />
+
+	</view>
+</template>
+
+<script setup>
+	import { reactive } from 'vue';
+	import { onLoad } from '@dcloudio/uni-app'
+	import { queryUserMoneyDetails } from '@/api/me/withdraw.js';
+	
+	let data = reactive({
+		list: [],
+		page: 1,
+		limit: 10,
+		totalCount: 0,
+		moneyType: null,
+		viewType: null,
+	})
+	
+	onLoad((options) => {
+		if (options.moneyType) {
+			data.moneyType = options.moneyType
+			uni.setNavigationBarTitle({
+				title: options.moneyType == 1 ? '红包明细' : '金币明细'
+			});
+		}
+		if (options.viewType) {
+			data.viewType = options.viewType
+		}
+		getMoney();
+	})
+	
+	function getMoney() {
+		queryUserMoneyDetails({
+			page : data.page,
+			limit : data.limit,
+			moneyType : data.moneyType,
+			viewType: data.viewType,
+		}).then(res => {
+			data.totalCount = res.total;
+			if ( res.records.length > 0) {
+				data.list = [...data.list,...res.records];
+			}
+		})
+	}
+	// onReachBottom: function() {
+	// 	if (this.page*this.limit < this.totalCount) {
+	// 		this.page = this.page + 1;
+	// 		this.getMoney();
+	// 	}
+	// }
+	// onPullDownRefresh: function() {
+	// 	this.page = 1;
+	// 	// that.list = []
+	// 	this.getMoney();
+	// }
+</script>
+
+<style lang='scss' scoped>
+	/* @import "../../static/css/index.css"; */
+
+	page {
+		background: #FFFFFF;
+	}
+
+	.item {
+		background: white;
+		padding: 32rpx;
+		margin: 32rpx;
+		font-size: 28rpx;
+		box-shadow: 7px 9px 34px rgba(0, 0, 0, 0.1);
+		border-radius: 16upx;
+	}
+	
+	.centre {
+		text-align: center;
+		padding: 200rpx 0;
+		font-size: 32rpx;
+		box-sizing: border-box;
+		image {
+			width: 360rpx;
+			height: 360rpx;
+			// margin-bottom: 20rpx;
+			margin: 0 auto 20rpx;
+			// border: 1px dotted #000000;
+		}
+		.tips {
+			font-size: 34rpx;
+			color: #999999;
+			margin-top: 20rpx;
+		}
+		.btn {
+			margin: 80rpx auto;
+			width: 600rpx;
+			border-radius: 32rpx;
+			line-height: 90rpx;
+			color: #ffffff;
+			font-size: 34rpx;
+			background: #5074FF;
+		}
+	}
+</style>