优化页面
This commit is contained in:
@@ -3,5 +3,7 @@
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
/* 样式定义 */
|
||||
|
||||
@@ -1,125 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const components_request = require("../request.js");
|
||||
const components_formatDate = require("../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 components/contentList/contentList.vue:75", "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 components/contentList/contentList.vue:84", "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 components/contentList/contentList.vue:89", "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 components/contentList/contentList.vue:123", res);
|
||||
if (res.code === 200) {
|
||||
this.list.push(...res.data);
|
||||
common_vendor.index.__f__("log", "at components/contentList/contentList.vue:126", 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$2
|
||||
} : {
|
||||
e: common_assets._imports_1$1
|
||||
}, {
|
||||
f: common_vendor.t(item.sex === "1" ? "男" : "女"),
|
||||
g: item.sex === "1" ? 1 : "",
|
||||
h: item.sex === "2" ? 1 : "",
|
||||
i: common_vendor.t($options.formatDate(item.pkTime)),
|
||||
j: common_vendor.t(item.coin + "K"),
|
||||
k: common_vendor.o$1(($event) => $options.goDetail(item)),
|
||||
l: "4813d59a-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 Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4813d59a"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/contentList/contentList.js.map
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<scroll-view scroll-y="true" class="scroll data-v-4813d59a" 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-4813d59a" u-s="{{['d']}}" u-i="{{item.l}}" bind:__l="__l"><view class="content-list data-v-4813d59a" bindtap="{{item.k}}"><image class="headShot data-v-4813d59a" src="{{item.a}}" mode="scaleToFill"/><view class="content-list-title data-v-4813d59a"><view class="cardname data-v-4813d59a">{{item.b}}</view><view class="content-list-info data-v-4813d59a"><view class="{{['data-v-4813d59a', item.g && 'Gendermale', item.h && 'Genderfemale']}}"><image wx:if="{{item.c}}" class="Genderimg data-v-4813d59a" src="{{item.d}}" mode="scaleToFill"/><image wx:else class="Genderimg data-v-4813d59a" src="{{item.e}}" mode="scaleToFill"/><view class="age data-v-4813d59a">{{item.f}}</view></view><view class="RoomID data-v-4813d59a">PK时间: {{item.i}}</view><view class="Charm data-v-4813d59a">金币:</view><view class="charmValue data-v-4813d59a">{{item.j}}</view></view></view></view></uni-card></scroll-view>
|
||||
@@ -1,80 +0,0 @@
|
||||
|
||||
.scroll.data-v-4813d59a {
|
||||
height: 90%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.content-list.data-v-4813d59a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 712rpx;
|
||||
height: 161rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 15rpx;
|
||||
margin-bottom: 12rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.headShot.data-v-4813d59a {
|
||||
width: 101rpx;
|
||||
height: 101rpx;
|
||||
border-radius: 50rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-right: 33rpx;
|
||||
}
|
||||
.content-list-info.data-v-4813d59a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.cardname.data-v-4813d59a {
|
||||
font-size: 31rpx;
|
||||
color: #161616;
|
||||
line-height: 38rpx;
|
||||
}
|
||||
.Genderimg.data-v-4813d59a {
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
margin-left: 10rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.age.data-v-4813d59a {
|
||||
color: #ffffff;
|
||||
font-size: 14rpx;
|
||||
}
|
||||
.Gendermale.data-v-4813d59a {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAfCAYAAABZGLWTAAAAAXNSR0IArs4c6QAAAilJREFUWEftWTtPFFEU/r6ZJUuJiSQujwKRCfQkttJobJRY6Ax/ABNNKGiBAmwtTNZk9w+40BCtiDZYSmI/kxmFAmGNkIgdhFmPuUPW7C6vWVZ3ZhimnfP6zr3ncc8hQnz3PS/b5eOuAPcAGQV5EyLXSGZCsP9TEhHxQf6EyDrAz2Dlwy9df78yNHRwniKeRTC+sdHVeXA4TfApgOvnCYvw/65ACvvZjpdvBwb2TrPjVLCPbdfSyFcEuiME0ZRqAXYoMlUaMUonMR4De2d1NZPL9eYBTjalKVbEUiyXt55/HBvza82qA6uA3ujpX6LIo1jZfgFjhFz+vr35pBZwHVjLdgtgkk+00StSLA0bKt8E31+wKkZ18s0FnBhvFpGJagwHYI+yru8mKRmF9bBKWvvZjKGydADWdL7MEzIbVkDS6ETjwqJxa45Bw1DBt5jX0Vb9u7uno4+m4zwg9HetSos7v6DykKbt5Uk8i7uxrdongtcK7CcSt1sVFnt+wRpNx/txGbPwsYqrWknT8Q4JtP310u6bIIBPy/Gk3Yqj0peuk01XzKYkG0uQjVNVZ9PUQaWqNz569bgLBGeiKgn/W69AXiwOG7Ppe88qz1q2a+EyTio0baJkDAbTxvoZlOMWkj1VDDmDUmSpmi5WAedy/XlAEjw3ZrFc3jx7blx7CSz7qyX8nayNALFDalPVGG281Fe7nkaP1G/xMAoiui0exAfUFg/rAJra4v0Bqcv8upqc0XEAAAAASUVORK5CYII=) no-repeat center;
|
||||
width: 56.3rpx;
|
||||
height: 29.58rpx;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.Genderfemale.data-v-4813d59a {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAfCAYAAABZGLWTAAAAAXNSR0IArs4c6QAAAi1JREFUWEflWU1rE1EUPaeGFGEiCShIdVXQrZuCW1e6U3BT2j9gwSYTcZVi5WFlZlVMTIXkDyhuBJe66rKCm24rdCV+NIWUZEBb41yZ0ZYk9mMyETLPN9u5575z7nv3fdxLRPg+5PPjExdw3fd5Q8ApUiYB5gCkIsD/tUkHkKYINwl5L/Dffv3MN5eq1d2TBuJxBqKKWS8t90HMATh7krMR/t+GoGbtcZmqvHMUjyPFem5+RjBWAXBuhCIGHbpB+LZVqr44DPiXWFHXUl76ygqIO4OOlBh7Qd3aW5+nWu10c+oRK0qlvHTzJYjbiSEelwjxyvqem6ZSB4J7xLYcu0adZ7QvMCKon1moBPtN+B2I/ZOjz+MGMqk4wp/dz+FQbFMVs6lx2dBsM4oa30Znl5dzqrwTim27hUcAF6Oi9bOTpUzp6UMGF4bzE2MfE36ODhvf7S+f/ItsOfM3yVOvh/WWdLzIz1tsO4UVkHeTTnZofiLP2HLsNRJXh3aWcAcE3gUzuwVSpyth3LA22HbtHyN6vcQlHRfXCcRKXLRuONNmtrAFGJKzLddeI8zZjU06Zw26QRl1Nw5fPY69BOKBbkdJZL6Cx5mFyqJ579kgQv9vpYKzVqkcVht7alBtx65pXVXsX9eCeuawGlRgZ1R18bdgQ+rG3avAc4szAtGwI0B7P0f7V/XxvZ4nxaz3TaNez2ku816MXk93VLq7eCSnBJgEMMIuHpoENkUG6+L9AlWo7Kxo5cagAAAAAElFTkSuQmCC) no-repeat center;
|
||||
width: 56.3rpx;
|
||||
height: 29.58rpx;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.RoomID.data-v-4813d59a {
|
||||
font-size: 23rpx;
|
||||
color: #a3a3a3;
|
||||
line-height: 38rpx;
|
||||
}
|
||||
.Charm.data-v-4813d59a {
|
||||
font-size: 23rpx;
|
||||
color: #a3a3a3;
|
||||
line-height: 38rpx;
|
||||
margin-right: 12rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.charmValue.data-v-4813d59a {
|
||||
font-size: 23rpx;
|
||||
color: #161616;
|
||||
line-height: 38rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -23,7 +23,7 @@ const _sfc_main = {
|
||||
iconPath: "../../static/Forum.png",
|
||||
selectedIconPath: "../../static/Forumclick.png",
|
||||
text: "论坛",
|
||||
pagePath: "",
|
||||
pagePath: "/pages/Forum/Forum",
|
||||
middleClass: ""
|
||||
},
|
||||
{
|
||||
|
||||
@@ -10,14 +10,14 @@ const _sfc_main = {
|
||||
onLoad() {
|
||||
},
|
||||
methods: {
|
||||
RealTimePk() {
|
||||
this.Select = true;
|
||||
this.$emit("RealTimePk");
|
||||
},
|
||||
MakeAppointmentPK() {
|
||||
this.Select = false;
|
||||
this.$emit("MakeAppointmentPK");
|
||||
},
|
||||
RealTimePk() {
|
||||
this.Select = true;
|
||||
this.$emit("RealTimePk");
|
||||
},
|
||||
screening() {
|
||||
this.$emit("screening");
|
||||
},
|
||||
|
||||
@@ -1 +1 @@
|
||||
<view class="topNavigation data-v-ce2f6748"><view bindtap="{{a}}" class="{{[b && 'Selectcss', c && 'NoSelectcss', 'RealTime', 'data-v-ce2f6748']}}">PK大厅</view><view bindtap="{{d}}" class="{{[e && 'Selectcss', f && 'NoSelectcss', 'MakeAppointment', 'data-v-ce2f6748']}}">今日PK</view></view>
|
||||
<view class="topNavigation data-v-ce2f6748"><view bindtap="{{a}}" class="{{[b && 'Selectcss', c && 'NoSelectcss', 'RealTime', 'data-v-ce2f6748']}}">今日PK</view><view bindtap="{{d}}" class="{{[e && 'Selectcss', f && 'NoSelectcss', 'MakeAppointment', 'data-v-ce2f6748']}}">PK大厅</view></view>
|
||||
Reference in New Issue
Block a user