个人中心静态界面0.6
This commit is contained in:
parent
28de154766
commit
8bd8a0d30c
|
|
@ -1,7 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="profile-page">
|
<view class="profile-page">
|
||||||
|
|
||||||
|
|
||||||
<!-- 页面标题 -->
|
<!-- 页面标题 -->
|
||||||
<view class="page-title">
|
<view class="page-title">
|
||||||
<text class="title-text">个人中心</text>
|
<text class="title-text">个人中心</text>
|
||||||
|
|
@ -174,7 +172,7 @@ export default {
|
||||||
.page-title {
|
.page-title {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 40rpx 0 20rpx 0;
|
padding: 40rpx 0 20rpx 0;
|
||||||
|
|
||||||
.title-text {
|
.title-text {
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
@ -270,7 +268,6 @@ export default {
|
||||||
|
|
||||||
// 财务摘要
|
// 财务摘要
|
||||||
.financial-summary {
|
.financial-summary {
|
||||||
background: #f15a04;
|
|
||||||
margin: 20rpx;
|
margin: 20rpx;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
padding: 40rpx;
|
padding: 40rpx;
|
||||||
|
|
@ -284,21 +281,22 @@ export default {
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: 0.1;
|
opacity: 1;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-amount {
|
.main-amount {
|
||||||
text-align: center;
|
margin-top: 30rpx;
|
||||||
margin-bottom: 40rpx;
|
margin-bottom: 66rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|
||||||
.amount-number {
|
.amount-number {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 60rpx;
|
font-size: 44rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 10rpx;
|
margin-bottom: 10rpx;
|
||||||
|
height: 60rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.amount-label {
|
.amount-label {
|
||||||
|
|
@ -309,7 +307,7 @@ export default {
|
||||||
|
|
||||||
.action-buttons {
|
.action-buttons {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 40rpx;
|
top: 60rpx;
|
||||||
right: 40rpx;
|
right: 40rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -317,7 +315,6 @@ export default {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|
||||||
.action-btn {
|
.action-btn {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
|
||||||
padding: 15rpx 25rpx;
|
padding: 15rpx 25rpx;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user