优化页面

This commit is contained in:
pengxiaolong
2025-06-12 22:16:09 +08:00
parent 931d867c09
commit de99d32c01
63 changed files with 973 additions and 335 deletions

View File

@@ -4,6 +4,7 @@ const components_TUILogin = require("../../components/TUILogin.js");
const components_request = require("../../components/request.js");
const components_formatDate = require("../../components/formatDate.js");
const stores_counter = require("../../stores/counter.js");
const components_NationalDictionary = require("../../components/NationalDictionary.js");
const topNavigation = () => "../../components/topNavigation/topNavigation.js";
const Advertisement = () => "../../components/Advertisement/Advertisement.js";
const tabBar = () => "../../components/tabBar/tabBar.js";
@@ -29,8 +30,33 @@ const _sfc_main = {
// PK大厅列表数据
MakeAppointmentPKlist: [],
// 今日PK列表数据
listtype: 1
listtype: 1,
// 列表类型 1 当天 2 大于当天
filterable: true,
//是否可搜索
Country: components_NationalDictionary.optionsArray,
countrys: "",
//国家
genders: 0,
//性别
Gender: [
{ label: "男", value: 1 },
{ label: "女", value: 2 }
],
minNumberCoins: "",
//最小金币数
maxNumberCoins: "",
//最大金币数
mindatetimesingle: "",
//最小PK时间
maxdatetimesingle: "",
//最大PK时间
HintCion: false,
//金币提示信息
HintTime: false,
//时间提示信息
ConfirmStatus: false
//确认弹窗状态
};
},
mounted() {
@@ -51,7 +77,7 @@ const _sfc_main = {
key: "chatInfo",
success: (res3) => {
this.chatInfo = res3.data;
common_vendor.index.__f__("log", "at pages/Home/Home.vue:111", "chatInfo", this.chatInfo);
common_vendor.index.__f__("log", "at pages/Home/Home.vue:241", "chatInfo", this.chatInfo);
components_TUILogin.TUIlogin(this.chatInfo.appId, this.info.id, this.myuserSig.userSig);
}
});
@@ -64,10 +90,100 @@ const _sfc_main = {
}, 1e3);
},
methods: {
//关闭弹窗(取消)
closePopup() {
this.$refs.popup.close();
},
//确认弹窗
confirm() {
this.ConfirmStatus = true;
common_vendor.index.__f__(
"log",
"at pages/Home/Home.vue:262",
this.minNumberCoins,
this.maxNumberCoins,
this.mindatetimesingle,
this.maxdatetimesingle
);
if (this.minNumberCoins === "" && this.maxNumberCoins !== "" || this.minNumberCoins !== "" && this.maxNumberCoins === "") {
this.HintCion = true;
return;
}
if (this.mindatetimesingle === "" && this.maxdatetimesingle !== "" || this.mindatetimesingle !== "" && this.maxdatetimesingle === "") {
this.HintTime = true;
return;
}
if (this.genders === 0 && this.countrys === "" && this.minNumberCoins === "" && this.maxNumberCoins === "" && this.mindatetimesingle === "" && this.maxdatetimesingle === "") {
if (this.listtype === 1) {
this.MakeAppointmentPKlist = [];
} else {
this.RealTimePklist = [];
}
this.list = [];
this.pkList({ type: this.listtype });
this.closePopup();
return;
}
this.closePopup();
this.page = 0;
this.list = [];
if (this.listtype === 1) {
this.MakeAppointmentPKlist = [];
this.pkList({
type: this.listtype,
sex: this.genders,
coin: {
start: this.minNumberCoins,
end: this.maxNumberCoins
},
country: this.countrys
});
} else {
this.RealTimePklist = [];
this.pkList({
sex: this.genders,
coin: {
start: this.minNumberCoins,
end: this.maxNumberCoins
},
country: this.countrys,
pkTime: {
start: this.mindatetimesingle,
end: this.maxdatetimesingle
}
});
}
},
//清空弹窗
clear() {
this.genders = 0;
this.countrys = "";
this.minNumberCoins = "";
this.maxNumberCoins = "";
this.mindatetimesingle = "";
this.maxdatetimesingle = "";
this.ConfirmStatus = false;
},
//获取国家
country(item) {
this.countrys = item.value;
common_vendor.index.__f__("log", "at pages/Home/Home.vue:343", item);
},
//获取性别
gender(item) {
this.genders = item.value;
common_vendor.index.__f__("log", "at pages/Home/Home.vue:348", item);
},
// 打开弹窗(筛选条件)
goScreening() {
this.$refs.popup.open("right");
},
//今日
goMakeAppointmentPK() {
this.listtype = 1;
this.list = this.MakeAppointmentPKlist;
},
//大厅
goRealTimePk() {
this.listtype = 2;
this.list = this.RealTimePklist;
@@ -84,14 +200,30 @@ const _sfc_main = {
this.RealTimePklist = [];
}
this.triggered = true;
this.pkList({ type: this.listtype });
if (this.ConfirmStatus) {
if (this.genders === 0 && this.countrys === "" && this.minNumberCoins === "" && this.maxNumberCoins === "" && this.mindatetimesingle === "" && this.maxdatetimesingle === "") {
this.pkList({ type: this.listtype });
} else {
if (this.minNumberCoins === "" && this.maxNumberCoins !== "" || this.minNumberCoins !== "" && this.maxNumberCoins === "") {
this.pkList({ type: this.listtype });
return;
}
if (this.mindatetimesingle === "" && this.maxdatetimesingle !== "" || this.mindatetimesingle !== "" && this.maxdatetimesingle === "") {
this.pkList({ type: this.listtype });
return;
}
this.confirm();
}
} else {
this.pkList({ type: this.listtype });
}
},
async goDetail(item) {
common_vendor.index.showLoading({
title: "加载中...",
mask: true
});
common_vendor.index.__f__("log", "at pages/Home/Home.vue:152", "id", item.id, this.info.id);
common_vendor.index.__f__("log", "at pages/Home/Home.vue:413", "id", item.id, this.info.id);
const res = await components_request.request({
url: "pk/pkInfoDetail",
method: "POST",
@@ -101,12 +233,12 @@ const _sfc_main = {
},
userInfo: true
});
common_vendor.index.__f__("log", "at pages/Home/Home.vue:163", "res", res);
common_vendor.index.__f__("log", "at pages/Home/Home.vue:424", "res", res);
this.detailsdata = res.data;
if (res.code === 200) {
if (res.data.length !== 0) {
common_vendor.index.hideLoading();
common_vendor.index.__f__("log", "at pages/Home/Home.vue:168", "res.data", res.data);
common_vendor.index.__f__("log", "at pages/Home/Home.vue:429", "res.data", res.data);
common_vendor.index.navigateTo({
url: "/pages/pkDetail/pkDetail",
success: (res2) => {
@@ -142,7 +274,7 @@ const _sfc_main = {
},
userInfo: false
});
common_vendor.index.__f__("log", "at pages/Home/Home.vue:206", res);
common_vendor.index.__f__("log", "at pages/Home/Home.vue:467", res);
if (res.code === 200) {
this.triggered = false;
if (condition.type === 1) {
@@ -174,20 +306,29 @@ if (!Array) {
const _component_advertisement = common_vendor.resolveComponent("advertisement");
const _component_uni_card = common_vendor.resolveComponent("uni-card");
const _easycom_tabBar2 = common_vendor.resolveComponent("tabBar");
(_component_top_navigation + _component_advertisement + _component_uni_card + _easycom_tabBar2)();
const _easycom_wht_select2 = common_vendor.resolveComponent("wht-select");
const _easycom_uni_number_box2 = common_vendor.resolveComponent("uni-number-box");
const _easycom_uni_datetime_picker2 = common_vendor.resolveComponent("uni-datetime-picker");
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
(_component_top_navigation + _component_advertisement + _component_uni_card + _easycom_tabBar2 + _easycom_wht_select2 + _easycom_uni_number_box2 + _easycom_uni_datetime_picker2 + _easycom_uni_popup2)();
}
const _easycom_tabBar = () => "../../components/tabBar/tabBar.js";
const _easycom_wht_select = () => "../../uni_modules/wht-select/components/wht-select/wht-select.js";
const _easycom_uni_number_box = () => "../../uni_modules/uni-number-box/components/uni-number-box/uni-number-box.js";
const _easycom_uni_datetime_picker = () => "../../uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.js";
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
if (!Math) {
_easycom_tabBar();
(_easycom_tabBar + _easycom_wht_select + _easycom_uni_number_box + _easycom_uni_datetime_picker + _easycom_uni_popup)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: common_vendor.o$1($options.goRealTimePk),
b: common_vendor.o$1($options.goMakeAppointmentPK),
c: common_vendor.o$1((...args) => $options.goAdvertisement && $options.goAdvertisement(...args)),
d: $data.list.length !== 0
c: common_vendor.o$1($options.goScreening),
d: common_vendor.o$1((...args) => $options.goAdvertisement && $options.goAdvertisement(...args)),
e: $data.list.length !== 0
}, $data.list.length !== 0 ? {
e: common_vendor.f($data.list, (item, index, i0) => {
f: common_vendor.f($data.list, (item, index, i0) => {
return common_vendor.e({
a: item.anchorIcon,
b: common_vendor.t(item.disPlayId),
@@ -204,13 +345,83 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
});
})
} : {}, {
f: $data.list.length === 0
g: $data.list.length === 0
}, $data.list.length === 0 ? {} : {}, {
g: common_vendor.o$1((...args) => $options.onRefresherRefresh && $options.onRefresherRefresh(...args)),
h: common_vendor.o$1((...args) => _ctx.onScrollToLower && _ctx.onScrollToLower(...args)),
i: $data.triggered,
j: common_vendor.p({
h: common_vendor.o$1((...args) => $options.onRefresherRefresh && $options.onRefresherRefresh(...args)),
i: common_vendor.o$1((...args) => _ctx.onScrollToLower && _ctx.onScrollToLower(...args)),
j: $data.triggered,
k: common_vendor.p({
tabIndex: 0
}),
l: common_vendor.o$1($options.country),
m: common_vendor.p({
backgroundColor: "#ffffff",
placeholderColor: "#666666",
textColor: "#666666",
borderColor: "#a3a3a3",
options: $data.Country,
filterable: $data.filterable,
placeholder: "请选择国家",
value: $data.countrys
}),
n: common_vendor.o$1($options.gender),
o: common_vendor.p({
backgroundColor: "#ffffff",
placeholderColor: "#666666",
textColor: "#666666",
borderColor: "#a3a3a3",
options: $data.Gender,
placeholder: "性别",
value: $data.genders
}),
p: $data.genders === 0
}, $data.genders === 0 ? {} : {}, {
q: $data.genders === 1
}, $data.genders === 1 ? {} : {}, {
r: $data.genders === 2
}, $data.genders === 2 ? {} : {}, {
s: common_vendor.o$1(($event) => $data.minNumberCoins = $event),
t: common_vendor.p({
max: 9999999999,
background: "ffffff",
modelValue: $data.minNumberCoins
}),
v: $data.minNumberCoins == "" && $data.HintCion === true
}, $data.minNumberCoins == "" && $data.HintCion === true ? {} : {}, {
w: common_vendor.o$1(($event) => $data.maxNumberCoins = $event),
x: common_vendor.p({
max: 9999999999,
background: "#ffffff",
modelValue: $data.maxNumberCoins
}),
y: $data.maxNumberCoins == "" && $data.HintCion === true
}, $data.maxNumberCoins == "" && $data.HintCion === true ? {} : {}, {
z: $data.listtype === 2
}, $data.listtype === 2 ? common_vendor.e({
A: common_vendor.o$1(($event) => $data.mindatetimesingle = $event),
B: common_vendor.p({
type: "datetime",
["hide-second"]: "true",
modelValue: $data.mindatetimesingle
}),
C: $data.mindatetimesingle == "" && $data.HintTime === true
}, $data.mindatetimesingle == "" && $data.HintTime === true ? {} : {}) : {}, {
D: $data.listtype === 2
}, $data.listtype === 2 ? common_vendor.e({
E: common_vendor.o$1(($event) => $data.maxdatetimesingle = $event),
F: common_vendor.p({
type: "datetime",
["hide-second"]: "true",
modelValue: $data.maxdatetimesingle
}),
G: $data.maxdatetimesingle == "" && $data.HintTime === true
}, $data.maxdatetimesingle == "" && $data.HintTime === true ? {} : {}) : {}, {
H: common_vendor.o$1((...args) => $options.closePopup && $options.closePopup(...args)),
I: common_vendor.o$1((...args) => $options.confirm && $options.confirm(...args)),
J: common_vendor.o$1((...args) => $options.clear && $options.clear(...args)),
K: common_vendor.sr("popup", "7ffebbf4-4"),
L: common_vendor.p({
position: "right"
})
});
}

View File

@@ -3,6 +3,10 @@
"usingComponents": {
"top-navigation": "../../components/topNavigation/topNavigation",
"advertisement": "../../components/Advertisement/Advertisement",
"tab-bar": "../../components/tabBar/tabBar"
"tab-bar": "../../components/tabBar/tabBar",
"wht-select": "../../uni_modules/wht-select/components/wht-select/wht-select",
"uni-number-box": "../../uni_modules/uni-number-box/components/uni-number-box/uni-number-box",
"uni-datetime-picker": "../../uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker",
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
}
}

File diff suppressed because one or more lines are too long

View File

@@ -25,7 +25,7 @@
left: 0;
width: 100%;
height: 100rpx;
z-index: 100;
z-index: 2;
}
.contentList.data-v-7ffebbf4 {
position: fixed;
@@ -79,7 +79,8 @@
font-size: 14rpx;
}
.Gendermale.data-v-7ffebbf4 {
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/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%;
@@ -88,7 +89,8 @@
margin-right: 10rpx;
}
.Genderfemale.data-v-7ffebbf4 {
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/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%;
@@ -114,7 +116,7 @@
line-height: 38rpx;
font-weight: 600;
}
.no-content.data-v-7ffebbf4{
.no-content.data-v-7ffebbf4 {
position: absolute;
top: 50%;
left: 50%;
@@ -124,3 +126,125 @@
line-height: 40rpx;
text-align: center;
}
.popup-container.data-v-7ffebbf4 {
height: 1626px;
width: 650rpx;
background: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png);
border-radius: 15rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.popup-title.data-v-7ffebbf4 {
font-size: 50rpx;
line-height: 50rpx;
margin-top: 250rpx;
font-weight: bold;
background: linear-gradient(135deg, #00afb2, #4fcacd);
-webkit-background-clip: text; /* 兼容 WebKit 内核 */
background-clip: text;
color: transparent; /* 隐藏原文字颜色 */
-webkit-text-fill-color: transparent; /* Safari 兼容 */
}
.p-country.data-v-7ffebbf4 {
width: 500rpx;
height: 100rpx;
margin-top: 80rpx;
}
.popup-sex.data-v-7ffebbf4 {
width: 500rpx;
height: 100rpx;
margin-top: 40rpx;
display: flex;
justify-content: space-between;
}
.p-sex.data-v-7ffebbf4 {
width: 420rpx;
height: 100rpx;
}
.Gendericoncss.data-v-7ffebbf4 {
display: flex;
justify-content: center;
align-items: center;
width: 60rpx;
height: 60rpx;
border-radius: 50%;
border: 1rpx solid #ff9d0067;
margin-left: 20rpx;
margin-top: 10rpx;
}
.Gendericon.data-v-7ffebbf4 {
width: 40rpx;
height: 40rpx;
/* margin-top: 10rpx;
margin-right: 40rpx; */
}
.popup-coin.data-v-7ffebbf4 {
width: 500rpx;
margin-top: 40rpx;
display: flex;
}
.p-coin.data-v-7ffebbf4 {
width: 500rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.p-coin-title.data-v-7ffebbf4 {
font-size: 20rpx;
color: #a3a3a3;
}
.p-time.data-v-7ffebbf4 {
width: 500rpx;
margin-top: 40rpx;
}
.popup-btn-cancel.data-v-7ffebbf4 {
width: 170rpx;
height: 60rpx;
font-size: 30rpx;
color: #ffffff;
line-height: 60rpx;
text-align: center;
margin-right: 20rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
}
.popup-btn-confirm.data-v-7ffebbf4 {
width: 170rpx;
height: 60rpx;
font-size: 30rpx;
color: #ffffff;
line-height: 60rpx;
text-align: center;
margin-right: 20rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #4fcd9d, #5fdeba);
}
.popup-btn-clear.data-v-7ffebbf4 {
width: 170rpx;
height: 60rpx;
font-size: 30rpx;
color: #ffffff;
line-height: 60rpx;
text-align: center;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #cd924f, #debc5f);
}
.Hintcss.data-v-7ffebbf4 {
font-size: 18rpx;
color: #ff5555;
}
.popup-btn.data-v-7ffebbf4 {
width: 600rpx;
height: 100rpx;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 400rpx;
}

View File

@@ -100,7 +100,7 @@ const _sfc_main = {
// 退出登录
logout() {
common_vendor.index.clearStorage();
common_vendor.A.logout;
common_vendor.A.logout();
common_vendor.index.reLaunch({
url: "/pages/login/login"
});

View File

@@ -48,7 +48,7 @@ const _sfc_main = {
// 微信登录
wxLogin(e) {
common_vendor.index.showLoading({
title: "登录中...",
title: "修改中...",
mask: true
});
components_postFile.uploadFile({

View File

@@ -67,7 +67,7 @@ const _sfc_main = {
path: this.userinfo,
name: this.Filename
}).then((ress) => {
this.picture = ress;
this.picture = ress.split("/").pop();
components_request.request({
url: "user/inputUserInfo",
method: "POST",