优化页面
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>
|
||||
|
||||
@@ -3,12 +3,12 @@
|
||||
<view class="bg">
|
||||
<image
|
||||
class="bgImg"
|
||||
src="../../../../static/HomeBackground.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
<view class="Return" @click="onBack">
|
||||
<image class="ReturnImg" src="../../../../static/Return.png" mode="scaleToFill" />
|
||||
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
<view class="title">PK记录详情</view>
|
||||
<view class="pkrecords">
|
||||
@@ -22,7 +22,7 @@
|
||||
<!-- 皇冠 -->
|
||||
<image
|
||||
class="Crown"
|
||||
src="../../../../static/Crown.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Crown.png"
|
||||
mode="scaleToFill"
|
||||
v-if="item.winnerAnchorId == item.anchorIdA"
|
||||
/>
|
||||
@@ -57,7 +57,7 @@
|
||||
<!-- 皇冠 -->
|
||||
<image
|
||||
class="Crown"
|
||||
src="../../../../static/Crown.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Crown.png"
|
||||
mode="scaleToFill"
|
||||
v-if="item.winnerAnchorId == item.anchorIdB"
|
||||
/>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<view class="contact">
|
||||
<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="Return" @click="onBack">
|
||||
<image class="ReturnImg" src="../../../static/Return.png" mode="scaleToFill" />
|
||||
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
<view class="title">联系客服</view>
|
||||
</view>
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<view class="pk-information">
|
||||
<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="Return" @click="onBack">
|
||||
<image class="ReturnImg" src="../../../static/Return.png" mode="scaleToFill" />
|
||||
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
<view class="title">PK信息</view>
|
||||
<view class="content">
|
||||
@@ -36,13 +36,13 @@
|
||||
<image
|
||||
v-if="item.sex === '2'"
|
||||
class="Genderimg"
|
||||
src="../../../static/female.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/female.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<image
|
||||
v-else
|
||||
class="Genderimg"
|
||||
src="../../../static/male.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/male.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view class="age">{{ item.sex === "1" ? "男" : "女" }}</view>
|
||||
@@ -54,7 +54,7 @@
|
||||
<view class="species">
|
||||
<image
|
||||
style="width: 28.63rpx; height: 28.63rpx"
|
||||
src="../../../static/species.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/species.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view class="species-text">金币:</view>
|
||||
@@ -68,14 +68,14 @@
|
||||
<view class="recompose" @click="onRecompose(item)">
|
||||
<image
|
||||
style="width: 46rpx; height: 46rpx"
|
||||
src="../../../static/recompose.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/recompose.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
<view class="expurgate" @click="onExpurgate(item)">
|
||||
<image
|
||||
style="width: 46rpx; height: 46rpx"
|
||||
src="../../../static/expurgate.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/expurgate.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
@@ -249,7 +249,7 @@ export default {
|
||||
margin-left: 27.5rpx;
|
||||
}
|
||||
.Gendermale {
|
||||
background: url(../../../static/maleimg.png) no-repeat center;
|
||||
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/maleimg.png) no-repeat center;
|
||||
width: 56.3rpx;
|
||||
height: 29.58rpx;
|
||||
background-size: 100% 100%;
|
||||
@@ -258,7 +258,7 @@ export default {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.Genderfemale {
|
||||
background: url(../../../static/femaleimg.png) no-repeat center;
|
||||
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/femaleimg.png) no-repeat center;
|
||||
width: 56.3rpx;
|
||||
height: 29.58rpx;
|
||||
background-size: 100% 100%;
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<view class="pkRecord">
|
||||
<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="Return" @click="onBack">
|
||||
<image class="ReturnImg" src="../../../static/Return.png" mode="scaleToFill" />
|
||||
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
<view class="title">PK记录</view>
|
||||
<!-- 导航栏 -->
|
||||
@@ -50,7 +50,7 @@
|
||||
<image class="AnchorAImgcss" :src="item.anchorIconA" mode="scaleToFill" />
|
||||
</view>
|
||||
<!-- 皇冠 -->
|
||||
<image class="Crown" src="../../../static/Crown.png" mode="scaleToFill" v-if="item.winnerAnchorId == item.anchorIdA"/>
|
||||
<image class="Crown" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Crown.png" mode="scaleToFill" v-if="item.winnerAnchorId == item.anchorIdA"/>
|
||||
<view class="AnchorAinfo">
|
||||
<view class="AnchorAname"> {{ item.anchorIdA }} </view>
|
||||
<view class="AnchorATime">{{ formatDate(item.pkTime) }}</view>
|
||||
@@ -80,7 +80,7 @@
|
||||
<image class="AnchorBImgcss" :src="item.anchorIconB" mode="scaleToFill" />
|
||||
</view>
|
||||
<!-- 皇冠 -->
|
||||
<image class="Crown" src="../../../static/Crown.png" mode="scaleToFill" v-if="item.winnerAnchorId == item.anchorIdB"/>
|
||||
<image class="Crown" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Crown.png" mode="scaleToFill" v-if="item.winnerAnchorId == item.anchorIdB"/>
|
||||
</view>
|
||||
</view>
|
||||
</uni-card>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<image
|
||||
class="Fork"
|
||||
@click="open()"
|
||||
src="../../../../static/Fork.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Fork.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view class="Titlecss">
|
||||
@@ -67,19 +67,19 @@
|
||||
<image
|
||||
v-if="genders === 0 || message.sex === '0'"
|
||||
class="Gendericon"
|
||||
src="../../../../static/ask.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/ask.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<image
|
||||
v-if="genders === 1||message.sex === '1'"
|
||||
class="Gendericon"
|
||||
src="../../../../static/man.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/man.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<image
|
||||
v-if="genders === 2||message.sex === '2'"
|
||||
class="Gendericon"
|
||||
src="../../../../static/girl.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/girl.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
@@ -92,7 +92,7 @@
|
||||
<view class="goldCoin">
|
||||
<view class="number-box">
|
||||
<view class="number-box-title">金币数量:</view>
|
||||
<uni-number-box background="#03ABA8" v-model="numberCoins" ></uni-number-box>
|
||||
<uni-number-box :max="9999999999" background="#03ABA8" v-model="numberCoins" ></uni-number-box>
|
||||
<view class="number-box-title">单位:</view>
|
||||
<view class="number-box-unit">K</view>
|
||||
</view>
|
||||
@@ -385,13 +385,13 @@ export default {
|
||||
.Star{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
background-image: url(../../../../static/star.png);
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/star.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.Title {
|
||||
width: 430rpx;
|
||||
height: 70rpx;
|
||||
background-image: url(../../../../static/Publishpk.png);
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Publishpk.png);
|
||||
background-size: 100% 200%;
|
||||
background-position: 30% 0%;
|
||||
margin-left: 26rpx;
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<view class="service-protocol">
|
||||
<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="Return" @click="onBack">
|
||||
<image class="ReturnImg" src="../../../static/Return.png" mode="scaleToFill" />
|
||||
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
<view class="title">服务协议</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user