优化页面
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user