优化页面
This commit is contained in:
pengxiaolong
@@ -25,7 +25,7 @@ const _sfc_main = {
|
||||
const eventChannel = this.getOpenerEventChannel();
|
||||
eventChannel.on("itemDetail", (data) => {
|
||||
this.item = data.item;
|
||||
common_vendor.index.__f__("log", "at pages/pkDetail/pkDetail.vue:170", "接收到的数据:", this.item);
|
||||
common_vendor.index.__f__("log", "at pages/pkDetail/pkDetail.vue:176", "接收到的数据:", this.item);
|
||||
});
|
||||
common_vendor.index.getStorage({
|
||||
key: "userinfo",
|
||||
@@ -108,11 +108,14 @@ const _sfc_main = {
|
||||
if (res.code === 200) {
|
||||
if (res.data.length !== 0) {
|
||||
common_vendor.index.hideLoading();
|
||||
common_vendor.index.__f__("log", "at pages/pkDetail/pkDetail.vue:258", "res.data", res.data);
|
||||
common_vendor.index.__f__("log", "at pages/pkDetail/pkDetail.vue:264", "res.data", res.data);
|
||||
this.list = res.data;
|
||||
} else {
|
||||
common_vendor.index.hideLoading();
|
||||
this.openPopupQuantity();
|
||||
setTimeout(() => {
|
||||
this.openPopupQuantity();
|
||||
this.$refs.popup.close();
|
||||
}, 2e3);
|
||||
}
|
||||
} else {
|
||||
common_vendor.index.hideLoading();
|
||||
@@ -149,30 +152,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
b: $data.item.anchorIcon,
|
||||
c: common_vendor.t($data.item.disPlayId),
|
||||
d: $data.item.sex === "1"
|
||||
}, $data.item.sex === "1" ? {
|
||||
e: common_vendor.t($data.item.sex === "1" ? "男" : "女")
|
||||
} : {
|
||||
f: common_vendor.t($data.item.sex === "2" ? "男" : "女")
|
||||
}, {
|
||||
g: common_vendor.t($data.item.country),
|
||||
h: common_vendor.t($options.formatDate($data.item.pkTime)),
|
||||
i: common_vendor.t($data.item.coin),
|
||||
j: common_vendor.t($data.item.pkNumber),
|
||||
k: common_vendor.s($data.style),
|
||||
l: common_vendor.o$1(($event) => $data.item.remark = $event),
|
||||
m: common_vendor.p({
|
||||
}, $data.item.sex === "1" ? {} : {}, {
|
||||
e: common_vendor.t($data.item.country),
|
||||
f: common_vendor.t($options.formatDate($data.item.pkTime)),
|
||||
g: common_vendor.t($data.item.coin),
|
||||
h: common_vendor.t($data.item.pkNumber),
|
||||
i: common_vendor.s($data.style),
|
||||
j: common_vendor.o$1(($event) => $data.item.remark = $event),
|
||||
k: common_vendor.p({
|
||||
type: "textarea",
|
||||
placeholder: "备注",
|
||||
maxlength: "-1",
|
||||
disabled: "true",
|
||||
modelValue: $data.item.remark
|
||||
}),
|
||||
n: $data.item.senderId !== $data.id
|
||||
l: $data.item.senderId !== $data.id
|
||||
}, $data.item.senderId !== $data.id ? {
|
||||
o: common_vendor.o$1(($event) => $options.openChat()),
|
||||
p: common_vendor.o$1(($event) => $options.open())
|
||||
m: common_vendor.o$1(($event) => $options.openChat()),
|
||||
n: common_vendor.o$1(($event) => $options.open())
|
||||
} : {}, {
|
||||
q: common_vendor.f($data.list, (item, index, i0) => {
|
||||
o: $data.list.length !== 0
|
||||
}, $data.list.length !== 0 ? {
|
||||
p: common_vendor.f($data.list, (item, index, i0) => {
|
||||
return {
|
||||
a: item.anchorIcon,
|
||||
b: common_vendor.t(item.anchorId),
|
||||
@@ -183,7 +184,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
g: $data.selectedId === item.id ? "#f6f6f6" : "#ffffff",
|
||||
h: index
|
||||
};
|
||||
}),
|
||||
})
|
||||
} : {}, {
|
||||
q: $data.list.length === 0
|
||||
}, $data.list.length === 0 ? {} : {}, {
|
||||
r: common_vendor.o$1(($event) => $options.invite()),
|
||||
s: common_vendor.o$1(($event) => $options.close()),
|
||||
t: common_vendor.sr("popup", "9639f721-1"),
|
||||
|
||||
@@ -1 +1 @@
|
||||
<view class="container data-v-9639f721"><view class="background data-v-9639f721"><image class="data-v-9639f721" style="width:100%;height:100%" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill"/></view><view class="Navigation data-v-9639f721"><view class="Return data-v-9639f721" bindtap="{{a}}"><image class="Return data-v-9639f721" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill"/></view></view><view class="Content data-v-9639f721"><view class="sender data-v-9639f721"><view class="sengderIcon data-v-9639f721"><image class="Icon data-v-9639f721" src="{{b}}" mode="scaleToFill"/></view><view class="Individual data-v-9639f721"><view class="name data-v-9639f721">{{c}}</view><view class="GenderAndAge data-v-9639f721"><view wx:if="{{d}}" class="male data-v-9639f721"><view class="data-v-9639f721"><image class="data-v-9639f721" style="width:20rpx;height:20rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/male.png" mode="scaleToFill"/></view><view class="age data-v-9639f721">{{e}}</view></view><view wx:else class="female data-v-9639f721"><view class="data-v-9639f721"><image class="data-v-9639f721" style="width:20rpx;height:20rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/female.png" mode="scaleToFill"/></view><view class="age data-v-9639f721">{{f}}</view></view></view><view class="nation data-v-9639f721">{{g}}</view></view><view class="Time data-v-9639f721">PK时间:{{h}}</view><view class="SessionAndGoldCoin data-v-9639f721"><view class="goldCoin data-v-9639f721"><image class="data-v-9639f721" style="width:72rpx;height:72rpx;margin-left:36rpx;margin-right:32rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png" mode="scaleToFill"/><view class="goldcard data-v-9639f721"><view class="goldnumber data-v-9639f721">{{i}}</view><view class="goldtext data-v-9639f721">金币</view></view></view><view class="Session data-v-9639f721"><image class="data-v-9639f721" style="width:72rpx;height:72rpx;margin-left:36rpx;margin-right:32rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/session.png" mode="scaleToFill"/><view class="goldcard data-v-9639f721"><view class="goldnumber data-v-9639f721">{{j}}</view><view class="goldtext data-v-9639f721">PK场数</view></view></view></view></view><view class="remark data-v-9639f721"><uni-easyinput wx:if="{{m}}" class="data-v-9639f721" style="{{k}}" u-i="9639f721-0" bind:__l="__l" bindupdateModelValue="{{l}}" u-p="{{m}}"></uni-easyinput></view><view wx:if="{{n}}" class="button data-v-9639f721"><button class="accept data-v-9639f721" bindtap="{{o}}">聊了个天</button><button class="reject data-v-9639f721" bindtap="{{p}}">立即邀请</button></view></view></view><uni-popup wx:if="{{v}}" class="r data-v-9639f721" u-s="{{['d']}}" u-r="popup" u-i="9639f721-1" bind:__l="__l" u-p="{{v}}"><view class="popup-content data-v-9639f721"><view class="popup-title data-v-9639f721"><view class="popup-text data-v-9639f721">请选择您要参与的主播</view><scroll-view scroll-y="true" class="scroll data-v-9639f721"><view wx:for="{{q}}" wx:for-item="item" wx:key="h" class="card data-v-9639f721"><view class="card-content data-v-9639f721" bindtap="{{item.f}}" style="{{'background:' + item.g}}"><view class="Avatarimg data-v-9639f721"><image class="avatar data-v-9639f721" src="{{item.a}}" mode="scaleToFill"/></view><view class="NameMoney data-v-9639f721"><view class="TimeMoney data-v-9639f721"><view class="NameMoney_Name data-v-9639f721">{{item.b}}</view></view><view class="TimeMoney_Time data-v-9639f721"><view class="pkTimeimg data-v-9639f721"></view><view class="data-v-9639f721">{{item.c}}</view><viewm u-s="{{['d']}}" class="goldnb data-v-9639f721" u-i="{{item.e}}" bind:__l="__l"><view class="goldimg data-v-9639f721"></view>{{item.d}}K</viewm></view></view></view></view></scroll-view></view><view class="popup-btn data-v-9639f721"><button class="invite data-v-9639f721" type="primary" bindtap="{{r}}">邀请</button><button class="cancel data-v-9639f721" type="default" bindtap="{{s}}">取消</button></view></view></uni-popup><new-added-pk class="createModule r data-v-9639f721" u-r="createModule" u-i="9639f721-3" bind:__l="__l"></new-added-pk>
|
||||
<view class="container data-v-9639f721"><view class="background data-v-9639f721"><image class="data-v-9639f721" style="width:100%;height:100%" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill"/></view><view class="Navigation data-v-9639f721"><view class="Return data-v-9639f721" bindtap="{{a}}"><image class="Return data-v-9639f721" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill"/></view></view><view class="Content data-v-9639f721"><view class="sender data-v-9639f721"><view class="sengderIcon data-v-9639f721"><image class="Icon data-v-9639f721" src="{{b}}" mode="scaleToFill"/></view><view class="Individual data-v-9639f721"><view class="name data-v-9639f721">{{c}}</view><view class="GenderAndAge data-v-9639f721"><view wx:if="{{d}}" class="male data-v-9639f721"><view class="data-v-9639f721"><image class="data-v-9639f721" style="width:20rpx;height:20rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/male.png" mode="scaleToFill"/></view><view class="age data-v-9639f721">男</view></view><view wx:else class="female data-v-9639f721"><view class="data-v-9639f721"><image class="data-v-9639f721" style="width:20rpx;height:20rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/female.png" mode="scaleToFill"/></view><view class="age data-v-9639f721">女</view></view></view><view class="nation data-v-9639f721">{{e}}</view></view><view class="Time data-v-9639f721">PK时间:{{f}}</view><view class="SessionAndGoldCoin data-v-9639f721"><view class="goldCoin data-v-9639f721"><image class="data-v-9639f721" style="width:72rpx;height:72rpx;margin-left:36rpx;margin-right:32rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png" mode="scaleToFill"/><view class="goldcard data-v-9639f721"><view class="goldnumber data-v-9639f721">{{g}}K</view><view class="goldtext data-v-9639f721">金币</view></view></view><view class="Session data-v-9639f721"><image class="data-v-9639f721" style="width:72rpx;height:72rpx;margin-left:36rpx;margin-right:32rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/session.png" mode="scaleToFill"/><view class="goldcard data-v-9639f721"><view class="goldnumber data-v-9639f721">{{h}}</view><view class="goldtext data-v-9639f721">PK场数</view></view></view></view></view><view class="remark data-v-9639f721"><uni-easyinput wx:if="{{k}}" class="data-v-9639f721" style="{{i}}" u-i="9639f721-0" bind:__l="__l" bindupdateModelValue="{{j}}" u-p="{{k}}"></uni-easyinput></view><view wx:if="{{l}}" class="button data-v-9639f721"><button class="accept data-v-9639f721" bindtap="{{m}}">聊了个天</button><button class="reject data-v-9639f721" bindtap="{{n}}">立即邀请</button></view></view></view><uni-popup wx:if="{{v}}" class="r data-v-9639f721" u-s="{{['d']}}" u-r="popup" u-i="9639f721-1" bind:__l="__l" u-p="{{v}}"><view class="popup-content data-v-9639f721"><view class="popup-title data-v-9639f721"><view class="popup-text data-v-9639f721">请选择您要参与的主播</view><view wx:if="{{o}}" class="data-v-9639f721"><scroll-view scroll-y="true" class="scroll data-v-9639f721"><view wx:for="{{p}}" wx:for-item="item" wx:key="h" class="card data-v-9639f721"><view class="card-content data-v-9639f721" bindtap="{{item.f}}" style="{{'background:' + item.g}}"><view class="Avatarimg data-v-9639f721"><image class="avatar data-v-9639f721" src="{{item.a}}" mode="scaleToFill"/></view><view class="NameMoney data-v-9639f721"><view class="TimeMoney data-v-9639f721"><view class="NameMoney_Name data-v-9639f721">{{item.b}}</view></view><view class="TimeMoney_Time data-v-9639f721"><view class="pkTimeimg data-v-9639f721"></view><view class="data-v-9639f721">{{item.c}}</view><viewm u-s="{{['d']}}" class="goldnb data-v-9639f721" u-i="{{item.e}}" bind:__l="__l"><view class="goldimg data-v-9639f721"></view>{{item.d}}K</viewm></view></view></view></view></scroll-view></view><view wx:if="{{q}}" class="noData data-v-9639f721">您还没有可参与的主播PK，快去新建一个吧！</view></view><view class="popup-btn data-v-9639f721"><button class="invite data-v-9639f721" type="primary" bindtap="{{r}}">邀请</button><button class="cancel data-v-9639f721" type="default" bindtap="{{s}}">取消</button></view></view></uni-popup><new-added-pk class="createModule r data-v-9639f721" u-r="createModule" u-i="9639f721-3" bind:__l="__l"></new-added-pk>
|
||||
@@ -125,8 +125,8 @@
|
||||
font-weight: bold;
|
||||
font-size: 27rpx;
|
||||
color: #161616;
|
||||
white-space: nowrap; /* 防止换行 */
|
||||
overflow: hidden; /* 隐藏溢出内容 */
|
||||
white-space: nowrap; /* 防止换行 */
|
||||
overflow: hidden; /* 隐藏溢出内容 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
}
|
||||
.background.data-v-9639f721 {
|
||||
@@ -198,8 +198,8 @@
|
||||
.nation.data-v-9639f721 {
|
||||
/* width: 56.3rpx; */
|
||||
height: 29.58rpx;
|
||||
white-space: nowrap; /* 防止换行 */
|
||||
overflow: hidden; /* 隐藏溢出内容 */
|
||||
white-space: nowrap; /* 防止换行 */
|
||||
overflow: hidden; /* 隐藏溢出内容 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
font-size: 17.18rpx;
|
||||
color: #666666;
|
||||
@@ -281,7 +281,7 @@
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.remark.data-v-9639f721{
|
||||
.remark.data-v-9639f721 {
|
||||
margin-top: 60rpx;
|
||||
width: 90%;
|
||||
}
|
||||
@@ -312,3 +312,10 @@
|
||||
font-size: 28.63rpx;
|
||||
line-height: 77.29rpx;
|
||||
}
|
||||
.noData.data-v-9639f721{
|
||||
width: 500rpx;
|
||||
height: 400rpx;
|
||||
border-radius: 10px;
|
||||
font-size: 30rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user