charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: 钱包改造

Browse Source
This commit is contained in:
charles
2025-08-08 00:08:12 +08:00
parent 40a92730e0
commit 3f87303223
2 changed files with 188 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/mine_package/mine_purse/mine_purse.vue
+104 -76
View File
File diff suppressed because one or more lines are too long
pages/mine_package/mine_purse_log/mine_purse_log.vue
+65 -18
View File
@@ -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'">
<winningRecord heightRef="calc(100vh - 246rpx)"/>
</view> -->
<view class="line"></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 {
margin-right: 40rpx;
font-weight: 500;
font-size: 28rpx;
font-size: 32rpx;
color: #666666;
}
.info_title_item_sel_warp {
font-weight: bold;
font-size: 32rpx;
color: #000000;
}
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: 8rpx;
margin-left: 18rpx;
height: 6rpx;
margin-top: 20rpx;
}
}
}
.line {
width: 100vw;
height: 12rpx;
background: #F5F5F5;
}
.info_center_warp {
display: flex;
justify-content: space-between;
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_list_warp {
margin-top: 30rpx;