优化页面

This commit is contained in:
pengxiaolong
2025-05-30 22:04:45 +08:00
parent c747f9625c
commit 050ceedd59
66 changed files with 1215 additions and 190 deletions

View File

@@ -17,6 +17,21 @@ const _sfc_main = {
});
},
methods: {
pkInformation() {
common_vendor.index.navigateTo({
url: "/pages/Mine/minecomponents/pkInformation"
});
},
pkRecord() {
common_vendor.index.navigateTo({
url: "/pages/Mine/minecomponents/pkRecord"
});
},
contact() {
common_vendor.index.navigateTo({
url: "/pages/Mine/minecomponents/contact"
});
},
goSetting() {
common_vendor.index.navigateTo({
url: "/pages/Setting/Setting"
@@ -58,7 +73,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
b: common_vendor.t($data.userinfo.nickName),
c: common_assets._imports_0$2,
d: common_vendor.o$1((...args) => $options.goSetting && $options.goSetting(...args)),
e: common_vendor.o$1((...args) => $options.logout && $options.logout(...args))
e: common_vendor.o$1((...args) => $options.pkInformation && $options.pkInformation(...args)),
f: common_vendor.o$1((...args) => $options.pkRecord && $options.pkRecord(...args)),
g: common_vendor.o$1((...args) => $options.contact && $options.contact(...args)),
h: common_vendor.o$1((...args) => $options.logout && $options.logout(...args))
};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-402ad917"]]);

View File

@@ -1 +1 @@
<view class="container data-v-402ad917"><view class="PersonalInformation data-v-402ad917"><view class="header data-v-402ad917"><image src="{{a}}" mode="scaleToFill" class="headerIcon data-v-402ad917"/></view><view class="data-v-402ad917"><view class="name data-v-402ad917">{{b}}</view></view><view class="Settings data-v-402ad917" bindtap="{{d}}"><image class="SettingsIcon data-v-402ad917" src="{{c}}" mode="scaleToFill"/></view></view><view class="data-v-402ad917"><view class="logout data-v-402ad917" bindtap="{{e}}">退出登录</view></view></view><view class="tabBar data-v-402ad917"><tab-bar class="data-v-402ad917" u-i="402ad917-0" bind:__l="__l"></tab-bar></view>
<view class="container data-v-402ad917"><view class="PersonalInformation data-v-402ad917"><view class="header data-v-402ad917"><image src="{{a}}" mode="scaleToFill" class="headerIcon data-v-402ad917"/></view><view class="data-v-402ad917"><view class="name data-v-402ad917">{{b}}</view></view><view class="Settings data-v-402ad917" bindtap="{{d}}"><image class="SettingsIcon data-v-402ad917" src="{{c}}" mode="scaleToFill"/></view></view><view class="data-v-402ad917"><view class="logout data-v-402ad917" bindtap="{{e}}">pk信息</view></view><view class="data-v-402ad917"><view class="logout data-v-402ad917" bindtap="{{f}}">我的pk记录</view></view><view class="data-v-402ad917"><view class="logout data-v-402ad917" bindtap="{{g}}">联系客服</view></view><view class="data-v-402ad917"><view class="logout data-v-402ad917" bindtap="{{h}}">退出登录</view></view></view><view class="copyright data-v-402ad917">版权所有 © 2025 ...................</view><view class="tabBar data-v-402ad917"><tab-bar class="data-v-402ad917" u-i="402ad917-0" bind:__l="__l"></tab-bar></view>

View File

@@ -37,3 +37,24 @@
width: 50rpx;
height: 50rpx;
}
.logout.data-v-402ad917{
margin-top: 20rpx;
width: 100vw;
height: 80rpx;
line-height: 80rpx;
color: #000000;
font-size: 36rpx;
background: #ffffff;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: center;
}
.copyright.data-v-402ad917{
position: absolute;
bottom: 250rpx;
width: 100%;
text-align: center;
color: #ffffff;
font-size: 24rpx;
z-index: 999;
}

View File

@@ -0,0 +1,20 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const _sfc_main = {
data() {
return {
title: "Hello"
};
},
onLoad() {
},
methods: {
// 方法定义
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2f1f017b"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/Mine/minecomponents/contact.js.map

View File

@@ -0,0 +1,4 @@
{
"navigationBarTitleText": "联系客服",
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<view class="contact data-v-2f1f017b"><view class="data-v-2f1f017b">联系方式</view></view>

View File

@@ -0,0 +1,8 @@
.contact.data-v-2f1f017b{
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

View File

@@ -0,0 +1,124 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const components_request = require("../../../components/request.js");
const components_formatDate = require("../../../components/formatDate.js");
const common_assets = require("../../../common/assets.js");
const _sfc_main = {
inject: ["$global"],
data() {
return {
page: 0,
//页码
size: 10,
//每页条数
list: [],
// 列表数据
detailsdata: {}
//详情数据
};
},
mounted() {
this.pkList();
},
methods: {
onRefresherRefresh() {
this.page = 0;
this.list = [];
this.pkList();
},
async goDetail(item) {
common_vendor.index.showLoading({
title: "加载中...",
mask: true
});
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:83", "id", item.id);
const res = await components_request.request({
url: "pk/pkInfoDetail",
method: "POST",
data: {
id: item.id
},
userInfo: true
});
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:92", "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/Mine/minecomponents/pkInformation.vue:97", "res.data", res.data);
common_vendor.index.navigateTo({
url: "/pages/pkDetail/pkDetail",
success: (res2) => {
res2.eventChannel.emit("itemDetail", {
item: this.detailsdata
});
}
});
} else {
common_vendor.index.hideLoading();
this.openPopupQuantity();
}
} else {
common_vendor.index.hideLoading();
common_vendor.index.showToast({
title: "加载失败",
icon: "none",
duration: 2e3
});
}
},
formatDate: components_formatDate.formatDate,
async pkList() {
const res = await components_request.request({
url: "pk/pkList",
method: "POST",
data: {
status: 0,
page: this.page,
size: this.size
},
userInfo: false
});
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:131", res);
if (res.code === 200) {
this.list.push(...res.data);
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:134", this.list);
}
},
onScrollToLower() {
this.page++;
this.pkList();
}
}
};
if (!Array) {
const _component_uni_card = common_vendor.resolveComponent("uni-card");
_component_uni_card();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.f($data.list, (item, index, i0) => {
return common_vendor.e({
a: item.anchorIcon,
b: common_vendor.t(item.anchorId),
c: item.sex === "2"
}, item.sex === "2" ? {
d: common_assets._imports_0$3
} : {
e: common_assets._imports_1$1
}, {
f: item.sex === "1" ? 1 : "",
g: item.sex === "2" ? 1 : "",
h: common_vendor.t($options.formatDate(item.pkTime)),
i: common_vendor.t(item.coin + "K"),
j: common_vendor.o$1(($event) => $options.goDetail(item)),
k: "36b7ee78-0-" + i0
});
}),
b: common_vendor.o$1((...args) => $options.onRefresherRefresh && $options.onRefresherRefresh(...args)),
c: common_vendor.o$1((...args) => $options.onScrollToLower && $options.onScrollToLower(...args))
};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-36b7ee78"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/Mine/minecomponents/pkInformation.js.map

View File

@@ -0,0 +1,4 @@
{
"navigationBarTitleText": "PK信息",
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<view class="pkRecord data-v-36b7ee78"><view class="data-v-36b7ee78">返回</view><view class="data-v-36b7ee78">pk信息</view><view class="data-v-36b7ee78"></view></view><scroll-view scroll-y="true" class="scroll data-v-36b7ee78" refresher-enabled="true" refresher-threshold="40" bindrefresherrefresh="{{b}}" lower-threshold="100" bindscrolltolower="{{c}}"><uni-card wx:for="{{a}}" wx:for-item="item" class="data-v-36b7ee78" u-s="{{['d']}}" u-i="{{item.k}}" bind:__l="__l"><view class="content-list data-v-36b7ee78" bindtap="{{item.j}}"><image class="headShot data-v-36b7ee78" src="{{item.a}}" mode="scaleToFill"/><view class="content-list-title data-v-36b7ee78"><view class="cardname data-v-36b7ee78">{{item.b}}</view><view class="content-list-info data-v-36b7ee78"><view class="{{['data-v-36b7ee78', item.f && 'Gendermale', item.g && 'Genderfemale']}}"><image wx:if="{{item.c}}" class="Genderimg data-v-36b7ee78" src="{{item.d}}" mode="scaleToFill"/><image wx:else class="Genderimg data-v-36b7ee78" src="{{item.e}}" mode="scaleToFill"/><view class="age data-v-36b7ee78">性别</view></view><view class="RoomID data-v-36b7ee78">PK时间: {{item.h}}</view><view class="data-v-36b7ee78">国家</view><view class="data-v-36b7ee78">性别</view><view class="Charm data-v-36b7ee78">金币:</view><view class="charmValue data-v-36b7ee78">{{item.i}}</view></view></view></view></uni-card></scroll-view>

View File

@@ -0,0 +1,91 @@
.pkRecord.data-v-36b7ee78{
width: 100vw;
height: 200rpx;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
padding-top: 40rpx;
border-bottom: 1px solid #000000;
}
.scroll.data-v-36b7ee78 {
height: 90%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content-list.data-v-36b7ee78 {
display: flex;
align-items: center;
width: 712rpx;
height: 161rpx;
background: #ffffff;
border-radius: 15rpx;
margin-bottom: 12rpx;
margin-left: 20rpx;
}
.headShot.data-v-36b7ee78 {
width: 101rpx;
height: 101rpx;
border-radius: 50rpx;
margin-left: 30rpx;
margin-right: 33rpx;
background-color: aqua;
}
.content-list-info.data-v-36b7ee78 {
display: flex;
align-items: center;
}
.cardname.data-v-36b7ee78 {
font-size: 31rpx;
color: #161616;
line-height: 38rpx;
}
.Genderimg.data-v-36b7ee78 {
width: 15rpx;
height: 15rpx;
margin-left: 10rpx;
margin-right: 10rpx;
}
.age.data-v-36b7ee78 {
color: #ffffff;
font-size: 14rpx;
}
.Gendermale.data-v-36b7ee78 {
background: url(../../static/maleimg.png) no-repeat center;
width: 56.3rpx;
height: 29.58rpx;
background-size: 100% 100%;
display: flex;
align-items: center;
margin-right: 10rpx;
}
.Genderfemale.data-v-36b7ee78 {
background: url(../../static/femaleimg.png) no-repeat center;
width: 56.3rpx;
height: 29.58rpx;
background-size: 100% 100%;
display: flex;
align-items: center;
margin-right: 10rpx;
}
.RoomID.data-v-36b7ee78 {
font-size: 23rpx;
color: #a3a3a3;
line-height: 38rpx;
}
.Charm.data-v-36b7ee78 {
font-size: 23rpx;
color: #a3a3a3;
line-height: 38rpx;
margin-right: 12rpx;
margin-left: 20rpx;
}
.charmValue.data-v-36b7ee78 {
font-size: 23rpx;
color: #161616;
line-height: 38rpx;
font-weight: 600;
}

View File

@@ -0,0 +1,41 @@
"use strict";
const common_vendor = require("../../../common/vendor.js");
const _sfc_main = {
data() {
return {
list: [
{},
{},
{},
{},
{},
{},
{},
{}
]
};
},
onLoad() {
},
methods: {
// 方法定义
}
};
if (!Array) {
const _component_uni_card = common_vendor.resolveComponent("uni-card");
_component_uni_card();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.f($data.list, (item, index, i0) => {
return {
a: "6fa696de-0-" + i0
};
}),
b: common_vendor.o$1((...args) => _ctx.onRefresherRefresh && _ctx.onRefresherRefresh(...args)),
c: common_vendor.o$1((...args) => _ctx.onScrollToLower && _ctx.onScrollToLower(...args))
};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6fa696de"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/Mine/minecomponents/pkRecord.js.map

View File

@@ -0,0 +1,4 @@
{
"navigationBarTitleText": "PK记录",
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<view class="pkRecord data-v-6fa696de"><view class="data-v-6fa696de">返回</view><view class="data-v-6fa696de">pk记录</view><view class="data-v-6fa696de"></view></view><view class="Navigation data-v-6fa696de"><view class="PkPosted data-v-6fa696de">我发布的PK</view><view class="data-v-6fa696de">我邀请的PK</view></view><scroll-view scroll-y="true" class="scroll data-v-6fa696de" refresher-enabled="true" refresher-threshold="40" bindrefresherrefresh="{{b}}" lower-threshold="100" bindscrolltolower="{{c}}"><uni-card wx:for="{{a}}" wx:for-item="item" class="data-v-6fa696de" u-s="{{['d']}}" u-i="{{item.a}}" bind:__l="__l"><view class="content data-v-6fa696de"><view class="Anchor data-v-6fa696de"><view class="avatar data-v-6fa696de">主播1头像(赢方头像框王冠)</view><view class="AnchorInfo data-v-6fa696de"><view class="data-v-6fa696de">主播昵称</view><view class="data-v-6fa696de">pk时间</view><view class="data-v-6fa696de">实际打了多少金币</view></view></view><view class="data-v-6fa696de"> VS </view><view class="Anchor data-v-6fa696de"><view class="AnchorInfo data-v-6fa696de"><view class="data-v-6fa696de">主播昵称</view><view class="data-v-6fa696de">pk时间</view><view class="data-v-6fa696de">实际打了多少金币</view></view><view class="avatar data-v-6fa696de">主播1头像</view></view></view></uni-card></scroll-view>

View File

@@ -0,0 +1,53 @@
.pkRecord.data-v-6fa696de{
width: 100vw;
height: 200rpx;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
padding-top: 40rpx;
border-bottom: 1px solid #000000;
}
.content.data-v-6fa696de{
width: 100vw;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
border-bottom: 1px solid #eee;
}
.avatar.data-v-6fa696de{
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 20rpx;
background-color: aqua;
}
.Anchor.data-v-6fa696de{
display: flex;
}
.AnchorInfo.data-v-6fa696de{
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 10rpx;
font-size: 20rpx;
}
.PkPosted.data-v-6fa696de{
text-align: center;
font-size: 30rpx;
height: 100rpx;
line-height: 100rpx;
width: 45%;
border-right: 1px solid #000000;
}
.Navigation.data-v-6fa696de{
width: 100vw;
display: flex;
justify-content: space-around;
align-items: center;
height: 100rpx;
background-color: #ffffff;
border-bottom: 1px solid #000000;
}