优化页面

This commit is contained in:
pengxiaolong
2025-06-10 23:06:51 +08:00
parent 8c70c2c850
commit 3c2d7e5959
974 changed files with 353 additions and 87597 deletions

View File

@@ -1,7 +1,7 @@
<template>
<view class="container">
<view class="bg">
<image class="bgImg" src="../../static/HomeBackground.png" mode="scaleToFill" />
<image class="bgImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill" />
</view>
<view class="PersonalInformation">
@@ -12,7 +12,7 @@
<view class="name">{{ userinfo.nickName }}</view>
</view>
<view class="Settings" @click="goSetting">
<image class="SettingsIcon" src="../../static/Settings.png" mode="scaleToFill" />
<image class="SettingsIcon" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Settings.png" mode="scaleToFill" />
</view>
</view>
<!-- PK信息 -->
@@ -25,19 +25,20 @@
@click="pkInformation"
>更多PK信息<image
style="width: 10.5rpx; height: 20.04rpx; margin-left: 10rpx"
src="../../static/More.png"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/More.png"
mode="scaleToFill"
/>
</view>
</view>
<view class="card">
<view class="cardContent" v-for="(item,index) in pkInformationdata" :key="index">
<view class="cardContent" v-for="(item,index) in pkInformationdata" :key="index" v-if="pkInformationdata.length !== 0">
<view class="cardImg">
<image :src="item.anchorIcon" style="width: 80rpx; height: 80rpx; border-radius: 72.25rpx;" mode="scaleToFill" />
</view>
<view class="Time">{{ formatDate(item.pkTime) }}</view>
<view class="gold"> {{item.coin}}K</view>
</view>
<view v-if="pkInformationdata.length === 0" class="no-content">暂无内容</view>
</view>
</view>
<!-- PK记录 -->
@@ -48,13 +49,13 @@
<view class="myPkRecordMore"
@click="pkRecord">更多PK记录<image
style="width: 10.5rpx; height: 20.04rpx; margin-left: 10rpx"
src="../../static/More.png"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/More.png"
mode="scaleToFill"
/>
</view>
</view>
<view class="card">
<view class="cardContent"v-for="(item,index) in myPkRecorddata" :key="index">
<view class="cardContent"v-for="(item,index) in myPkRecorddata" :key="index" v-if="myPkRecorddata.length !== 0">
<view class="cardImg">
<image style="width: 80rpx; height: 80rpx;border-radius: 72.25rpx;" :src="item.anchorIconA" mode="scaleToFill" />
</view>
@@ -65,6 +66,7 @@
<view class="Session"> {{item.pkNumber}} </view>
<view class="Time">{{TimeFormatting(item.pkTime)}}</view>
</view>
<view v-if="myPkRecorddata.length === 0" class="no-content">暂无内容</view>
</view>
</view>
@@ -78,7 +80,7 @@
<view class="service" @click="contact">
<image
style="width: 48.28rpx; height: 48.09rpx"
src="../../static/service.png"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/service.png"
mode="scaleToFill"
/>
<view class="cardtext">联系客服</view>
@@ -87,7 +89,7 @@
<view class="service" @click="serviceProtocol">
<image
style="width: 48.28rpx; height: 48.09rpx"
src="../../static/Agreement.png"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Agreement.png"
mode="scaleToFill"
/>
<view class="cardtext">服务协议</view>
@@ -96,7 +98,7 @@
<view class="service" @click="logout">
<image
style="width: 48.28rpx; height: 48.09rpx"
src="../../static/logout.png"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/logout.png"
mode="scaleToFill"
/>
<view class="cardtext">退出登录</view>
@@ -306,12 +308,12 @@ export default {
background-color: #91e3e48b;
}
.titleMore {
margin-left: 410rpx;
margin-left: 400rpx;
font-size: 28.63rpx;
color: #333333;
}
.myPkRecordMore {
margin-left: 340rpx;
margin-left:330rpx;
font-size: 28.63rpx;
color: #333333;
}
@@ -355,7 +357,7 @@ export default {
.Failure {
width: 56.3rpx;
height: 29.58rpx;
background-image: url("../../static/maleimg.png");
background-image: url("https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/maleimg.png");
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
@@ -369,7 +371,7 @@ export default {
.Result {
width: 56.3rpx;
height: 29.58rpx;
background-image: url("../../static/femaleimg.png");
background-image: url("https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/femaleimg.png");
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
@@ -408,4 +410,13 @@ export default {
right: 0;
height: 50rpx;
}
.no-content{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 28.63rpx;
color: #333333;
}
</style>