From 8afd4253552d78a26093844e9217ae3dfe96a015 Mon Sep 17 00:00:00 2001
From: xsx <825657193@qq.com>
Date: Mon, 29 Sep 2025 17:09:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E8=AF=9D=E3=80=81=E7=BE=A4=E8=81=8A?=
=?UTF-8?q?=E3=80=81=E5=A5=BD=E5=8F=8B=E6=8F=90=E7=A4=BA=E8=AF=AD=E4=BC=98?=
=?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
im-uniapp/pages/chat/chat.vue | 50 ++++++++++++--
im-uniapp/pages/friend/friend.vue | 55 ++++++++++++++--
im-uniapp/pages/group/group.vue | 56 ++++++++++++++--
im-uniapp/static/icon/iconfont.css | 102 +++++++++++++++++++++++------
im-uniapp/static/icon/iconfont.ttf | Bin 14088 -> 17428 bytes
5 files changed, 224 insertions(+), 39 deletions(-)
diff --git a/im-uniapp/pages/chat/chat.vue b/im-uniapp/pages/chat/chat.vue
index 9303edc..a8df83e 100644
--- a/im-uniapp/pages/chat/chat.vue
+++ b/im-uniapp/pages/chat/chat.vue
@@ -18,7 +18,11 @@
- 温馨提示：您现在还没有任何聊天消息，快跟您的好友发起聊天吧~
+
+
+
+ 还没有聊天
+ 添加好友或创建群聊，开始精彩的对话吧
@@ -140,11 +144,47 @@ export default {
.chat-tip {
position: absolute;
- top: 400rpx;
- padding: 50rpx;
- line-height: 50rpx;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 40rpx;
text-align: center;
- color: $im-text-color-lighter;
+ width: 80%;
+
+ .tip-icon {
+ width: 120rpx;
+ height: 120rpx;
+ background: linear-gradient(135deg, #f8f9fa, #e9ecef);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 40rpx;
+ box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+ border: 1rpx solid $im-bg-active;
+
+ .iconfont {
+ font-size: 60rpx;
+ color: $im-text-color-lighter;
+ }
+ }
+
+ .tip-title {
+ font-size: $im-font-size-large;
+ color: $im-text-color;
+ font-weight: 500;
+ margin-bottom: 20rpx;
+ }
+
+ .tip-content {
+ font-size: $im-font-size-smaller;
+ color: $im-text-color-lighter;
+ line-height: 1.6;
+ margin-bottom: 50rpx;
+ }
}
.chat-loading {
diff --git a/im-uniapp/pages/friend/friend.vue b/im-uniapp/pages/friend/friend.vue
index fe416aa..713df63 100644
--- a/im-uniapp/pages/friend/friend.vue
+++ b/im-uniapp/pages/friend/friend.vue
@@ -9,7 +9,12 @@
- 温馨提示：您现在还没有任何好友，快点击右上方'+'按钮添加好友吧~
+
+
+
+ 还没有好友
+ 添加好友，开始精彩的聊天之旅
+
@@ -103,7 +108,7 @@ export default {
// #ifdef APP-PLUS
h += uni.getSystemInfoSync().statusBarHeight;
// #endif
- console.log("customNavHeight:",h)
+ console.log("customNavHeight:", h)
return h;
}
}
@@ -128,11 +133,49 @@ export default {
.friend-tip {
position: absolute;
- top: 400rpx;
- padding: 50rpx;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 60rpx 40rpx;
text-align: center;
- line-height: 50rpx;
- color: $im-text-color-lighter;
+ width: 80%;
+ max-width: 500rpx;
+
+ .tip-icon {
+ width: 120rpx;
+ height: 120rpx;
+ background: linear-gradient(135deg, #f8f9fa, #e9ecef);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 40rpx;
+ box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+ border: 2rpx solid $im-bg-active;
+
+ .iconfont {
+ font-size: 56rpx;
+ color: #6c757d;
+ opacity: 0.8;
+ }
+ }
+
+ .tip-title {
+ font-size: $im-font-size-large;
+ color: $im-text-color;
+ font-weight: 500;
+ margin-bottom: 20rpx;
+ }
+
+ .tip-content {
+ font-size: $im-font-size-smaller;
+ color: $im-text-color-lighter;
+ line-height: 1.6;
+ margin-bottom: 50rpx;
+ }
}
.friend-items {
diff --git a/im-uniapp/pages/group/group.vue b/im-uniapp/pages/group/group.vue
index 54590c6..ed71653 100644
--- a/im-uniapp/pages/group/group.vue
+++ b/im-uniapp/pages/group/group.vue
@@ -8,7 +8,12 @@
- 温馨提示：您现在还没有加入任何群聊，点击右上方'+'按钮可以创建群聊哦~
+
+
+
+ 还没有群聊
+ 创建或加入群聊，与朋友们一起畅聊吧
+
@@ -55,12 +60,49 @@ export default {
.group-tip {
position: absolute;
- top: 400rpx;
- padding: 50rpx;
- text-align: left;
- line-height: 50rpx;
- color: darkblue;
- font-size: 30rpx;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 60rpx 40rpx;
+ text-align: center;
+ width: 80%;
+ max-width: 500rpx;
+
+ .tip-icon {
+ width: 120rpx;
+ height: 120rpx;
+ background: linear-gradient(135deg, #f8f9fa, #e9ecef);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 40rpx;
+ box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+ border: 2rpx solid $im-bg-active;
+
+ .iconfont {
+ font-size: 56rpx;
+ color: #6c757d;
+ opacity: 0.8;
+ }
+ }
+
+ .tip-title {
+ font-size: $im-font-size-large;
+ color: $im-text-color;
+ font-weight: 500;
+ margin-bottom: 20rpx;
+ }
+
+ .tip-content {
+ font-size: $im-font-size-smaller;
+ color: $im-text-color-lighter;
+ line-height: 1.6;
+ margin-bottom: 50rpx;
+ }
}
.group-items {
diff --git a/im-uniapp/static/icon/iconfont.css b/im-uniapp/static/icon/iconfont.css
index 1e24c60..295c2a6 100644
--- a/im-uniapp/static/icon/iconfont.css
+++ b/im-uniapp/static/icon/iconfont.css
@@ -1,6 +1,6 @@
@font-face {
font-family: "iconfont"; /* Project id 4272106 */
- src: url('iconfont.ttf?t=1750317465456') format('truetype');
+ src: url('iconfont.ttf?t=1759053579007') format('truetype');
}
.iconfont {
@@ -11,20 +11,92 @@
-moz-osx-font-smoothing: grayscale;
}
-.icon-dnd:before {
- content: "\e693";
+.icon-chat:before {
+ content: "\e93e";
}
-.icon-privacy-protocol:before {
- content: "\e761";
+.icon-create-group:before {
+ content: "\e65b";
}
-.icon-create-group-2:before {
- content: "\e616";
+.icon-refresh:before {
+ content: "\e64c";
}
-.icon-create-group:before {
- content: "\e650";
+.icon-copy:before {
+ content: "\e604";
+}
+
+.icon-code:before {
+ content: "\e72c";
+}
+
+.icon-username:before {
+ content: "\e623";
+}
+
+.icon-pwd:before {
+ content: "\e60d";
+}
+
+.icon-pwd-hide:before {
+ content: "\e60c";
+}
+
+.icon-username2:before {
+ content: "\e647";
+}
+
+.icon-pwd-show:before {
+ content: "\e621";
+}
+
+.icon-teenager:before {
+ content: "\eba1";
+}
+
+.icon-warning-circle-empty:before {
+ content: "\e606";
+}
+
+.icon-loading2:before {
+ content: "\e6b6";
+}
+
+.icon-complaint:before {
+ content: "\e612";
+}
+
+.icon-about:before {
+ content: "\e637";
+}
+
+.icon-security:before {
+ content: "\e61d";
+}
+
+.icon-personal-info:before {
+ content: "\e62d";
+}
+
+.icon-success:before {
+ content: "\e649";
+}
+
+.icon-wait:before {
+ content: "\e701";
+}
+
+.icon-error:before {
+ content: "\e62b";
+}
+
+.icon-dnd:before {
+ content: "\e693";
+}
+
+.icon-create-group-2:before {
+ content: "\e616";
}
.icon-qrcode:before {
@@ -67,10 +139,6 @@
content: "\e611";
}
-.icon-username:before {
- content: "\e60f";
-}
-
.icon-chat-muted:before {
content: "\e634";
}
@@ -87,18 +155,10 @@
content: "\e63c";
}
-.icon-user-protocol:before {
- content: "\e61a";
-}
-
.icon-film:before {
content: "\e66b";
}
-.icon-chat:before {
- content: "\e624";
-}
-
.icon-delete:before {
content: "\e605";
}
diff --git a/im-uniapp/static/icon/iconfont.ttf b/im-uniapp/static/icon/iconfont.ttf
index a1338608e92ead6a48cf75272df8a7f1ca3ecf17..85b17d0255b02f3f66427c7195c6aff01d706b8e 100644
GIT binary patch
delta 6263
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
C5*#4_
delta 3022
zcmZ`*Z){W76+id=b>jDIzi0a;af1KH51hmS`}w&cA*2wRhymfxNGZ?~Cjg(UV=l(nQoZmV3+TXuUuFu>~lmY5#!2KLR6wXdBo#`@fehA>g
zHR;8v$>QlwPjdm+evGiEa6tYm|0|R~KqRLwEG$+UYyU)jkFZ~vo}DOar{pMryn_Al
z3&q7bGDLKoZ^nLfrg&k}_v2C@PG->n?(E#`D+}*0z4|=>>r?D&KmhnFwJUH^kZPaR
zYJ$W@{_nH3K7yk&*OITD^7j1;+(Lc9+S2(JCa@OwUKS+&yV!LBSD!{3u-!@|D96YQ
zf%0u~wS0?9l)Jc1*iM(YigOluANab|iESfVRRMwA!o9;V03x_3PerOxgNA4ujnX8w
zXdm50hv`9jgpShV^c%s>28offDGsmftF4PLJ|_t3Z2jeVNj8+
z&ESSMWIBqBwSxjOq(DQ;r7{t#r(wATT$1+>or@&gAR~jphp}a
z)j&rbAn8DlJ3#t@o^t@qk#9M`hya~-fUyDkvIC3~(2EYBwS>Zw0}LHd)<<9vfnIZf
z;RJfe0R|Rm*#Wx{^lb+iY@js<7_%-M3k;Yk
zuyM!%<_v7S=K!+@KH1>_^9UYc-Y~F?!cT=PkPXh}!~9!9NU()v@vwMRT9s{i*`>R#
zyB;(QG`!K+*?7yn=%z|knNe1hM{2*il2kwQjC%g;-RzzBe(D?dz3ZdebK1Q2H+|6`
z3U~r{1OEv2-M<@pjg-)W+TZzK^D$&_2kgg7HV!lJDrR)nXbJ{ABxUBUlo^XlvKBC!
za@jDEbyTBB%ZVub_Ckise-ig~wb#2%w
zI1{lrlerbM!091B(bQ^2)v;Ms{X|z+aoA3Afp9iL>f&0x7Q)u8kDn~liT|>{jf^$x
z)w}gQSHDt|Y<;Nu2W-yhDj&5|YxR-Ux{k-+#)ch^C%umPt7DtCg#&i#bp0$=`@&YZ
zqN(Hc<>RXVO32UaZCsRXVz}}Zp}eK-Q3>y4ZG*4y19-!du#Hh1CP583PQ+vhc~0du
zq%J2S*+H!k%i7pa6&S}_0;NPO&wUupNAX)dI;M4a+z~rU9#(@!WQ>d
z#YTi=?E;%7xUHX<8N#ECzG8sUN&b5D(!P;HQP
zH>z(^z%2X!rEKFt@5Jj~5mF9{IPTKYj@n
zshZZMqPn{%wCFmy>{A4{rnv>hS9+>g{viEZmQeUNr^2m44_t=tzz;E@;<6-5EKO3T
zmy^O|CwmCurjg4Q>Xl?hIHR9*bCS%m%EWb8F!O>)jl^=$G=eER7w^X0l%)i=tTt1!
zgtRBJhHTYU+Ig#lS(mp8cEQdz8CZh3yiA%3Y!JtC_->)h9xAjaOd_OUl7|Zu#b&jGrB5r#ob7Zv56BZSb!-E@%D)U6~5F%(CFSvumjpLHbMawqm^9EblU;Qo~k%^+LL
zcb*-~0)Kkuv~O!e)_TpSuR{7s<`A@rs8(bG(
knVe^TlFOmp-OVcNeYsgUb8h;AFfmnJC?DAUJN$Y55C8CU%m4rY