feat: 钱包改造

pages/mine_package/mine_purse_log/mine_purse_log.vue

@@ -2,6 +2,7 @@
 	<view class="purse_log_warp">
 		<Header :leftTitle="$t('mine.purse.mine_purse_log.title')" left-path-type="navigateTo"
 			left-path="/pages/mine_package/mine_purse/mine_purse" />
+
 		<view class="info_warp">
 			<view class="info_title_warp">
 				<view :class="selInfo === item.key ? 'info_title_item_warp info_title_item_sel_warp' : 'info_title_item_warp'"
@@ -10,10 +11,22 @@
 					<view class="info_title_item_sel_but_warp" v-if="selInfo === item.key"></view>
 				</view>
 			</view>
-			<!-- 抽奖 -->
+
-			<!-- <view class="info_list_warp" v-if="form.category === 'raffle'">
+			<view class="line"></view>
-				<winningRecord heightRef="calc(100vh - 246rpx)"/>
+
-			</view> -->
+			<view class="info_center_warp">
+				<view class="info_center_warp-item">
+					<view class="info_center_warp-item-top">21</view>
+					<view class="info_center_warp-item-bottom">商城总挖矿数量</view>
+				</view>
+				<view class="info_center_warp-item">
+					<view class="info_center_warp-item-top">231</view>
+					<view class="info_center_warp-item-bottom">已兑换数量</view>
+				</view>
+			</view>
+
+			<view class="line"></view>
+
 			<view class="info_list_warp">
 				<scroll-view scroll-y="true" @scrolltolower="loadMore(selInfo)" style="height:calc(100vh - 300rpx)">
 					<view v-for="item in orderList" :key="item.id" class="purse_info_item"
@@ -45,7 +58,6 @@
 
 <script>
 import Header from '@/components/header.vue';
-import winningRecord from '@/components/winning_record.vue';
 import { getAcctFlow } from '@/api/finance.js';
 import { getValue, BALANCE_TYPE } from '@/utils/enumUtils.js';
 import { formatDate, handleAmount } from '@/utils/index.js';
@@ -56,7 +68,7 @@ export default {
 			return BALANCE_TYPE;
 		}
 	},
-	components: { winningRecord, Header },
+	components: { Header },
 	data() {
 		return {
 			infoList: [
@@ -171,34 +183,69 @@ export default {
 <style lang="scss" scoped>
 .purse_log_warp {
 	height: calc(100vh - 58rpx);
-	padding: 30rpx;
 	overflow-y: hidden;
 
 	.info_title_warp {
 		display: flex;
-		padding-left: 10rpx;
+		justify-content: space-around;
+		padding: 0 100rpx;
+
+
+		.info_title_item_warp {
+			font-size: 32rpx;
+			color: #666666;
+		}
+
+		.info_title_item_sel_warp {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			color: #7934F6;
+			font-weight: 500;
+
+			.info_title_item_sel_but_warp {
+				background: $app-bt-bj;
+				border-radius: 4rpx;
+				width: 80rpx;
+				height: 6rpx;
+				margin-top: 20rpx;
+			}
+		}
+
 	}
 
-	.info_title_item_warp {
+	.line {
-		margin-right: 40rpx;
+		width: 100vw;
-		font-weight: 500;
+		height: 12rpx;
-		font-size: 28rpx;
+		background: #F5F5F5;
-		color: #666666;
 	}
 
-	.info_title_item_sel_warp {
+	.info_center_warp {
-		font-weight: bold;
+		display: flex;
-		font-size: 32rpx;
+		justify-content: space-between;
-		color: #000000;
+		padding: 32rpx 100rpx;
+
+		.info_center_warp-item {
+			.info_center_warp-item-top {
+				font-weight: bold;
+				font-size: 36rpx;
+				color: #333333;
+				text-align: center;
+			}
+
+			.info_center_warp-item-bottom {
+				font-size: 26rpx;
+				color: #999999;
+				margin-top: 10rpx;
+			}
+
+		}
 	}
 
-	.info_title_item_sel_but_warp {
+
-		background: $app-bt-bj;
+
-		border-radius: 4rpx;
+
-		width: 80rpx;
+
-		height: 8rpx;
-		margin-left: 18rpx;
-	}
 
 	.info_list_warp {
 		margin-top: 30rpx;