优化页面
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="forum">
|
||||
<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="title">论坛</view>
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<view class="page">
|
||||
<image src="../../static/HomeBackground.png" class="HomeBackground"></image>
|
||||
<image src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" class="HomeBackground"></image>
|
||||
</view>
|
||||
<view class="top-navigation-container">
|
||||
<top-navigation
|
||||
@@ -22,7 +22,7 @@
|
||||
@scrolltolower="onScrollToLower"
|
||||
:refresher-triggered="triggered"
|
||||
>
|
||||
<uni-card v-for="(item, index) in list">
|
||||
<uni-card v-if="list.length !== 0" v-for="(item, index) in list">
|
||||
<view class="content-list" @click="goDetail(item)">
|
||||
<!-- `````````````````````````` -->
|
||||
<image class="headShot" :src="item.anchorIcon" mode="scaleToFill" />
|
||||
@@ -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>
|
||||
@@ -55,6 +55,7 @@
|
||||
<!-- `````````````````````````````````````````````````````` -->
|
||||
</view>
|
||||
</uni-card>
|
||||
<view v-if="list.length === 0" class="no-content">暂无内容</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="tabBar">
|
||||
@@ -90,8 +91,8 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
// 页面加载完成后请求数据
|
||||
this.pkList({type:2});
|
||||
this.pkList({type:1});
|
||||
this.pkList({ type: 2 });
|
||||
this.pkList({ type: 1 });
|
||||
},
|
||||
onLoad() {
|
||||
uni.getStorage({
|
||||
@@ -114,6 +115,9 @@ export default {
|
||||
});
|
||||
},
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.switchTab({ url: "/pages/Home/Home" });
|
||||
}, 1000);
|
||||
},
|
||||
methods: {
|
||||
goMakeAppointmentPK() {
|
||||
@@ -121,8 +125,8 @@ export default {
|
||||
this.list = this.MakeAppointmentPKlist;
|
||||
},
|
||||
goRealTimePk() {
|
||||
this.listtype = 2;
|
||||
this.list = this.RealTimePklist;
|
||||
this.listtype = 2;
|
||||
this.list = this.RealTimePklist;
|
||||
},
|
||||
goAdvertisement() {
|
||||
// this.$global.lastPage = getCurrentPages().router;
|
||||
@@ -131,13 +135,13 @@ export default {
|
||||
onRefresherRefresh() {
|
||||
this.page = 0;
|
||||
this.list = [];
|
||||
if(this.listtype === 1){
|
||||
if (this.listtype === 1) {
|
||||
this.MakeAppointmentPKlist = [];
|
||||
}else{
|
||||
} else {
|
||||
this.RealTimePklist = [];
|
||||
}
|
||||
this.triggered = true;
|
||||
this.pkList({type:this.listtype});
|
||||
this.pkList({ type: this.listtype });
|
||||
},
|
||||
async goDetail(item) {
|
||||
uni.showLoading({
|
||||
@@ -190,7 +194,7 @@ export default {
|
||||
status: 0,
|
||||
page: this.page,
|
||||
size: this.size,
|
||||
condition:condition
|
||||
condition: condition,
|
||||
},
|
||||
userInfo: false,
|
||||
});
|
||||
@@ -208,13 +212,13 @@ export default {
|
||||
this.list = this.RealTimePklist;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
onScrollToLower() {
|
||||
this.page++;
|
||||
this.pkList({type:this.listtype});
|
||||
},
|
||||
},
|
||||
onScrollToLower() {
|
||||
this.page++;
|
||||
this.pkList({ type: this.listtype });
|
||||
},
|
||||
components: {
|
||||
topNavigation,
|
||||
Advertisement,
|
||||
@@ -306,7 +310,7 @@ export default {
|
||||
}
|
||||
|
||||
.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%;
|
||||
@@ -315,7 +319,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%;
|
||||
@@ -341,4 +345,14 @@ export default {
|
||||
line-height: 38rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.no-content{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 28rpx;
|
||||
color: #a3a3a3;
|
||||
line-height: 40rpx;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -9,7 +9,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">
|
||||
@@ -68,19 +68,19 @@
|
||||
<image
|
||||
v-if="genders === 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"
|
||||
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"
|
||||
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>
|
||||
@@ -212,7 +212,7 @@ export default {
|
||||
mask: true,
|
||||
});
|
||||
uni.request({
|
||||
url: "http://47.79.98.113:6600/"+this.nameAnchor,
|
||||
url: "https://api.tkpage.yolozs.com/api/"+this.nameAnchor,
|
||||
success:(res)=>{
|
||||
if (res.data.code === 200) {
|
||||
uni.hideLoading();
|
||||
@@ -411,13 +411,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: 0 100%;
|
||||
margin-left: 26rpx;
|
||||
|
||||
@@ -3,13 +3,13 @@
|
||||
<view class="background">
|
||||
<image
|
||||
style="width: 100%; height: 100%"
|
||||
src="../../static/HomeBackground.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
<view class="Navigation">
|
||||
<view class="Return" @click="goBack">
|
||||
<image class="Return" src="../../static/Return.png" mode="scaleToFill" />
|
||||
<image class="Return" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="Content">
|
||||
@@ -27,7 +27,7 @@
|
||||
<view>
|
||||
<image
|
||||
style="width: 20rpx; height: 20rpx"
|
||||
src="../../static/male.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/male.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
@@ -38,7 +38,7 @@
|
||||
<view>
|
||||
<image
|
||||
style="width: 20rpx; height: 20rpx"
|
||||
src="../../static/female.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/female.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
@@ -52,7 +52,7 @@
|
||||
<view class="goldCoin">
|
||||
<image
|
||||
style="width: 72rpx; height: 72rpx; margin-left: 36rpx; margin-right: 32rpx"
|
||||
src="../../static/gold.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view class="goldcard">
|
||||
@@ -63,7 +63,7 @@
|
||||
<view class="Session">
|
||||
<image
|
||||
style="width: 72rpx; height: 72rpx; margin-left: 36rpx; margin-right: 32rpx"
|
||||
src="../../static/session.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/session.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view class="goldcard">
|
||||
@@ -87,7 +87,7 @@
|
||||
<view>
|
||||
<image
|
||||
style="width: 20rpx; height: 20rpx"
|
||||
src="../../static/male.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/male.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
@@ -98,7 +98,7 @@
|
||||
<view>
|
||||
<image
|
||||
style="width: 20rpx; height: 20rpx"
|
||||
src="../../static/female.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/female.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
@@ -112,7 +112,7 @@
|
||||
<view class="goldCoin">
|
||||
<image
|
||||
style="width: 72rpx; height: 72rpx; margin-left: 36rpx; margin-right: 32rpx"
|
||||
src="../../static/gold.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view>
|
||||
@@ -123,7 +123,7 @@
|
||||
<view class="Session">
|
||||
<image
|
||||
style="width: 72rpx; height: 72rpx; margin-left: 36rpx; margin-right: 32rpx"
|
||||
src="../../static/session.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/session.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view>
|
||||
@@ -364,7 +364,7 @@ export default {
|
||||
margin-top: 48.7rpx;
|
||||
}
|
||||
.goldCoin {
|
||||
background-image: url("../../static/Backgroundofgoldcoins.png");
|
||||
background-image: url("https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Backgroundofgoldcoins.png");
|
||||
width: 334.83rpx;
|
||||
height: 124.05rpx;
|
||||
margin-right: 21rpx;
|
||||
@@ -372,7 +372,7 @@ export default {
|
||||
align-items: center;
|
||||
}
|
||||
.Session {
|
||||
background-image: url("../../static/Fieldnumberbackground.png");
|
||||
background-image: url("https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Fieldnumberbackground.png");
|
||||
width: 334.83rpx;
|
||||
height: 124.05rpx;
|
||||
display: flex;
|
||||
|
||||
@@ -3,13 +3,13 @@
|
||||
<view class="background">
|
||||
<image
|
||||
style="width: 100%; height: 100%"
|
||||
src="../../static/HomeBackground.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
<view class="Navigation">
|
||||
<view class="Return" @click="Returnfunc">
|
||||
<image class="Return" src="../../static/Return.png" mode="scaleToFill" />
|
||||
<image class="Return" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="Content">
|
||||
@@ -27,7 +27,7 @@
|
||||
<view>
|
||||
<image
|
||||
style="width: 20rpx; height: 20rpx"
|
||||
src="../../static/male.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/male.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
@@ -38,7 +38,7 @@
|
||||
<view>
|
||||
<image
|
||||
style="width: 20rpx; height: 20rpx"
|
||||
src="../../static/female.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/female.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
@@ -52,7 +52,7 @@
|
||||
<view class="goldCoin">
|
||||
<image
|
||||
style="width: 72rpx; height: 72rpx; margin-left: 36rpx; margin-right: 32rpx"
|
||||
src="../../static/gold.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view class="goldcard">
|
||||
@@ -63,7 +63,7 @@
|
||||
<view class="Session">
|
||||
<image
|
||||
style="width: 72rpx; height: 72rpx; margin-left: 36rpx; margin-right: 32rpx"
|
||||
src="../../static/session.png"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/session.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<view class="goldcard">
|
||||
@@ -83,15 +83,11 @@
|
||||
<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
|
||||
<view
|
||||
class="popup-content"
|
||||
style="
|
||||
background-image: url(../../static/queryMyCanUsePkbg.png);
|
||||
background-position: center;
|
||||
"
|
||||
|
||||
>
|
||||
<view class="popup-title">
|
||||
<view class="popup-text">请选择您要参与的主播</view>
|
||||
<scroll-view scroll-y="true" class="scroll">
|
||||
<!-- <uni-card v-for="(item, index) in list"> -->
|
||||
<view class="card" v-for="(item, index) in list">
|
||||
<view
|
||||
class="card-content"
|
||||
@@ -286,6 +282,8 @@ export default {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png);
|
||||
background-position: center;
|
||||
}
|
||||
.popup-title {
|
||||
font-size: 30rpx;
|
||||
@@ -336,7 +334,8 @@ export default {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.card-content {
|
||||
width: 445rpx;
|
||||
/* width: 445rpx; */
|
||||
width: 90%;
|
||||
height: 100rpx;
|
||||
background-color: #ffffff;
|
||||
/* border: 2px solid #afafaf; */
|
||||
@@ -382,14 +381,14 @@ export default {
|
||||
margin-top: 13rpx;
|
||||
}
|
||||
.pkTimeimg {
|
||||
background-image: url(../../static/time.png);
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/time.png);
|
||||
background-size: 100% 100%;
|
||||
width: 31.49rpx;
|
||||
height: 31.49rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.goldimg {
|
||||
background-image: url(../../static/species.png);
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/species.png);
|
||||
background-size: 100% 100%;
|
||||
width: 31.49rpx;
|
||||
height: 35rpx;
|
||||
@@ -517,7 +516,7 @@ export default {
|
||||
margin-top: 48.7rpx;
|
||||
}
|
||||
.goldCoin {
|
||||
background-image: url("../../static/Backgroundofgoldcoins.png");
|
||||
background-image: url("https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Backgroundofgoldcoins.png");
|
||||
width: 334.83rpx;
|
||||
height: 124.05rpx;
|
||||
margin-right: 21rpx;
|
||||
@@ -525,7 +524,7 @@ export default {
|
||||
align-items: center;
|
||||
}
|
||||
.Session {
|
||||
background-image: url("../../static/Fieldnumberbackground.png");
|
||||
background-image: url("https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Fieldnumberbackground.png");
|
||||
width: 334.83rpx;
|
||||
height: 124.05rpx;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user