优化页面

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

@@ -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>

TUIKit/components/TUIChat/message-input-toolbar/evaluate/popupinvite.vue

@@ -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>

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

@@ -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);
+    common_vendor.ref(null);
-    function Select(item, index) {
-      selectedId.value = item;
-    }
-    function invite() {
-    }
-    function close() {
-      popup.value.close();
-    }
     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"
-        })
-      });
     };
   }
 };

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

@@ -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"
   }
 }

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

@@ -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>

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

@@ -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;
+}

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -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();