优化页面
This commit is contained in:
@@ -4,8 +4,18 @@
|
||||
<image class="bgImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill" />
|
||||
</view>
|
||||
<view class="title">论坛</view>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="building">
|
||||
<view>
|
||||
<image
|
||||
style="width: 500rpx;"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/building.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
<view class="buildingTitle">建设中~</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tabBar">
|
||||
<tabBar :tabIndex="1"></tabBar>
|
||||
@@ -53,4 +63,27 @@ import tabBar from "../../components/tabBar/tabBar";
|
||||
color: #100e0f;
|
||||
font-weight: bold;
|
||||
}
|
||||
/* 建设中 */
|
||||
.content{
|
||||
position: absolute;
|
||||
top: 250rpx;
|
||||
left: 0rpx;
|
||||
right: 0rpx;
|
||||
bottom: 100rpx;
|
||||
}
|
||||
.building{
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.buildingTitle{
|
||||
font-size: 40rpx;
|
||||
color: #999999;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -265,6 +265,15 @@ export default {
|
||||
closePopup() {
|
||||
this.$refs.popup.close();
|
||||
},
|
||||
//格式化日期
|
||||
dateformat(date) {
|
||||
const isoString = date.replace(" ", "T");
|
||||
const timestamp = Date.parse(isoString);
|
||||
if (isNaN(timestamp)) {
|
||||
throw new Error(`Invalid date format: ${this.datetimesingle}`);
|
||||
}
|
||||
return Math.floor(timestamp / 1000);
|
||||
},
|
||||
//确认弹窗
|
||||
confirm() {
|
||||
//判断金币是否有为空
|
||||
@@ -348,11 +357,11 @@ export default {
|
||||
}
|
||||
if (this.mindatetimesingle !== "") {
|
||||
condition.pkTime = {
|
||||
start: this.mindatetimesingle,
|
||||
start: this.dateformat(this.mindatetimesingle),
|
||||
};
|
||||
}
|
||||
if (this.maxdatetimesingle !== "") {
|
||||
condition.pkTime.end = this.maxdatetimesingle;
|
||||
condition.pkTime.end = this.dateformat(this.maxdatetimesingle);
|
||||
}
|
||||
if (this.countrys !== "") {
|
||||
condition.country = this.countrys;
|
||||
@@ -482,7 +491,7 @@ export default {
|
||||
formatDate: formatDate,
|
||||
|
||||
async pkList(condition) {
|
||||
console.log(condition);
|
||||
console.log("`````````````````````````````",condition);
|
||||
//获取list
|
||||
const res = await request({
|
||||
url: "pk/pkList",
|
||||
@@ -497,7 +506,7 @@ export default {
|
||||
userInfo: false,
|
||||
});
|
||||
if (res.code === 200) {
|
||||
console.log(res.data);
|
||||
console.log("````````````````````````````````",res.data);
|
||||
this.triggered = false;
|
||||
if (condition.type === 1) {
|
||||
this.MakeAppointmentPKlist.push(...res.data);
|
||||
@@ -509,6 +518,9 @@ export default {
|
||||
if (condition.type == this.listtype) {
|
||||
this.list = this.RealTimePklist;
|
||||
}
|
||||
if (condition.type == null) {
|
||||
this.list = this.RealTimePklist;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -161,7 +161,12 @@
|
||||
>
|
||||
失败
|
||||
</view>
|
||||
<view class="Result" v-else-if="item.winnerAnchorId === item.anchorIdA && item.winnerAnchorId !== null">
|
||||
<view
|
||||
class="Result"
|
||||
v-else-if="
|
||||
item.winnerAnchorId === item.anchorIdA && item.winnerAnchorId !== null
|
||||
"
|
||||
>
|
||||
胜利
|
||||
</view>
|
||||
<view class="Session"> 共{{ item.pkNumber }}场 </view>
|
||||
@@ -212,6 +217,15 @@
|
||||
<view class="tabBar">
|
||||
<tabBar :tabIndex="4"></tabBar>
|
||||
</view>
|
||||
<uni-popup ref="popupExpurgate" type="center" border-radius="10px 10px 0 0">
|
||||
<view class="popup-container-expurgate">
|
||||
<view class="popup-title">您确定要退出登录吗?</view>
|
||||
<view class="popup-btn">
|
||||
<view class="uni-primary" @click="onExpurgateConfirm">确定</view>
|
||||
<view class="uni-default" @click="closePopupExpurgate">取消</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -295,7 +309,6 @@ export default {
|
||||
},
|
||||
// 获取签到状态
|
||||
getSignStatus() {
|
||||
|
||||
const res = request({
|
||||
url: "user/checkSignStatus",
|
||||
method: "GET",
|
||||
@@ -430,12 +443,20 @@ export default {
|
||||
},
|
||||
// 退出登录
|
||||
logout() {
|
||||
this.$refs.popupExpurgate.open("center");
|
||||
},
|
||||
//确认退出登录
|
||||
onExpurgateConfirm() {
|
||||
uni.clearStorage();
|
||||
TUILogin.logout();
|
||||
uni.reLaunch({
|
||||
url: "/pages/login/login",
|
||||
});
|
||||
},
|
||||
// 关闭弹窗
|
||||
closePopupExpurgate() {
|
||||
this.$refs.popupExpurgate.close();
|
||||
},
|
||||
},
|
||||
components: {
|
||||
tabBar,
|
||||
@@ -685,4 +706,51 @@ export default {
|
||||
font-size: 28.63rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.popup-container-expurgate {
|
||||
width: 500rpx;
|
||||
height: 300rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.popup-title {
|
||||
font-size: 40rpx;
|
||||
color: #161616;
|
||||
font-weight: bold;
|
||||
margin-top: 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.popup-btn {
|
||||
margin-top: 80rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.uni-primary {
|
||||
width: 200rpx;
|
||||
height: 70rpx;
|
||||
border-top-left-radius: 50rpx;
|
||||
border-bottom-left-radius: 50rpx;
|
||||
border-bottom-right-radius: 50rpx;
|
||||
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
|
||||
font-size: 25rpx;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
line-height: 70rpx;
|
||||
margin-right: 35rpx;
|
||||
}
|
||||
.uni-default {
|
||||
width: 200rpx;
|
||||
height: 70rpx;
|
||||
border-top-left-radius: 50rpx;
|
||||
border-bottom-left-radius: 50rpx;
|
||||
border-bottom-right-radius: 50rpx;
|
||||
background-image: linear-gradient(135deg, #cecece, #d6d6d6);
|
||||
font-size: 25rpx;
|
||||
color: #161616;
|
||||
text-align: center;
|
||||
line-height: 70rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -16,6 +16,7 @@
|
||||
</view>
|
||||
<view class="title">主播库</view>
|
||||
<view class="content">
|
||||
|
||||
<scroll-view
|
||||
show-scrollbar="false"
|
||||
scroll-y="true"
|
||||
@@ -25,6 +26,7 @@
|
||||
@refresherrefresh="onRefresherRefresh"
|
||||
lower-threshold="100"
|
||||
:refresher-triggered="triggered"
|
||||
v-if="AnchorList.length !== 0"
|
||||
>
|
||||
<uni-card class="card" v-for="(item, index) in AnchorList" :key="index">
|
||||
<view class="Profile">
|
||||
@@ -82,6 +84,7 @@
|
||||
</view>
|
||||
</uni-card>
|
||||
</scroll-view>
|
||||
<view v-else class="empty">暂无内容</view>
|
||||
</view>
|
||||
<view class="addition" @click="openPopupQuantity()"> </view>
|
||||
</view>
|
||||
@@ -225,6 +228,18 @@ export default {
|
||||
height: 1300rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.empty{
|
||||
position: absolute;
|
||||
top: 200rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1300rpx;
|
||||
width: 100%;
|
||||
line-height: 1300rpx;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
color: #a3a3a3;
|
||||
}
|
||||
.card {
|
||||
width: 695rpx;
|
||||
height: 180rpx;
|
||||
|
||||
@@ -7,6 +7,18 @@
|
||||
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
<view class="title">联系客服</view>
|
||||
<view class="content">
|
||||
<view class="building">
|
||||
<view>
|
||||
<image
|
||||
style="width: 500rpx;"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/building.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
<view class="buildingTitle">建设中~</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -63,4 +75,27 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
/* 建设中 */
|
||||
.content{
|
||||
position: absolute;
|
||||
top: 250rpx;
|
||||
left: 0rpx;
|
||||
right: 0rpx;
|
||||
bottom: 100rpx;
|
||||
}
|
||||
.building{
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.buildingTitle{
|
||||
font-size: 40rpx;
|
||||
color: #999999;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -18,6 +18,7 @@
|
||||
lower-threshold="100"
|
||||
@scrolltolower="onScrollToLower"
|
||||
:refresher-triggered="triggered"
|
||||
v-if="pkList.length !== 0"
|
||||
>
|
||||
<uni-card class="card" v-for="(item, index) in pkList" :key="index">
|
||||
<view class="Profile">
|
||||
@@ -97,6 +98,7 @@
|
||||
</view>
|
||||
</uni-card>
|
||||
</scroll-view>
|
||||
<view v-if="pkList.length === 0" class="no-data">暂无内容</view>
|
||||
</view>
|
||||
</view>
|
||||
<Recompose ref="createModule" class="createModule" :message="parentMessage" @Refresh="onRefresherRefresh"></Recompose>
|
||||
@@ -104,6 +106,7 @@
|
||||
<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
|
||||
<view class="popup-container">
|
||||
<view class="popup-title">选择置顶时长</view>
|
||||
<view class="popup-text"> 置顶后,该用户将在首页置顶,并在指定时长内享有置顶特权。置顶时长不足 1 小时,系统将按 1 小时计算积分扣除。请选择置顶时长:</view>
|
||||
<view class="popup-picker">
|
||||
<picker mode = "selector" :range="pickerArray" :value="index" @change="bindPickerChange">
|
||||
<view class="uni-input">{{pickerArray[index]}}小时</view>
|
||||
@@ -236,12 +239,7 @@ export default {
|
||||
this.topPinnedPersondata = {}
|
||||
},
|
||||
onTopConfirm() {
|
||||
if(Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600) <= this.topPinnedPersondata.pkTime){
|
||||
this.Topdate = Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600)
|
||||
}else{
|
||||
this.Topdate = this.topPinnedPersondata.pkTime
|
||||
}
|
||||
|
||||
this.Topdate = Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600)
|
||||
request({
|
||||
url: "user/pinToTop",
|
||||
method: "POST",
|
||||
@@ -386,6 +384,18 @@ export default {
|
||||
height: 1300rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.no-data{
|
||||
position: absolute;
|
||||
top: 200rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1300rpx;
|
||||
width: 100%;
|
||||
line-height: 1300rpx;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
color: #959595;
|
||||
}
|
||||
.card {
|
||||
width: 695rpx;
|
||||
height: 180rpx;
|
||||
@@ -504,12 +514,13 @@ export default {
|
||||
}
|
||||
.popup-container{
|
||||
width: 500rpx;
|
||||
height: 300rpx;
|
||||
height: 500rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.popup-container-out{
|
||||
width: 500rpx;
|
||||
@@ -541,32 +552,33 @@ export default {
|
||||
font-size: 25rpx;
|
||||
color: #959595;
|
||||
margin-top: 30rpx;
|
||||
width: 400rpx;
|
||||
}
|
||||
.popup-picker{
|
||||
margin-top: 30rpx;
|
||||
width: 400rpx;
|
||||
height: 50rpx;
|
||||
margin-top: 60rpx;
|
||||
width: 450rpx;
|
||||
height: 60rpx;
|
||||
border: #5bced1 solid 1rpx;
|
||||
border-radius: 15rpx;
|
||||
}
|
||||
.uni-input{
|
||||
font-size: 30rpx;
|
||||
color: #ffffff;
|
||||
width: 400rpx;
|
||||
height: 50rpx;
|
||||
width: 450rpx;
|
||||
height: 60rpx;
|
||||
text-align: center;
|
||||
line-height: 50rpx;
|
||||
line-height: 60rpx;
|
||||
background-color: #5bced1;
|
||||
border-radius: 15rpx;
|
||||
}
|
||||
.popup-btn{
|
||||
margin-top: 30rpx;
|
||||
margin-top: 60rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.uni-primary{
|
||||
width: 150rpx;
|
||||
height: 50rpx;
|
||||
width: 200rpx;
|
||||
height: 60rpx;
|
||||
border-top-left-radius: 50rpx;
|
||||
border-bottom-left-radius: 50rpx;
|
||||
border-bottom-right-radius: 50rpx;
|
||||
@@ -574,12 +586,12 @@ export default {
|
||||
font-size: 25rpx;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
line-height: 50rpx;
|
||||
margin-right: 20rpx;
|
||||
line-height: 60rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.uni-default{
|
||||
width: 150rpx;
|
||||
height: 50rpx;
|
||||
width: 200rpx;
|
||||
height: 60rpx;
|
||||
border-top-left-radius: 50rpx;
|
||||
border-bottom-left-radius: 50rpx;
|
||||
border-bottom-right-radius: 50rpx;
|
||||
@@ -587,6 +599,6 @@ export default {
|
||||
font-size: 25rpx;
|
||||
color: #161616;
|
||||
text-align: center;
|
||||
line-height: 50rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -41,6 +41,7 @@
|
||||
lower-threshold="100"
|
||||
@scrolltolower="onScrollToLower"
|
||||
:refresher-triggered="triggered"
|
||||
v-if="pkRecordlist.length !== 0"
|
||||
>
|
||||
<uni-card v-for="(item, index) in pkRecordlist" :key="index" >
|
||||
<view class="card" @click="onItemClick(item)">
|
||||
@@ -86,6 +87,7 @@
|
||||
</view>
|
||||
</uni-card>
|
||||
</scroll-view>
|
||||
<view v-if="pkRecordlist.length === 0" class="nodata">暂无内容</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -289,6 +291,14 @@ export default {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.nodata {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
line-height: 1300rpx;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
color: #a3a3a3;
|
||||
}
|
||||
/* 卡片 */
|
||||
.card {
|
||||
width: 694.66rpx;
|
||||
|
||||
@@ -133,7 +133,6 @@
|
||||
>请选择日期</view
|
||||
>
|
||||
</view>
|
||||
<!-- ···············································标记2············································ -->
|
||||
<view class="goldCoin">
|
||||
<view class="number-box">
|
||||
<view class="number-box-title">选择场数:</view>
|
||||
@@ -144,7 +143,6 @@
|
||||
>请填写场数</view
|
||||
>
|
||||
</view>
|
||||
<!-- ··························································································· -->
|
||||
<view class="Remarkscss">
|
||||
<uni-easyinput
|
||||
type="textarea"
|
||||
|
||||
@@ -7,6 +7,18 @@
|
||||
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
|
||||
</view>
|
||||
<view class="title">服务协议</view>
|
||||
<view class="content">
|
||||
<view class="building">
|
||||
<view>
|
||||
<image
|
||||
style="width: 500rpx;"
|
||||
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/building.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
<view class="buildingTitle">建设中~</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -63,4 +75,27 @@ export default {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
/* 建设中 */
|
||||
.content{
|
||||
position: absolute;
|
||||
top: 250rpx;
|
||||
left: 0rpx;
|
||||
right: 0rpx;
|
||||
bottom: 100rpx;
|
||||
}
|
||||
.building{
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.buildingTitle{
|
||||
font-size: 40rpx;
|
||||
color: #999999;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -120,7 +120,6 @@
|
||||
>请选择日期</view
|
||||
>
|
||||
</view>
|
||||
<!-- ···············································标记2············································ -->
|
||||
<view class="goldCoin">
|
||||
<view class="number-box">
|
||||
<view class="number-box-title">选择场数:</view>
|
||||
@@ -129,7 +128,6 @@
|
||||
</view>
|
||||
<view v-if="session === '' && Hint === true" class="Hint">请填写场数</view>
|
||||
</view>
|
||||
<!-- ··························································································· -->
|
||||
<view class="Remarkscss">
|
||||
<uni-easyinput
|
||||
type="textarea"
|
||||
@@ -427,7 +425,7 @@ export default {
|
||||
} else {
|
||||
uni.hideLoading();
|
||||
uni.showToast({
|
||||
title: "发布失败",
|
||||
title: res.msg,
|
||||
icon: "none",
|
||||
duration: 2000,
|
||||
});
|
||||
|
||||
@@ -211,7 +211,7 @@ export default {
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
//返回上一页
|
||||
goBack() {
|
||||
wx.navigateBack({
|
||||
delta: 1,
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
class="weui-input"
|
||||
placeholder="请输入昵称"
|
||||
@blur="inputName"
|
||||
v-model="name"
|
||||
/>
|
||||
<button class="weui-btn" @click="wxLogin">修改</button>
|
||||
<button class="weui-btn" @click="cancel">取消</button>
|
||||
|
||||
@@ -228,13 +228,13 @@ export default {
|
||||
this.userlist();
|
||||
},
|
||||
invite() {
|
||||
if (this.item.pkTime !== this.list[this.InvitingPartyEventindex].pkTime) {
|
||||
uni.showToast({
|
||||
icon: "none",
|
||||
title: "请保持时间一致",
|
||||
});
|
||||
return;
|
||||
}
|
||||
// if (this.item.pkTime !== this.list[this.InvitingPartyEventindex].pkTime) {
|
||||
// uni.showToast({
|
||||
// icon: "none",
|
||||
// title: "请保持时间一致",
|
||||
// });
|
||||
// return;
|
||||
// }
|
||||
// 发送邀请消息
|
||||
const conversationID = `C2C${this.item.senderId}`;
|
||||
const myitem = JSON.stringify(this.list[this.InvitingPartyEventindex]);
|
||||
@@ -250,7 +250,7 @@ export default {
|
||||
openChat() {
|
||||
// 打开聊天页面
|
||||
const conversationID = `C2C${this.item.senderId}`;
|
||||
uni.redirectTo({
|
||||
uni.navigateTo({
|
||||
url: `/TUIKit/components/TUIChat/index?conversationID=${conversationID}`,
|
||||
});
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user