WindowBird/HomeLease
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

个人中心静态界面0.7

Browse Source
This commit is contained in:
minimaxagent1 2025-08-13 16:32:50 +08:00
parent 8bd8a0d30c
commit 9fb7ee8ed8
1 changed files with 35 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/profile/profile.vue
View File

@ -33,10 +33,10 @@
<text class="amount-label">可提现(元)</text> <text class="amount-label">可提现(元)</text>
</view> </view>
<view class="action-buttons"> <view class="action-buttons">
<view class="action-btn"> <view class="action-btn income-expense-btn">
<text class="btn-text">收支明细 ></text> <text class="btn-text">收支明细 ></text>
</view> </view>
<view class="action-btn"> <view class="action-btn withdraw-btn">
<text class="btn-text">立即提现 ></text> <text class="btn-text">立即提现 ></text>
</view> </view>
</view> </view>
@ -163,9 +163,19 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.profile-page { .profile-page {
min-height: 100vh; position: relative;
background: #f5f5f5; background: #f5f5f5;
padding-bottom: 120rpx; padding-bottom: 120rpx;
.fire-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
z-index: 1;
}
} }
// 页面标题 // 页面标题
@ -270,7 +280,7 @@ export default {
.financial-summary { .financial-summary {
margin: 20rpx; margin: 20rpx;
border-radius: 20rpx; border-radius: 20rpx;
padding: 40rpx; padding: 54rpx;
color: #fff; color: #fff;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -307,7 +317,7 @@ export default {
.action-buttons { .action-buttons {
position: absolute; position: absolute;
top: 60rpx; top: 80rpx;
right: 40rpx; right: 40rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -315,25 +325,38 @@ export default {
z-index: 2; z-index: 2;
.action-btn { .action-btn {
padding: 15rpx 25rpx; padding: 10rpx 34rpx;
border-radius: 20rpx; border-radius: 30rpx;
cursor: pointer;
transition: all 0.3s ease;
.btn-text { .btn-text {
font-size: 24rpx; font-size: 24rpx;
}
}
.income-expense-btn {
.btn-text {
color: #fff; color: #fff;
} }
} }
.withdraw-btn {
background: #fff;
.btn-text {
color: #f15a04;
}
}
} }
.financial-stats { .financial-stats {
display: flex; display: flex;
justify-content: space-around; justify-content: space-between;
position: relative; position: relative;
z-index: 2; z-index: 2;
.stat-item { .stat-item {
text-align: center;
.stat-number { .stat-number {
display: block; display: block;
font-size: 32rpx; font-size: 32rpx;
@ -371,7 +394,7 @@ export default {
.view-details { .view-details {
.details-text { .details-text {
font-size: 28rpx; font-size: 28rpx;
color: #f15a04; color: #9e9e9e;
} }
} }
} }
@ -387,7 +410,7 @@ export default {
display: block; display: block;
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;
color: #f15a04; color: #3d3d3d;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }