yangjun
/
sadjv3_user
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

This commit is contained in:
kbing1981 2024-07-03 10:52:19 +08:00
parent 59bbf93062
commit 1a110ddfa7
2 changed files with 31 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
pages/my/index.vue
View File

@ -19,15 +19,18 @@
</view> </view>
<view class="my-head-mian back-width"> <view class="my-head-mian back-width">
<view class="my-head-mian-top"> <view class="my-head-mian-top">
<view class="my-head-mian-top-view"> <view class="flex" style="align-items: flex-end;">
<view class="my-head-mian-top-yuE">{{money}}</view>
<image class="money-img" src="../../static/money.png" mode="" @click="qidai()"></image>
</view>
</view>
<view class="my-head-mian-top-view-qian">我的钱包</view>
<view class="my-head-mian-top-view">
<view class="my-head-mian-top-view-chong" @click="chonghi('充值')">充值</view> <view class="my-head-mian-top-view-chong" @click="chonghi('充值')">充值</view>
<view class="my-head-mian-top-view-ming" @click="chonghi('明细')">明细</view> <view class="my-head-mian-top-view-ming" @click="chonghi('明细')">明细</view>
</view> </view>
</view>
<view class="my-head-mian-top-yuE">{{money}}</view>
<view class="my-head-mian-top-view-qian">我的钱包</view>
<view class="my-head-mian-bottom"> <view class="my-head-mian-bottom">
<view class="my-head-mian-bottom-list" @click="youhui('/my/hongbao/youhuijuan')"> <view class="my-head-mian-bottom-list" @click="youhui('/my/hongbao/youhuijuan')">
<image src="../../static/my-yuehui.png" mode=""></image> <image src="../../static/my-yuehui.png" mode=""></image>
@ -675,40 +678,43 @@
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
padding-bottom: 12px; padding-bottom: 12px;
margin-top:30rpx;
border-top: 1px #F6F6F6 solid;
padding-top: 30rpx;
} }
.my-head-mian-top-yuE{ .my-head-mian-top-yuE{
font-weight: bold; font-weight: bold;
font-size: 50rpx; font-size: 55rpx;
color: #f95900; color: #f95900;
margin-top: 20rpx; margin-top: 20rpx;
margin-left: 20rpx;
} }
.my-head-mian-top-view-chong,.my-head-mian-top-view-ming{ .my-head-mian-top-view-chong,.my-head-mian-top-view-ming{
width: 92rpx; width: 150rpx;
height: 42rpx; height: 60rpx;
line-height: 42rpx; line-height: 60rpx;
text-align: center; text-align: center;
border-radius: 21rpx; border-radius: 60rpx;
font-size: 26rpx; font-size: 28rpx;
} }
.my-head-mian-top-view-chong{ .my-head-mian-top-view-chong{
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
color: #fff; color: #fff;
margin: 2px 8px; margin: 5px 10px;
} }
.my-head-mian-top-view-ming{ .my-head-mian-top-view-ming{
background: #efefef; background: #e6f6f3;
color: #333; color: #019c88;
} }
.my-head-mian-top-view-qian{ .my-head-mian-top-view-qian{
font-weight: bold; font-size: 24rpx;
font-size: 30rpx; color: #999;
color: #333333; margin-left: 20rpx;
} }
.my-head-mian-top-view{ .my-head-mian-top-view{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-top: 30rpx;
} }
.my-head-mian-top{ .my-head-mian-top{
width: 95%; width: 95%;
@ -718,6 +724,7 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-top: 5px; padding-top: 5px;
text-align: center;
} }
.my-head-mian{ .my-head-mian{
width: 100%; width: 100%;
@ -786,5 +793,10 @@
display: flex; display: flex;
margin: 12px auto; margin: 12px auto;
} }
.money-img{
width: 40rpx;
height: 40rpx;
margin-bottom: 10rpx;
margin-left: 8rpx;
}
</style> </style>

BIN
static/money.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB