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

修改

This commit is contained in:
kbing1981 2024-07-22 21:28:25 +08:00
parent b87f4cdeb5
commit 47399a7647
2 changed files with 39 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
pages/my/index.vue
View File

@ -28,10 +28,13 @@
</view> </view>
</view> </view>
<view class="my-head-mian back-width"> <view class="my-head-mian back-width">
<view class="my-head-mian-top-view-qian">我的钱包</view> <view class="my-head-mian-top-view-qian">
<view style="display: flex;align-items: center;"><image class="wallet3" src="../../static/wallet3.png" mode=""></image>我的钱包</view>
<view @click="chonghi('明细')">钱包明细<span class="view-more"></span></view>
</view>
<view class="my-head-mian-top"> <view class="my-head-mian-top">
<view class="flex" style="align-items: flex-end;"> <view class="flex" style="align-items: flex-end;">
<image class="money-img" src="../../static/money2.png" mode="" @click="qidai()"></image> <!--<image class="money-img" src="../../static/money2.png" mode="" @click="qidai()"></image>-->
<view class="my-head-mian-top-yuE">{{money}}</view> <view class="my-head-mian-top-yuE">{{money}}</view>
</view> </view>
@ -39,7 +42,7 @@
<view class="my-head-mian-top-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 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')">
@ -105,7 +108,7 @@
<span class="my-serve-list-text">新人拼团</span> <span class="my-serve-list-text">新人拼团</span>
</view> </view>
<view class="my-serve-list" @click="miaoshao()"> <view class="my-serve-list" @click="miaoshao()">
<image src="../../static/my-liaocheng2.png" mode=""></image> <image src="../../static/my-liaocheng3.png" mode=""></image>
<span class="my-serve-list-text">秒杀</span> <span class="my-serve-list-text">秒杀</span>
</view> </view>
</view> </view>
@ -903,8 +906,8 @@
height: 100%; height: 100%;
} }
.my-head-mian-bottom-list image{ .my-head-mian-bottom-list image{
width: 95rpx; width: 80rpx;
height: 95rpx; height: 80rpx;
} }
.my-head-mian-bottom-list-text{ .my-head-mian-bottom-list-text{
font-size: 26rpx; font-size: 26rpx;
@ -922,21 +925,21 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
padding-bottom: 12px; padding-bottom: 30rpx;
margin-top:30rpx; margin-top:30rpx;
border-top: 1px #F6F6F6 solid; border-top: 1px #F6F6F6 solid;
padding-top: 30rpx; padding-top: 20rpx;
} }
.my-head-mian-top-yuE{ .my-head-mian-top-yuE{
font-size: 70rpx; font-size: 60rpx;
color: #333; color: #111111;
margin-top: 30rpx; margin-top: 30rpx;
font-weight: bold; font-weight: bold;
} }
.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: 136rpx; width: 136rpx;
height: 58rpx; height: 58rpx;
line-height: 60rpx; line-height: 58rpx;
text-align: center; text-align: center;
border-radius: 60rpx; border-radius: 60rpx;
font-size: 28rpx; font-size: 28rpx;
@ -944,23 +947,38 @@
.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: 5px 10px;
} }
.my-head-mian-top-view-ming{ .my-head-mian-top-view-ming{
background: #e6f6f3; background: #e6f6f3;
color: #019c88; color: #019c88;
} }
.my-head-mian-top-view-qian{ .my-head-mian-top-view-qian{
width: 360rpx; width: 100%;
font-size: 26rpx; color: #019c88;
color: #999; background: linear-gradient(90deg, #e8f7f3, #e5f7f3);
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
text-align: center;
margin: 0 auto; margin: 0 auto;
border-radius: 0 0 50rpx 50rpx; border-radius:20rpx 20rpx 0 0;
height: 55rpx; height: 64rpx;
line-height: 55rpx; line-height: 66rpx;
color: #ffffff; display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 20rpx;
font-size: 26rpx;
}
.view-more{
display:inline-block;
border-top:1px solid;
border-right:1px solid;
width: 15rpx;
height: 15rpx;
border-color:#019c88;
transform:rotate(45deg);
margin-top: 10rpx;
}
.wallet3{
width: 38rpx;
height: 34rpx;
} }
.my-head-mian-top-view{ .my-head-mian-top-view{
display: flex; display: flex;

BIN
static/wallet3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB