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-20 14:11:55 +08:00
parent bcaa54bec8
commit fa745b73c2
8 changed files with 268 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
TUIKit/components/TUIChat/message-input-toolbar/evaluate/CustomMessage.vue
View File

@@ -27,59 +27,6 @@
<button class="send-btn" @click="submitEvaluate">发送邀请</button>
</div>
</ToolbarItemContainer>
<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
<view class="popup-content">
<view class="popup-title">
<view class="popup-text">点击选择您要参与的主播</view>
<view v-if="list.length !== 0">
<scroll-view show-scrollbar="false" scroll-y="true" class="scroll">
<view class="card" v-for="(item, index) in list" :key="index">
<view
class="card-content"
@click="Select(item.id, index)"
:style="{
background: selectedId === item.id ? '#b8ff8c74' : '#ffffff',
}"
>
<view class="Avatarimg">
<image class="avatar" :src="item.anchorIcon" mode="scaleToFill" />
</view>
<view class="NameMoney">
<view class="TimeMoney">
<view class="NameMoney_Name">{{ item.anchorId }}</view>
</view>
<view class="TimeMoney_Time">
<view class="pkTimeimg">
<image
style="width:31.49rpx; height:31.49rpx;margin-top:3rpx"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/time.png"
mode="scaleToFill"
/>
</view>
<!-- <view>{{ TimeFormatting(item.pkTime) }}</view> -->
<view class="goldimg">
<image
style="width:31.49rpx; height:31.49rpx;margin-top:4rpx"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/species.png"
mode="scaleToFill"
/>
</view>
<view class="goldnb">{{ item.coin }}K</view>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="noData" v-if="list.length === 0">您还没有可参与的主播PK，快去新建一个吧！</view>
</view>
<view class="popup-btn">
<button class="invite" type="primary" @click="invite()">邀请</button>
<button class="cancel" type="default" @click="close()">取消</button>
</view>
</view>
</uni-popup>
</template>
<script setup>
@@ -162,12 +109,7 @@ const selectedId = ref(null);
function Select(item ,index){
selectedId.value = item;
};
//确定邀请
function invite(){}
//关闭弹窗
function close(){
popup.value.close();
}
///``````````````````````````````````````标记3``````````````````````````````````````````````
const submitEvaluate = () => {
@@ -207,6 +149,9 @@ const submitEvaluate = () => {
</script>
<style scoped>
.popupcss {
}
.popup{
height: 750rpx;
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png);
@@ -313,6 +258,66 @@ const submitEvaluate = () => {
color: rgb(127, 127, 127);
margin-top: 20rpx;
}
.Avatarimg {
width: 90rpx;
height: 90rpx;
border-radius: 50%;
background-color: #dddddd;
margin-right: 20rpx;
margin-left: 20rpx;
}
.avatar {
width: 100%;
height: 100%;
border-radius: 50%;
}
.NameMoney {
display: flex;
flex-direction: column;
}
.TimeMoney {
width: 300rpx;
display: flex;
font-weight: bold;
font-size: 27rpx;
color: #161616;
}
.NameMoney_Name {
width: 400rpx;
text-align: left;
font-weight: bold;
font-size: 27rpx;
color: #161616;
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏溢出内容 */
text-overflow: ellipsis; /* 显示省略号 */
}
.TimeMoney_Time {
display: flex;
align-items: center;
margin-top: 10rpx;
}
.pkTimeimg {
width: 31.49rpx;
height: 31.49rpx;
margin-right: 10rpx;
}
.goldimg {
width: 31.49rpx;
height: 35rpx;
margin-left: 40rpx;
}
.goldnb {
display: flex;
margin-left: 5rpx;
}
.noData{
width: 500rpx;
height: 400rpx;
border-radius: 10px;
font-size: 30rpx;
color: #999;
}
.scroll {
width: 500rpx;
height: 400rpx;
@@ -345,4 +350,31 @@ const submitEvaluate = () => {
z-index: 998;
width: 100vw;
}
.popup-btn {
display: flex;
justify-content: space-around;
margin-top: 50rpx;
}
.invite {
width: 225.19rpx;
height: 78.24rpx;
font-size: 28.63rpx;
line-height: 80rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
}
.cancel {
width: 225.19rpx;
height: 78.24rpx;
font-size: 28.63rpx;
line-height: 80rpx;
margin-left: 30rpx;
color: #03aba8;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
border: 1rpx solid #03aba8;
}
</style>

81
TUIKit/components/TUIChat/message-input-toolbar/evaluate/popupinvite.vue Normal file
View File

@@ -0,0 +1,81 @@
<template>
<uni-popup class="popupcss" ref="popup" type="center" border-radius="10px 10px 0 0">
<view class="popup-content">
<view class="popup-title">
<view class="popup-text">点击选择您要参与的主播</view>
<view v-if="list.length !== 0">
<scroll-view show-scrollbar="false" scroll-y="true" class="scroll">
<view class="card" v-for="(item, index) in list" :key="index">
<view
class="card-content"
@click="Select(item.id, index)"
:style="{
background: selectedId === item.id ? '#b8ff8c74' : '#ffffff',
}"
>
<view class="Avatarimg">
<image class="avatar" :src="item.anchorIcon" mode="scaleToFill" />
</view>
<view class="NameMoney">
<view class="TimeMoney">
<view class="NameMoney_Name">{{ item.anchorId }}</view>
</view>
<view class="TimeMoney_Time">
<view class="pkTimeimg">
<image
style="width: 31.49rpx; height: 31.49rpx; margin-top: 3rpx"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/time.png"
mode="scaleToFill"
/>
</view>
<!-- <view>{{ TimeFormatting(item.pkTime) }}</view> -->
<view class="goldimg">
<image
style="width: 31.49rpx; height: 31.49rpx; margin-top: 4rpx"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/species.png"
mode="scaleToFill"
/>
</view>
<view class="goldnb">{{ item.coin }}K</view>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="noData" v-if="list.length === 0"
>您还没有可参与的主播PK，快去新建一个吧！</view
>
</view>
<view class="popup-btn">
<button class="invite" type="primary" @click="invite()">邀请</button>
<button class="cancel" type="default" @click="close()">取消</button>
</view>
</view>
</uni-popup>
</template>
<script>
export default {
data() {
return {
title: "Hello",
};
},
onLoad() {
// 页面加载时执行
},
methods: {
//确定邀请
invite() {},
//关闭弹窗
close() {
popup.value.close();
},
},
};
</script>
<style scoped>
/* 样式定义 */
</style>

2
unpackage/dist/dev/.sourcemap/mp-weixin/TUIKit/components/TUIChat/message-input-toolbar/evaluate/CustomMessage.js.map vendored
View File

File diff suppressed because one or more lines are too long

45
unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/message-input-toolbar/evaluate/CustomMessage.js vendored
View File

@@ -5,13 +5,8 @@ const common_assets = require("../../../../../common/assets.js");
require("../../offlinePushInfoManager/index.js");
const stores_counter = require("../../../../../stores/counter.js");
const components_request = require("../../../../../components/request.js");
if (!Array) {
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
_easycom_uni_popup2();
}
const _easycom_uni_popup = () => "../../../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
if (!Math) {
(ToolbarItemContainer + _easycom_uni_popup)();
ToolbarItemContainer();
}
const ToolbarItemContainer = () => "../toolbar-item-container/index.js";
const _sfc_main = {
@@ -70,19 +65,11 @@ const _sfc_main = {
popup.value.open("center");
list.value = mylist.value;
}
const selectedId = common_vendor.ref(null);
function Select(item, index) {
selectedId.value = item;
}
function invite() {
}
function close() {
popup.value.close();
}
common_vendor.ref(null);
const submitEvaluate = () => {
};
return (_ctx, _cache) => {
return common_vendor.e({
return {
a: common_vendor.o$1(onyourChoose),
b: common_vendor.o$1(onmyChoose),
c: common_vendor.o$1(submitEvaluate),
@@ -97,32 +84,8 @@ const _sfc_main = {
needBottomPopup: true,
iconWidth: _ctx.isUniFrameWork ? "36px" : "30px",
iconHeight: _ctx.isUniFrameWork ? "36px" : "30px"
}),
h: list.value.length !== 0
}, list.value.length !== 0 ? {
i: common_vendor.f(list.value, (item, index, i0) => {
return {
a: item.anchorIcon,
b: common_vendor.t(item.anchorId),
c: common_vendor.t(item.coin),
d: common_vendor.o$1(($event) => Select(item.id), index),
e: selectedId.value === item.id ? "#b8ff8c74" : "#ffffff",
f: index
};
})
} : {}, {
j: list.value.length === 0
}, list.value.length === 0 ? {} : {}, {
k: common_vendor.o$1(($event) => invite()),
l: common_vendor.o$1(($event) => close()),
m: common_vendor.sr(popup, "241228dc-1", {
"k": "popup"
}),
n: common_vendor.p({
type: "center",
["border-radius"]: "10px 10px 0 0"
})
});
};
};
}
};

1
unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/message-input-toolbar/evaluate/CustomMessage.json vendored
View File

@@ -1,7 +1,6 @@
{
"component": true,
"usingComponents": {
"uni-popup": "../../../../../uni_modules/uni-popup/components/uni-popup/uni-popup",
"toolbar-item-container": "../toolbar-item-container/index"
}
}

2
unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/message-input-toolbar/evaluate/CustomMessage.wxml vendored
View File

@@ -1 +1 @@
<toolbar-item-container wx:if="{{g}}" class="r data-v-241228dc" u-s="{{['d']}}" u-r="container" bindonDialogShow="{{e}}" bindonDialogClose="{{f}}" u-i="241228dc-0" bind:__l="__l" u-p="{{g}}"><view class="popup data-v-241228dc"><view class="container data-v-241228dc"><view class="title data-v-241228dc">PK邀请</view><view class="yourChoose data-v-241228dc" bindtap="{{a}}"><view class="yourChoose-item data-v-241228dc">选择你要邀请的对手</view></view><view class="vstext data-v-241228dc"><view class="Vtext data-v-241228dc">V</view><view class="Stext data-v-241228dc">S</view></view><view class="myChoose data-v-241228dc" bindtap="{{b}}"><view class="yourChoose-item data-v-241228dc">选择你要参与PK的信息</view></view></view><button class="send-btn data-v-241228dc" bindtap="{{c}}">发送邀请</button></view></toolbar-item-container><uni-popup wx:if="{{n}}" class="r data-v-241228dc" u-s="{{['d']}}" u-r="popup" u-i="241228dc-1" bind:__l="__l" u-p="{{n}}"><view class="popup-content data-v-241228dc"><view class="popup-title data-v-241228dc"><view class="popup-text data-v-241228dc">点击选择您要参与的主播</view><view wx:if="{{h}}" class="data-v-241228dc"><scroll-view show-scrollbar="false" scroll-y="true" class="scroll data-v-241228dc"><view wx:for="{{i}}" wx:for-item="item" wx:key="f" class="card data-v-241228dc"><view class="card-content data-v-241228dc" bindtap="{{item.d}}" style="{{'background:' + item.e}}"><view class="Avatarimg data-v-241228dc"><image class="avatar data-v-241228dc" src="{{item.a}}" mode="scaleToFill"/></view><view class="NameMoney data-v-241228dc"><view class="TimeMoney data-v-241228dc"><view class="NameMoney_Name data-v-241228dc">{{item.b}}</view></view><view class="TimeMoney_Time data-v-241228dc"><view class="pkTimeimg data-v-241228dc"><image class="data-v-241228dc" style="width:31.49rpx;height:31.49rpx;margin-top:3rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/time.png" mode="scaleToFill"/></view><view class="goldimg data-v-241228dc"><image class="data-v-241228dc" style="width:31.49rpx;height:31.49rpx;margin-top:4rpx" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/species.png" mode="scaleToFill"/></view><view class="goldnb data-v-241228dc">{{item.c}}K</view></view></view></view></view></scroll-view></view><view wx:if="{{j}}" class="noData data-v-241228dc">您还没有可参与的主播PK，快去新建一个吧！</view></view><view class="popup-btn data-v-241228dc"><button class="invite data-v-241228dc" type="primary" bindtap="{{k}}">邀请</button><button class="cancel data-v-241228dc" type="default" bindtap="{{l}}">取消</button></view></view></uni-popup>
<toolbar-item-container wx:if="{{g}}" class="r data-v-241228dc" u-s="{{['d']}}" u-r="container" bindonDialogShow="{{e}}" bindonDialogClose="{{f}}" u-i="241228dc-0" bind:__l="__l" u-p="{{g}}"><view class="popup data-v-241228dc"><view class="container data-v-241228dc"><view class="title data-v-241228dc">PK邀请</view><view class="yourChoose data-v-241228dc" bindtap="{{a}}"><view class="yourChoose-item data-v-241228dc">选择你要邀请的对手</view></view><view class="vstext data-v-241228dc"><view class="Vtext data-v-241228dc">V</view><view class="Stext data-v-241228dc">S</view></view><view class="myChoose data-v-241228dc" bindtap="{{b}}"><view class="yourChoose-item data-v-241228dc">选择你要参与PK的信息</view></view></view><button class="send-btn data-v-241228dc" bindtap="{{c}}">发送邀请</button></view></toolbar-item-container>

89
unpackage/dist/dev/mp-weixin/TUIKit/components/TUIChat/message-input-toolbar/evaluate/CustomMessage.wxss vendored
View File

@@ -1,4 +1,6 @@
.popupcss.data-v-241228dc {
}
.popup.data-v-241228dc{
height: 750rpx;
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png);
@@ -105,6 +107,66 @@
color: rgb(127, 127, 127);
margin-top: 20rpx;
}
.Avatarimg.data-v-241228dc {
width: 90rpx;
height: 90rpx;
border-radius: 50%;
background-color: #dddddd;
margin-right: 20rpx;
margin-left: 20rpx;
}
.avatar.data-v-241228dc {
width: 100%;
height: 100%;
border-radius: 50%;
}
.NameMoney.data-v-241228dc {
display: flex;
flex-direction: column;
}
.TimeMoney.data-v-241228dc {
width: 300rpx;
display: flex;
font-weight: bold;
font-size: 27rpx;
color: #161616;
}
.NameMoney_Name.data-v-241228dc {
width: 400rpx;
text-align: left;
font-weight: bold;
font-size: 27rpx;
color: #161616;
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏溢出内容 */
text-overflow: ellipsis; /* 显示省略号 */
}
.TimeMoney_Time.data-v-241228dc {
display: flex;
align-items: center;
margin-top: 10rpx;
}
.pkTimeimg.data-v-241228dc {
width: 31.49rpx;
height: 31.49rpx;
margin-right: 10rpx;
}
.goldimg.data-v-241228dc {
width: 31.49rpx;
height: 35rpx;
margin-left: 40rpx;
}
.goldnb.data-v-241228dc {
display: flex;
margin-left: 5rpx;
}
.noData.data-v-241228dc{
width: 500rpx;
height: 400rpx;
border-radius: 10px;
font-size: 30rpx;
color: #999;
}
.scroll.data-v-241228dc {
width: 500rpx;
height: 400rpx;
@@ -137,3 +199,30 @@
z-index: 998;
width: 100vw;
}
.popup-btn.data-v-241228dc {
display: flex;
justify-content: space-around;
margin-top: 50rpx;
}
.invite.data-v-241228dc {
width: 225.19rpx;
height: 78.24rpx;
font-size: 28.63rpx;
line-height: 80rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
}
.cancel.data-v-241228dc {
width: 225.19rpx;
height: 78.24rpx;
font-size: 28.63rpx;
line-height: 80rpx;
margin-left: 30rpx;
color: #03aba8;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
border: 1rpx solid #03aba8;
}

2
unpackage/dist/dev/mp-weixin/common/vendor.js vendored
View File

@@ -8012,7 +8012,7 @@ function isConsoleWritable() {
function initRuntimeSocketService() {
const hosts = "192.168.1.112,127.0.0.1";
const port = "8090";
const id = "mp-weixin_Hyt8Uj";
const id = "mp-weixin_qfKgVo";
const lazy = typeof swan !== "undefined";
let restoreError = lazy ? () => {
} : initOnError();