pxl/tk-mini-program
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化页面

Browse Source
This commit is contained in:
pengxiaolong
2025-06-05 23:50:08 +08:00
parent d766790f04
commit f4901f1312
49 changed files with 2391 additions and 912 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
unpackage/dist/dev/mp-weixin/pages/Mine/Mine.js vendored
View File

@@ -128,7 +128,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
c: common_vendor.t($data.userinfo.nickName),
d: common_assets._imports_1$1,
e: common_vendor.o$1((...args) => $options.goSetting && $options.goSetting(...args)),
f: common_assets._imports_2,
f: common_assets._imports_2$1,
g: common_vendor.o$1((...args) => $options.pkInformation && $options.pkInformation(...args)),
h: common_vendor.f($data.pkInformationdata, (item, index, i0) => {
return {
@@ -138,9 +138,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
d: index
};
}),
i: common_assets._imports_2,
i: common_assets._imports_2$1,
j: common_vendor.o$1((...args) => $options.pkRecord && $options.pkRecord(...args)),
k: common_assets._imports_3,
k: common_assets._imports_3$1,
l: common_vendor.o$1((...args) => $options.contact && $options.contact(...args)),
m: common_assets._imports_4,
n: common_assets._imports_5,

93
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/DetailsPKRecords/DetailsPKRecords.js vendored Normal file
View File

@@ -0,0 +1,93 @@
"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 = {
data() {
return {
title: "Hello",
item: {},
coinNumlist: [{
winnerAnchorId: 1,
anchorIdA: 1,
anchorIdB: 2,
anchorCoinA: 2,
anchorCoinB: 3
}]
};
},
onLoad(options) {
const eventChannel = this.getOpenerEventChannel();
eventChannel.on("itemDetail", (data) => {
this.item = data.item;
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/DetailsPKRecords/DetailsPKRecords.vue:114", "接收到的数据:", this.item);
});
},
methods: {
// 获取具体金币数量
getCoinNum(item) {
components_request.request({
url: "user/pkRecordDetail",
method: "POST",
data: {
id: item.id
},
userInfo: true
}).then((res) => {
if (res.code == 200) {
this.coinNumlist = res.data;
} else {
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/DetailsPKRecords/DetailsPKRecords.vue:132", "获取金币数量失败");
}
});
},
formatDate: components_formatDate.formatDate,
// 返回上一页
onBack() {
common_vendor.index.navigateBack({
delta: 1
});
}
}
};
if (!Array) {
const _component_uni_card = common_vendor.resolveComponent("uni-card");
_component_uni_card();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: common_assets._imports_0$1,
b: common_assets._imports_1,
c: common_vendor.o$1((...args) => $options.onBack && $options.onBack(...args)),
d: $data.item.anchorIconA,
e: $data.item.winnerAnchorId == $data.item.anchorIdA
}, $data.item.winnerAnchorId == $data.item.anchorIdA ? {
f: common_assets._imports_2$2
} : {}, {
g: common_vendor.t($data.item.anchorIdA),
h: common_vendor.t($options.formatDate($data.item.pkTime)),
i: common_vendor.t($data.item.userAcoin),
j: common_vendor.t($data.item.anchorIdB),
k: common_vendor.t($options.formatDate($data.item.pkTime)),
l: common_vendor.t($data.item.userBcoin),
m: $data.item.anchorIconB,
n: $data.item.winnerAnchorId == $data.item.anchorIdB
}, $data.item.winnerAnchorId == $data.item.anchorIdB ? {
o: common_assets._imports_2$2
} : {}, {
p: common_vendor.f($data.coinNumlist, (items, index, i0) => {
return {
a: common_vendor.t(items.anchorCoinA),
b: items.anchorIdA == items.winnerAnchorId ? "#00fbff5d" : "#ff000049",
c: common_vendor.t(items.anchorCoinB),
d: items.anchorIdB == items.winnerAnchorId ? "#00fbff5d" : "#ff000049",
e: index,
f: "414631de-0-" + i0
};
})
});
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-414631de"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/Mine/minecomponents/DetailsPKRecords/DetailsPKRecords.js.map

4
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/DetailsPKRecords/DetailsPKRecords.json vendored Normal file
View File

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

1
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/DetailsPKRecords/DetailsPKRecords.wxml vendored Normal file
View File

@@ -0,0 +1 @@
<view class="details-pkrecords data-v-414631de"><view class="bg data-v-414631de"><image class="bgImg data-v-414631de" src="{{a}}" mode="scaleToFill"/></view><view class="Return data-v-414631de" bindtap="{{c}}"><image class="ReturnImg data-v-414631de" src="{{b}}" mode="scaleToFill"/></view><view class="title data-v-414631de">PK记录详情</view><view class="pkrecords data-v-414631de"><view class="card data-v-414631de"><view class="AnchorA data-v-414631de"><view class="AnchorAImg data-v-414631de"><image class="AnchorAImgcss data-v-414631de" src="{{d}}" mode="scaleToFill"/></view><image wx:if="{{e}}" class="Crown data-v-414631de" src="{{f}}" mode="scaleToFill"/><view class="AnchorAinfo data-v-414631de"><view class="AnchorAname data-v-414631de">{{g}}</view><view class="AnchorATime data-v-414631de">{{h}}</view><view class="AnchorAICon data-v-414631de"><view class="AnchorAIContext data-v-414631de">实际打金币:</view><view class="AnchorAIConNum data-v-414631de">{{i}}K</view></view></view></view><view class="vstext data-v-414631de"><view class="Vtext data-v-414631de">V</view><view class="Stext data-v-414631de">S</view></view><view class="AnchorB data-v-414631de"><view class="AnchorBinfo data-v-414631de"><view class="AnchorAname data-v-414631de">{{j}}</view><view class="AnchorATime data-v-414631de">{{k}}</view><view class="AnchorAICon data-v-414631de"><view class="AnchorAIContext data-v-414631de">实际打金币:</view><view class="AnchorAIConNum data-v-414631de">{{l}}K</view></view></view><view class="AnchorAImg data-v-414631de"><image class="AnchorBImgcss data-v-414631de" src="{{m}}" mode="scaleToFill"/></view><image wx:if="{{n}}" class="Crown data-v-414631de" src="{{o}}" mode="scaleToFill"/></view></view><view class="pkrecords-content data-v-414631de"><scroll-view scroll-y="true" class="scroll data-v-414631de"><uni-card wx:for="{{p}}" wx:for-item="items" wx:key="e" class="data-v-414631de" u-s="{{['d']}}" u-i="{{items.f}}" bind:__l="__l"><view class="contentcard data-v-414631de"><view class="contentcard-titleA data-v-414631de" style="{{'background-color:' + items.b}}"><view class="data-v-414631de">金币数量</view><view class="data-v-414631de">{{items.a}}K</view></view><view class="contentcard-titleB data-v-414631de" style="{{'background-color:' + items.d}}"><view class="data-v-414631de">金币数量</view><view class="data-v-414631de">{{items.c}}K</view></view></view></uni-card></scroll-view></view></view></view>

185
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/DetailsPKRecords/DetailsPKRecords.wxss vendored Normal file
View File

@@ -0,0 +1,185 @@
.bg.data-v-414631de {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.bgImg.data-v-414631de {
width: 100%;
height: 100%;
}
.Return.data-v-414631de {
position: absolute;
top: 110rpx;
left: 35rpx;
width: 46rpx;
height: 46rpx;
}
.title.data-v-414631de {
position: absolute;
top: 120rpx;
left: 280rpx;
font-size: 34rpx;
color: #100e0f;
font-weight: 500;
}
.ReturnImg.data-v-414631de {
width: 100%;
height: 100%;
}
.pkrecords.data-v-414631de {
position: absolute;
top: 200rpx;
left: 0rpx;
right: 0rpx;
}
/* 卡片 */
.card.data-v-414631de {
width: 694.66rpx;
height: 161.26rpx;
border-radius: 15rpx;
display: flex;
justify-content: center;
align-items: center;
margin-left: 28.55rpx;
margin-top: 12rpx;
}
.AnchorA.data-v-414631de {
display: flex;
align-items: center;
}
.AnchorB.data-v-414631de {
display: flex;
align-items: center;
}
.AnchorAImg.data-v-414631de {
width: 100rpx;
height: 100rpx;
border-radius: 50rpx;
background-color: #b1b1b1;
display: flex;
}
.AnchorAinfo.data-v-414631de {
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 20rpx;
}
.AnchorBinfo.data-v-414631de {
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 20rpx;
}
.AnchorAname.data-v-414631de {
font-weight: 500;
font-size: 31rpx;
color: #161616;
}
.AnchorATime.data-v-414631de {
font-weight: 400;
font-size: 23rpx;
color: #a3a3a3;
margin-top: 12rpx;
}
.AnchorAICon.data-v-414631de {
display: flex;
margin-top: 12rpx;
}
.AnchorAIContext.data-v-414631de {
font-weight: 400;
font-size: 23rpx;
color: #a3a3a3;
}
.AnchorAIConNum.data-v-414631de {
font-weight: bold;
font-size: 23rpx;
color: #161616;
}
.AnchorAImgcss.data-v-414631de {
width: 100rpx;
height: 100rpx;
border-radius: 50rpx;
border-top: #f7da60 solid 2rpx;
border-left: #ffeeab solid 2rpx;
border-bottom: #ffeeab solid 2rpx;
border-right: #f7da60 solid 2rpx;
}
.AnchorBImgcss.data-v-414631de {
width: 100rpx;
height: 100rpx;
border-radius: 50rpx;
border-top: #ffc6ba solid 2rpx;
border-left: #ffc6ba solid 2rpx;
border-bottom: #5ddadd solid 2rpx;
border-right: #5ddadd solid 2rpx;
}
.Crown.data-v-414631de {
width: 45.8rpx;
height: 39.12rpx;
margin-left: -40rpx;
margin-top: -100rpx;
}
.vstext.data-v-414631de {
display: flex;
}
.Vtext.data-v-414631de {
font-size: 45.8rpx;
color: #f0836c;
font-weight: bold;
font-style: italic;
margin-left: 26rpx;
}
.Stext.data-v-414631de {
font-size: 45.8rpx;
color: #58d8db;
font-weight: bold;
font-style: italic;
margin-right: 26rpx;
}
.pkrecords-content.data-v-414631de {
position: absolute;
top: 240rpx;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.scroll.data-v-414631de{
width: 750rpx;
height: 1100rpx;
}
.contentcard.data-v-414631de{
width: 694.66rpx;
height: 161.26rpx;
border-radius: 15rpx;
background-color: #ffffff;
display: flex;
margin-left:28.55rpx;
margin-top: 13rpx;
}
.contentcard-titleA.data-v-414631de{
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-right: #100e0f solid 1rpx;
border-top-left-radius: 15rpx;
border-bottom-left-radius: 15rpx;
}
.contentcard-titleB.data-v-414631de{
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-top-right-radius: 15rpx;
border-bottom-right-radius: 15rpx;
}

68
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/pkInformation.js vendored
View File

@@ -11,7 +11,8 @@ const _sfc_main = {
userinfo: {},
page: 0,
createModule: null,
parentMessage: null
parentMessage: null,
triggered: false
};
},
onLoad() {
@@ -19,7 +20,7 @@ const _sfc_main = {
key: "userinfo",
success: (res) => {
this.userinfo = res.data;
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:107", this.userinfo);
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:111", this.userinfo);
this.getpkList();
}
});
@@ -28,12 +29,26 @@ const _sfc_main = {
this.createModule = this.$refs.createModule;
},
methods: {
onRefresherRefresh() {
this.page = 0;
this.pkList = [];
this.getpkList();
this.triggered = true;
},
onScrollToLower() {
this.page++;
this.getpkList();
},
onRefresherRefres() {
this.page = 0;
this.pkList = [];
this.getpkList();
this.triggered = true;
},
onBack() {
common_vendor.index.navigateBack(
{
delta: 1
}
);
common_vendor.index.navigateBack({
delta: 1
});
},
formatDate: components_formatDate.formatDate,
getpkList() {
@@ -48,16 +63,17 @@ const _sfc_main = {
userInfo: false
}).then((res) => {
if (res.code == 200) {
this.pkList = res.data;
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:137", this.pkList);
this.pkList.push(...res.data);
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:155", this.pkList);
this.triggered = false;
} else {
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:139", res.msg);
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:158", res.msg);
}
});
},
onRecompose(item) {
this.createModule.open();
this.parentMessage = item;
this.createModule.open();
},
onExpurgate(item) {
components_request.request({
@@ -76,7 +92,7 @@ const _sfc_main = {
});
this.getpkList();
} else {
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:164", res.msg);
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkInformation.vue:183", res.msg);
}
});
}
@@ -100,9 +116,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
a: common_vendor.t(item.anchorId),
b: item.sex === "2"
}, item.sex === "2" ? {
c: common_assets._imports_0$2
c: common_assets._imports_3
} : {
d: common_assets._imports_1$2
d: common_assets._imports_2
}, {
e: common_vendor.t(item.sex === "1" ? "男" : "女"),
f: item.sex === "1" ? 1 : "",
@@ -110,22 +126,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
h: common_vendor.t(item.country),
i: common_vendor.t(item.coin),
j: common_vendor.t($options.formatDate(item.pkTime)),
k: item.status === 0
}, item.status === 0 ? {
l: common_assets._imports_5$1,
m: common_vendor.o$1(($event) => $options.onRecompose(item), index),
n: common_assets._imports_6,
o: common_vendor.o$1(($event) => $options.onExpurgate(item), index)
} : {}, {
p: index,
q: "36b7ee78-0-" + i0
k: common_vendor.o$1(($event) => $options.onRecompose(item), index),
l: common_vendor.o$1(($event) => $options.onExpurgate(item), index),
m: index,
n: "36b7ee78-0-" + i0
});
}),
e: common_assets._imports_4$1,
f: common_vendor.o$1((...args) => _ctx.onRefresherRefresh && _ctx.onRefresherRefresh(...args)),
g: common_vendor.o$1((...args) => _ctx.onScrollToLower && _ctx.onScrollToLower(...args)),
h: common_vendor.sr("createModule", "36b7ee78-1"),
i: common_vendor.p({
f: common_assets._imports_5$1,
g: common_assets._imports_6,
h: common_vendor.o$1((...args) => $options.onRefresherRefresh && $options.onRefresherRefresh(...args)),
i: common_vendor.o$1((...args) => $options.onScrollToLower && $options.onScrollToLower(...args)),
j: $data.triggered,
k: common_vendor.sr("createModule", "36b7ee78-1"),
l: common_vendor.p({
message: $data.parentMessage
})
};

2
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/pkInformation.wxml vendored
View File

@@ -1 +1 @@
<view class="pk-information data-v-36b7ee78"><view class="bg data-v-36b7ee78"><image class="bgImg data-v-36b7ee78" src="{{a}}" mode="scaleToFill"/></view><view class="Return data-v-36b7ee78" bindtap="{{c}}"><image class="ReturnImg data-v-36b7ee78" src="{{b}}" mode="scaleToFill"/></view><view class="content data-v-36b7ee78"><scroll-view scroll-y="true" class="scroll data-v-36b7ee78" refresher-enabled="true" refresher-threshold="40" bindrefresherrefresh="{{f}}" lower-threshold="100" bindscrolltolower="{{g}}"><uni-card wx:for="{{d}}" wx:for-item="item" wx:key="p" u-s="{{['d']}}" class="card data-v-36b7ee78" u-i="{{item.q}}" bind:__l="__l"><view class="Profile data-v-36b7ee78"><image class="data-v-36b7ee78" style="width:89.12rpx;height:89.12rpx" src="{{''}}" mode="scaleToFill"/></view><view class="Individual data-v-36b7ee78"><view class="Name data-v-36b7ee78">{{item.a}}</view><view class="Label data-v-36b7ee78"><view class="data-v-36b7ee78"><view class="{{['data-v-36b7ee78', item.f && 'Gendermale', item.g && 'Genderfemale']}}"><image wx:if="{{item.b}}" class="Genderimg data-v-36b7ee78" src="{{item.c}}" mode="scaleToFill"/><image wx:else class="Genderimg data-v-36b7ee78" src="{{item.d}}" mode="scaleToFill"/><view class="age data-v-36b7ee78">{{item.e}}</view></view></view><view class="state data-v-36b7ee78">{{item.h}}</view><view class="species data-v-36b7ee78"><image class="data-v-36b7ee78" style="width:28.63rpx;height:28.63rpx" src="{{e}}" mode="scaleToFill"/><view class="species-text data-v-36b7ee78">金币:</view><view class="species-num data-v-36b7ee78">{{item.i}}K</view></view></view><view class="time data-v-36b7ee78">PK时间:{{item.j}}</view></view><view wx:if="{{item.k}}" class="handle data-v-36b7ee78"><view class="recompose data-v-36b7ee78" bindtap="{{item.m}}"><image class="data-v-36b7ee78" style="width:46rpx;height:46rpx" src="{{item.l}}" mode="scaleToFill"/></view><view class="expurgate data-v-36b7ee78" bindtap="{{item.o}}"><image class="data-v-36b7ee78" style="width:46rpx;height:46rpx" src="{{item.n}}" mode="scaleToFill"/></view></view></uni-card></scroll-view></view></view><recompose wx:if="{{i}}" u-r="createModule" class="createModule r data-v-36b7ee78" u-i="36b7ee78-1" bind:__l="__l" u-p="{{i}}"></recompose>
<view class="pk-information data-v-36b7ee78"><view class="bg data-v-36b7ee78"><image class="bgImg data-v-36b7ee78" src="{{a}}" mode="scaleToFill"/></view><view class="Return data-v-36b7ee78" bindtap="{{c}}"><image class="ReturnImg data-v-36b7ee78" src="{{b}}" mode="scaleToFill"/></view><view class="title data-v-36b7ee78">PK信息</view><view class="content data-v-36b7ee78"><scroll-view scroll-y="true" class="scroll data-v-36b7ee78" refresher-enabled="true" refresher-threshold="40" bindrefresherrefresh="{{h}}" lower-threshold="100" bindscrolltolower="{{i}}" refresher-triggered="{{j}}"><uni-card wx:for="{{d}}" wx:for-item="item" wx:key="m" u-s="{{['d']}}" class="card data-v-36b7ee78" u-i="{{item.n}}" bind:__l="__l"><view class="Profile data-v-36b7ee78"><image class="data-v-36b7ee78" style="width:89.12rpx;height:89.12rpx" src="{{''}}" mode="scaleToFill"/></view><view class="Individual data-v-36b7ee78"><view class="Name data-v-36b7ee78">{{item.a}}</view><view class="Label data-v-36b7ee78"><view class="data-v-36b7ee78"><view class="{{['data-v-36b7ee78', item.f && 'Gendermale', item.g && 'Genderfemale']}}"><image wx:if="{{item.b}}" class="Genderimg data-v-36b7ee78" src="{{item.c}}" mode="scaleToFill"/><image wx:else class="Genderimg data-v-36b7ee78" src="{{item.d}}" mode="scaleToFill"/><view class="age data-v-36b7ee78">{{item.e}}</view></view></view><view class="state data-v-36b7ee78">{{item.h}}</view><view class="species data-v-36b7ee78"><image class="data-v-36b7ee78" style="width:28.63rpx;height:28.63rpx" src="{{e}}" mode="scaleToFill"/><view class="species-text data-v-36b7ee78">金币:</view><view class="species-num data-v-36b7ee78">{{item.i}}K</view></view></view><view class="time data-v-36b7ee78">PK时间:{{item.j}}</view></view><view class="handle data-v-36b7ee78"><view class="recompose data-v-36b7ee78" bindtap="{{item.k}}"><image class="data-v-36b7ee78" style="width:46rpx;height:46rpx" src="{{f}}" mode="scaleToFill"/></view><view class="expurgate data-v-36b7ee78" bindtap="{{item.l}}"><image class="data-v-36b7ee78" style="width:46rpx;height:46rpx" src="{{g}}" mode="scaleToFill"/></view></view></uni-card></scroll-view></view></view><recompose wx:if="{{l}}" u-r="createModule" class="createModule r data-v-36b7ee78" u-i="36b7ee78-1" bind:__l="__l" u-p="{{l}}"></recompose>

22
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/pkInformation.wxss vendored
View File

@@ -13,11 +13,19 @@
}
.Return.data-v-36b7ee78 {
position: absolute;
top: 100rpx;
top: 110rpx;
left: 35rpx;
width: 46rpx;
height: 46rpx;
}
.title.data-v-36b7ee78 {
position: absolute;
top: 120rpx;
left: 315rpx;
font-size: 34rpx;
color: #100e0f;
font-weight: 500;
}
.ReturnImg.data-v-36b7ee78 {
width: 100%;
height: 100%;
@@ -130,10 +138,10 @@
height: 46rpx;
margin-left: 40rpx;
}
.createModule.data-v-36b7ee78{
position: fixed;
bottom: 0;
right: 0;
z-index: 998;
width: 100vw;
.createModule.data-v-36b7ee78 {
position: fixed;
bottom: 0;
right: 0;
z-index: 998;
width: 100vw;
}

185
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/pkRecord.js vendored
View File

@@ -1,24 +1,147 @@
"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 = {
data() {
return {
list: [
{},
{},
{},
{},
{},
{},
{},
{}
]
triggered: false,
// 下拉刷新状态
current: 1,
// 初始激活状态
buttonWidth: 238.55,
// 按钮宽度
gap: 0,
// 按钮间距
slidetext: "我发布的PK",
// 导航栏文字
pkmyRecordlist: [],
// PK记录列表
pkInvitationRecordlist: [],
// PK记录列表
pkRecordlist: [
{
winnerId: "1",
pkTime: "1626211200",
anchorIdA: "123",
anchorIconA: "https://img.yzcdn.cn/vant/cat.jpeg",
userAcoin: "100",
anchorIdB: "456",
anchorIconB: "https://img.yzcdn.cn/vant/dog.jpeg",
userBcoin: "200",
senderA: "123",
senderB: "456"
},
{
winnerId: "2",
pkTime: "1626211200",
anchorIdA: "789",
anchorIconA: "https://img.yzcdn.cn/vant/cat.jpeg",
userAcoin: "100",
anchorIdB: "101",
anchorIconB: "https://img.yzcdn.cn/vant/dog.jpeg",
userBcoin: "200",
senderA: "789",
senderB: "101"
}
],
// PK记录列表
userinfo: {},
// 用户信息
page: 0
// 页码
};
},
onLoad() {
common_vendor.index.getStorage({
key: "userinfo",
success: (res) => {
this.userinfo = res.data;
this.getPkRecordList(1);
this.getPkRecordList(2);
}
});
},
computed: {
sliderPosition() {
const { current, buttonWidth, gap } = this;
const containerPadding = 0;
const offset = (buttonWidth + gap) * (current - 1);
return containerPadding + offset + 375;
}
},
methods: {
// 方法定义
onRefresherRefresh() {
this.triggered = true;
this.page = 0;
this.getPkRecordList(this.current);
},
onScrollToLower() {
this.page++;
this.getPkRecordList(this.current);
},
onItemClick(item) {
common_vendor.index.navigateTo({
url: "/pages/Mine/minecomponents/DetailsPKRecords/DetailsPKRecords",
success: (res) => {
res.eventChannel.emit("itemDetail", {
item
});
}
});
},
onBack() {
common_vendor.index.navigateBack(
{
delta: 1
}
);
},
formatDate: components_formatDate.formatDate,
//获取我发布的PK记录列表
getPkRecordList(type) {
components_request.request({
url: "user/handlePkInfo",
method: "POST",
data: {
type,
userId: this.userinfo.id,
page: this.page,
size: 10
},
userInfo: true
}).then((res) => {
if (res.code === 200) {
this.triggered = false;
if (type === 1) {
this.pkmyRecordlist.push(...res.data);
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkRecord.vue:197", this.pkRecordlist);
if (this.current === 1) {
this.pkRecordlist = this.pkmyRecordlist;
}
} else {
this.pkInvitationRecordlist.push(...res.data);
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkRecord.vue:203", this.pkInvitationRecordlist);
if (this.current === 2) {
this.pkRecordlist = this.pkInvitationRecordlist;
}
}
} else {
common_vendor.index.__f__("log", "at pages/Mine/minecomponents/pkRecord.vue:209", res.msg);
}
});
},
//按钮点击
toggleActive(val) {
this.current = val;
this.slidetext = val === 1 ? "我发布的PK" : "我邀请的PK";
if (val === 1) {
this.pkRecordlist = this.pkmyRecordlist;
} else {
this.pkRecordlist = this.pkInvitationRecordlist;
}
}
}
};
if (!Array) {
@@ -27,13 +150,41 @@ if (!Array) {
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.f($data.list, (item, index, i0) => {
return {
a: "6fa696de-0-" + i0
};
a: common_assets._imports_0$1,
b: common_assets._imports_1,
c: common_vendor.o$1((...args) => $options.onBack && $options.onBack(...args)),
d: common_vendor.o$1(($event) => $options.toggleActive(1)),
e: $data.current === 1 ? 1 : "",
f: common_vendor.o$1(($event) => $options.toggleActive(2)),
g: $data.current === 2 ? 1 : "",
h: common_vendor.t($data.slidetext),
i: $options.sliderPosition + "rpx",
j: common_vendor.f($data.pkRecordlist, (item, index, i0) => {
return common_vendor.e({
a: item.anchorIconA,
b: item.winnerAnchorId == item.anchorIdA
}, item.winnerAnchorId == item.anchorIdA ? {
c: common_assets._imports_2$2
} : {}, {
d: common_vendor.t(item.anchorIdA),
e: common_vendor.t($options.formatDate(item.pkTime)),
f: common_vendor.t(item.userAcoin),
g: common_vendor.t(item.anchorIdB),
h: common_vendor.t($options.formatDate(item.pkTime)),
i: common_vendor.t(item.userBcoin),
j: item.anchorIconB,
k: item.winnerAnchorId == item.anchorIdB
}, item.winnerAnchorId == item.anchorIdB ? {
l: common_assets._imports_2$2
} : {}, {
m: common_vendor.o$1(($event) => $options.onItemClick(item), index),
n: index,
o: "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))
k: common_vendor.o$1((...args) => $options.onRefresherRefresh && $options.onRefresherRefresh(...args)),
l: common_vendor.o$1((...args) => $options.onScrollToLower && $options.onScrollToLower(...args)),
m: $data.triggered
};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6fa696de"]]);

2
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/pkRecord.wxml vendored
View File

@@ -1 +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 class="pkRecord data-v-6fa696de"><view class="bg data-v-6fa696de"><image class="bgImg data-v-6fa696de" src="{{a}}" mode="scaleToFill"/></view><view class="Return data-v-6fa696de" bindtap="{{c}}"><image class="ReturnImg data-v-6fa696de" src="{{b}}" mode="scaleToFill"/></view><view class="title data-v-6fa696de">PK记录</view><view class="navigation data-v-6fa696de"><view class="navigationItem data-v-6fa696de"><view bindtap="{{d}}" class="{{['navigationItemTitle', 'data-v-6fa696de', e && 'active']}}">我发布的PK</view><view bindtap="{{f}}" class="{{['navigationItemTitle', 'data-v-6fa696de', g && 'active']}}">我邀请的PK</view></view><view class="slide data-v-6fa696de" style="{{'left:' + i + ';' + ('transition:' + 'left 0.3s ease-in-out')}}">{{h}}</view></view><view class="content data-v-6fa696de"><scroll-view scroll-y="true" class="scroll data-v-6fa696de" refresher-enabled="true" refresher-threshold="40" bindrefresherrefresh="{{k}}" lower-threshold="100" bindscrolltolower="{{l}}" refresher-triggered="{{m}}"><uni-card wx:for="{{j}}" wx:for-item="item" wx:key="n" class="data-v-6fa696de" u-s="{{['d']}}" u-i="{{item.o}}" bind:__l="__l"><view class="card data-v-6fa696de" bindtap="{{item.m}}"><view class="AnchorA data-v-6fa696de"><view class="AnchorAImg data-v-6fa696de"><image class="AnchorAImgcss data-v-6fa696de" src="{{item.a}}" mode="scaleToFill"/></view><image wx:if="{{item.b}}" class="Crown data-v-6fa696de" src="{{item.c}}" mode="scaleToFill"/><view class="AnchorAinfo data-v-6fa696de"><view class="AnchorAname data-v-6fa696de">{{item.d}}</view><view class="AnchorATime data-v-6fa696de">{{item.e}}</view><view class="AnchorAICon data-v-6fa696de"><view class="AnchorAIContext data-v-6fa696de">实际打金币:</view><view class="AnchorAIConNum data-v-6fa696de">{{item.f}}K</view></view></view></view><view class="vstext data-v-6fa696de"><view class="Vtext data-v-6fa696de">V</view><view class="Stext data-v-6fa696de">S</view></view><view class="AnchorB data-v-6fa696de"><view class="AnchorBinfo data-v-6fa696de"><view class="AnchorAname data-v-6fa696de">{{item.g}}</view><view class="AnchorATime data-v-6fa696de">{{item.h}}</view><view class="AnchorAICon data-v-6fa696de"><view class="AnchorAIContext data-v-6fa696de">实际打金币:</view><view class="AnchorAIConNum data-v-6fa696de">{{item.i}}K</view></view></view><view class="AnchorAImg data-v-6fa696de"><image class="AnchorBImgcss data-v-6fa696de" src="{{item.j}}" mode="scaleToFill"/></view><image wx:if="{{item.k}}" class="Crown data-v-6fa696de" src="{{item.l}}" mode="scaleToFill"/></view></view></uni-card></scroll-view></view></view>

227
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/pkRecord.wxss vendored
View File

@@ -1,53 +1,190 @@
.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;
.bg.data-v-6fa696de {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.content.data-v-6fa696de{
width: 100vw;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
border-bottom: 1px solid #eee;
.bgImg.data-v-6fa696de {
width: 100%;
height: 100%;
}
.avatar.data-v-6fa696de{
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 20rpx;
background-color: aqua;
.Return.data-v-6fa696de {
position: absolute;
top: 110rpx;
left: 35rpx;
width: 46rpx;
height: 46rpx;
}
.Anchor.data-v-6fa696de{
display: flex;
.title.data-v-6fa696de {
position: absolute;
top: 120rpx;
left: 315rpx;
font-size: 34rpx;
color: #100e0f;
font-weight: 500;
}
.AnchorInfo.data-v-6fa696de{
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 10rpx;
font-size: 20rpx;
.ReturnImg.data-v-6fa696de {
width: 100%;
height: 100%;
}
.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 {
position: absolute;
top: 200rpx;
left: 0rpx;
right: 0rpx;
height: 68.7rpx;
display: flex;
justify-content: center;
align-items: center;
}
.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;
.navigationItem.data-v-6fa696de {
width: 477.1rpx;
height: 68.7rpx;
border-radius: 50rpx;
background-color: #4fcacd;
display: flex;
justify-content: space-around;
align-items: center;
}
.navigationItemTitle.data-v-6fa696de {
font-weight: 500;
font-size: 31rpx;
color: #ffffff;
}
.slide.data-v-6fa696de {
position: absolute;
width: 238.55rpx;
height: 68.7rpx;
background-image: linear-gradient(135deg, #e4ffff, #ffffff);
border-radius: 50rpx;
text-align: center;
line-height: 68.7rpx;
font-weight: 500;
font-size: 31rpx;
color: #4fcacd;
margin-left: -238.55rpx;
}
.content.data-v-6fa696de {
position: absolute;
top: 300rpx;
left: 0rpx;
right: 0rpx;
bottom: 0rpx;
}
.scroll.data-v-6fa696de {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
/* 卡片 */
.card.data-v-6fa696de {
width: 694.66rpx;
height: 161.26rpx;
background-color: #ffffff;
border-radius: 15rpx;
display: flex;
justify-content: center;
align-items: center;
margin-left: 28.55rpx;
margin-top: 12rpx;
}
.AnchorA.data-v-6fa696de {
display: flex;
align-items: center;
}
.AnchorB.data-v-6fa696de {
display: flex;
align-items: center;
}
.AnchorAImg.data-v-6fa696de {
width: 100rpx;
height: 100rpx;
border-radius: 50rpx;
background-color: #b1b1b1;
display: flex;
}
.AnchorAinfo.data-v-6fa696de {
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 20rpx;
}
.AnchorBinfo.data-v-6fa696de {
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 20rpx;
}
.AnchorAname.data-v-6fa696de {
font-weight: 500;
font-size: 31rpx;
color: #161616;
}
.AnchorATime.data-v-6fa696de {
font-weight: 400;
font-size: 23rpx;
color: #a3a3a3;
margin-top: 12rpx;
}
.AnchorAICon.data-v-6fa696de {
display: flex;
margin-top: 12rpx;
}
.AnchorAIContext.data-v-6fa696de {
font-weight: 400;
font-size: 23rpx;
color: #a3a3a3;
}
.AnchorAIConNum.data-v-6fa696de {
font-weight: bold;
font-size: 23rpx;
color: #161616;
}
.AnchorAImgcss.data-v-6fa696de {
width: 100rpx;
height: 100rpx;
border-radius: 50rpx;
border-top: #f7da60 solid 2rpx;
border-left: #ffeeab solid 2rpx;
border-bottom: #ffeeab solid 2rpx;
border-right: #f7da60 solid 2rpx;
}
.AnchorBImgcss.data-v-6fa696de {
width: 100rpx;
height: 100rpx;
border-radius: 50rpx;
border-top: #ffc6ba solid 2rpx;
border-left: #ffc6ba solid 2rpx;
border-bottom: #5ddadd solid 2rpx;
border-right: #5ddadd solid 2rpx;
}
.Crown.data-v-6fa696de{
width: 45.8rpx;
height: 39.12rpx;
margin-left: -40rpx;
margin-top: -100rpx;
}
.vstext.data-v-6fa696de {
display: flex;
}
.Vtext.data-v-6fa696de {
font-size: 45.8rpx;
color: #f0836c;
font-weight: bold;
font-style: italic;
margin-left: 26rpx;
}
.Stext.data-v-6fa696de {
font-size: 45.8rpx;
color: #58d8db;
font-weight: bold;
font-style: italic;
margin-right: 26rpx;
}

2
unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/recompose/recompose.wxml vendored
View File

@@ -1 +1 @@
<view wx:if="{{a}}" class="{{['data-v-4e606fe0', F, 'Mask']}}" bindtap="{{G}}"><view catchtap="{{E}}" class="containers data-v-4e606fe0"><view class="container data-v-4e606fe0"><image class="Fork data-v-4e606fe0" bindtap="{{b}}" src="{{c}}" mode="scaleToFill"/><view class="Titlecss data-v-4e606fe0"><view class="Star data-v-4e606fe0"></view><view class="Title data-v-4e606fe0"></view><view class="Star data-v-4e606fe0"></view></view><view class="NameAnchor data-v-4e606fe0"><input class="NameAnchorcss data-v-4e606fe0" cursor-color="#666666" placeholder-style="color:#666666" bindinput="{{d}}" placeholder="主播名称"/><view wx:if="{{e}}" class="Hint data-v-4e606fe0">请填写主播名称</view></view><view class="Accountnumber data-v-4e606fe0"><view class="Coins country data-v-4e606fe0"><wht-select wx:if="{{g}}" class="data-v-4e606fe0" style="width:350rpx" bindchange="{{f}}" u-i="4e606fe0-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-4e606fe0">请选择国家</view></view><view class="Gender data-v-4e606fe0"><view class="Gendercs data-v-4e606fe0"><view class="Gendercss data-v-4e606fe0"><wht-select wx:if="{{j}}" class="data-v-4e606fe0" style="width:300rpx" bindchange="{{i}}" u-i="4e606fe0-1" bind:__l="__l" u-p="{{j}}"/></view><view class="Gendericoncss data-v-4e606fe0"><image wx:if="{{k}}" class="Gendericon data-v-4e606fe0" src="{{l}}" mode="scaleToFill"/><image wx:if="{{m}}" class="Gendericon data-v-4e606fe0" src="{{n}}" mode="scaleToFill"/><image wx:if="{{o}}" class="Gendericon data-v-4e606fe0" src="{{p}}" mode="scaleToFill"/></view></view><view wx:if="{{q}}" class="Hintcss data-v-4e606fe0">请选择性别</view></view></view><view class="goldCoin data-v-4e606fe0"><view class="number-box data-v-4e606fe0"><view class="number-box-title data-v-4e606fe0">金币数量:</view><uni-number-box wx:if="{{s}}" class="data-v-4e606fe0" u-i="4e606fe0-2" bind:__l="__l" bindupdateModelValue="{{r}}" u-p="{{s}}"></uni-number-box><view class="number-box-title data-v-4e606fe0">单位:</view><view class="number-box-unit data-v-4e606fe0">K</view></view><view wx:if="{{t}}" class="Hint data-v-4e606fe0">请填写金币数量</view></view><view class="time data-v-4e606fe0"><uni-datetime-picker wx:if="{{w}}" class="data-v-4e606fe0" u-i="4e606fe0-3" bind:__l="__l" bindupdateModelValue="{{v}}" u-p="{{w}}"/><view wx:if="{{x}}" class="Hint data-v-4e606fe0">请选择日期</view></view><view class="goldCoin data-v-4e606fe0"><view class="number-box data-v-4e606fe0"><view class="number-box-title data-v-4e606fe0">选择场数:</view><uni-number-box wx:if="{{z}}" class="data-v-4e606fe0" u-i="4e606fe0-4" bind:__l="__l" bindupdateModelValue="{{y}}" u-p="{{z}}"></uni-number-box><view class="number-box-title data-v-4e606fe0">次</view></view><view wx:if="{{A}}" class="Hint data-v-4e606fe0">请填写场数</view></view><view class="Remarkscss data-v-4e606fe0"><uni-easyinput wx:if="{{C}}" class="data-v-4e606fe0" u-i="4e606fe0-5" bind:__l="__l" bindupdateModelValue="{{B}}" u-p="{{C}}"></uni-easyinput></view><view class="Publish data-v-4e606fe0"><button bindtap="{{D}}" class="Publishcss data-v-4e606fe0">发布</button></view></view></view></view>
<view wx:if="{{a}}" class="{{['data-v-4e606fe0', G, 'Mask']}}" bindtap="{{H}}"><view catchtap="{{F}}" class="containers data-v-4e606fe0"><view class="container data-v-4e606fe0"><image class="Fork data-v-4e606fe0" bindtap="{{b}}" src="{{c}}" mode="scaleToFill"/><view class="Titlecss data-v-4e606fe0"><view class="Star data-v-4e606fe0"></view><view class="Title data-v-4e606fe0"></view><view class="Star data-v-4e606fe0"></view></view><view class="NameAnchor data-v-4e606fe0"><input class="NameAnchorcss data-v-4e606fe0" cursor-color="#666666" placeholder-style="color:#666666" bindinput="{{d}}" placeholder="主播名称" value="{{e}}"/><view wx:if="{{f}}" class="Hint data-v-4e606fe0">请填写主播名称</view></view><view class="Accountnumber data-v-4e606fe0"><view class="Coins country data-v-4e606fe0"><wht-select wx:if="{{h}}" class="data-v-4e606fe0" style="width:350rpx" bindchange="{{g}}" u-i="4e606fe0-0" bind:__l="__l" u-p="{{h}}"/><view wx:if="{{i}}" class="Hint data-v-4e606fe0">请选择国家</view></view><view class="Gender data-v-4e606fe0"><view class="Gendercs data-v-4e606fe0"><view class="Gendercss data-v-4e606fe0"><wht-select wx:if="{{k}}" class="data-v-4e606fe0" style="width:300rpx" bindchange="{{j}}" u-i="4e606fe0-1" bind:__l="__l" u-p="{{k}}"/></view><view class="Gendericoncss data-v-4e606fe0"><image wx:if="{{l}}" class="Gendericon data-v-4e606fe0" src="{{m}}" mode="scaleToFill"/><image wx:if="{{n}}" class="Gendericon data-v-4e606fe0" src="{{o}}" mode="scaleToFill"/><image wx:if="{{p}}" class="Gendericon data-v-4e606fe0" src="{{q}}" mode="scaleToFill"/></view></view><view wx:if="{{r}}" class="Hintcss data-v-4e606fe0">请选择性别</view></view></view><view class="goldCoin data-v-4e606fe0"><view class="number-box data-v-4e606fe0"><view class="number-box-title data-v-4e606fe0">金币数量:</view><uni-number-box wx:if="{{t}}" class="data-v-4e606fe0" u-i="4e606fe0-2" bind:__l="__l" bindupdateModelValue="{{s}}" u-p="{{t}}"></uni-number-box><view class="number-box-title data-v-4e606fe0">单位:</view><view class="number-box-unit data-v-4e606fe0">K</view></view><view wx:if="{{v}}" class="Hint data-v-4e606fe0">请填写金币数量</view></view><view class="time data-v-4e606fe0"><uni-datetime-picker wx:if="{{x}}" class="data-v-4e606fe0" u-i="4e606fe0-3" bind:__l="__l" bindupdateModelValue="{{w}}" u-p="{{x}}"/><view wx:if="{{y}}" class="Hint data-v-4e606fe0">请选择日期</view></view><view class="goldCoin data-v-4e606fe0"><view class="number-box data-v-4e606fe0"><view class="number-box-title data-v-4e606fe0">选择场数:</view><uni-number-box wx:if="{{A}}" class="data-v-4e606fe0" u-i="4e606fe0-4" bind:__l="__l" bindupdateModelValue="{{z}}" u-p="{{A}}"></uni-number-box><view class="number-box-title data-v-4e606fe0">次</view></view><view wx:if="{{B}}" class="Hint data-v-4e606fe0">请填写场数</view></view><view class="Remarkscss data-v-4e606fe0"><uni-easyinput wx:if="{{D}}" class="data-v-4e606fe0" u-i="4e606fe0-5" bind:__l="__l" bindupdateModelValue="{{C}}" u-p="{{D}}"></uni-easyinput></view><view class="Publish data-v-4e606fe0"><button bindtap="{{E}}" class="Publishcss data-v-4e606fe0">发布</button></view></view></view></view>