@@ -12,7 +12,7 @@
-
聊天记录
+ 聊天记录
-
- ![头像]()
+
+ ![头像]()
-
+
-
- {{ item.remark }}
- {{ $dataHelpers.formatDate(item.send_time, 'HH:mm') }} +{{ item.remark }}
+ {{ + $dataHelpers.formatDate(item.send_time, 'HH:mm') + }}
-
+
@@ -184,7 +186,7 @@ const deleteChat = async (chat: ChatItem) => {
message,
duration: 3000,
})
- handleRefresh()
+ await handleRefresh()
} else {
ElMessage.error({
message,
@@ -195,13 +197,7 @@ const deleteChat = async (chat: ChatItem) => {
diff --git a/src/view/chat/components/chat-item.vue b/src/view/chat/components/chat-item.vue
index d572076..2ef2f02 100644
--- a/src/view/chat/components/chat-item.vue
+++ b/src/view/chat/components/chat-item.vue
@@ -1,17 +1,27 @@
-
-
- {{ $dataHelpers.formatDate(message.send_time, 'HH:mm') }}
+
+
+ {{
+ $dataHelpers?.formatDate(message.send_time, 'HH:mm')
+ }}
-
-
+
![]()
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/view/contacts/components/contact-detail.css b/src/view/contacts/components/contact-detail.css
deleted file mode 100644
index bb39afc..0000000
--- a/src/view/contacts/components/contact-detail.css
+++ /dev/null
@@ -1,59 +0,0 @@
-.contact-detail {
- flex: 1;
- height: 850px;
-}
-
-.contact-detail .contact-detail-wrapper {
- width: 400px;
- margin: 0 auto;
-}
-
-.contact-detail .contact-detail-wrapper .base-info {
- padding: 100px 0 45px;
- border-bottom: 1px solid #e7e7e7;
-}
-
-.contact-detail .contact-detail-wrapper .base-info .left {
- margin-right: 30px;
-}
-
-.contact-detail .contact-detail-wrapper .base-info .left .nickname {
- font-size: 18px;
-}
-
-.contact-detail .contact-detail-wrapper .base-info .left .nickname .sex {
- width: 18px;
- margin-left: 5px;
-}
-
-.contact-detail .contact-detail-wrapper .base-info .left .desc {
- font-size: 14px;
- color: #96a1b1;
- word-break: break-all;
- margin-top: 5px;
-}
-
-.contact-detail .contact-detail-wrapper .base-info .right .avater {
- flex-shrink: 0;
- width: 45px;
- height: 45px;
-}
-
-.contact-detail .contact-detail-wrapper .base-info .right .avater img {
- border-radius: 50%;
-}
-
-.contact-detail .contact-detail-wrapper .other-info {
- padding: 40px 0 30px;
- border-bottom: 1px solid #e7e7e7;
-}
-
-.contact-detail .contact-detail-wrapper .other-info .info-row .lable {
- width: 5em;
- color: #96a1b1;
- margin-right: 30px;
-}
-
-.contact-detail .contact-detail-wrapper .oprate {
- margin-top: 60px;
-}
\ No newline at end of file
diff --git a/src/view/contacts/components/contact-detail.vue b/src/view/contacts/components/contact-detail.vue
index 6af0bde..d5ace33 100644
--- a/src/view/contacts/components/contact-detail.vue
+++ b/src/view/contacts/components/contact-detail.vue
@@ -1,40 +1,42 @@
-
+
![]()
@@ -34,7 +44,7 @@ interface Message {
const currentInstance = useCurrentInstance()
-const { $common } = currentInstance.proxy
+const { $common, $dataHelpers } = currentInstance.proxy
const { formatServerFilePath } = $common
@@ -54,61 +64,4 @@ const props = defineProps({
})
-
+
diff --git a/src/view/contacts/components/add-contact-dialog.css b/src/view/contacts/components/add-contact-dialog.css
deleted file mode 100644
index bed2a99..0000000
--- a/src/view/contacts/components/add-contact-dialog.css
+++ /dev/null
@@ -1,44 +0,0 @@
-:deep(.gc-column__header) .search {
- margin-bottom: 15px;
-}
-
-:deep(.el-scrollbar) .gc-list {
- padding-bottom: 30px;
-}
-
-:deep(.el-scrollbar) .gc-list .gc-list__item .contact-item .user {
- display: flex;
- align-items: center;
- width: 100%;
-}
-
-:deep(.el-scrollbar) .gc-list .gc-list__item .contact-item .user .avater {
- flex-shrink: 0;
- width: 45px;
- height: 45px;
- margin-right: 15px;
-}
-
-:deep(.el-scrollbar) .gc-list .gc-list__item .contact-item .user .avater img {
- border-radius: 50%;
-}
-
-:deep(.el-scrollbar) .gc-list .gc-list__item .contact-item .user .info {
- flex: 1;
-}
-
-:deep(.el-scrollbar) .gc-list .gc-list__item .contact-item .user .info .info-top {
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-
-:deep(.el-scrollbar) .gc-list .gc-list__item .contact-item .user .info .info-top .nickname {
- flex: 1;
- width: 0;
- font-size: 15px;
- font-weight: 600;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
\ No newline at end of file
diff --git a/src/view/contacts/components/add-contact-dialog.vue b/src/view/contacts/components/add-contact-dialog.vue
index ff8f2d9..c67c686 100644
--- a/src/view/contacts/components/add-contact-dialog.vue
+++ b/src/view/contacts/components/add-contact-dialog.vue
@@ -1,54 +1,3 @@
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
- {{ item.nickname }}
-
- 加为好友
-
-
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ + {{ item.nickname }} +
+
+ 加为好友
+
+
-
-
-
-
+
+
+
+
+
{{ contact.remark }}
- 
- 
+
+
-
+
-
-
+
+
{{ contact.desc }}
+ {{ contact.desc }}
-
-
- ![]()
+
+ ![]()
+
-
-
昵称
+ 昵称
{{ contact.nickname }}
-
账号
+ 账号
{{ contact.account }}
+
发消息
@@ -107,6 +109,4 @@ const createChat = async (contact: Contact) => {
}
-
+
diff --git a/src/view/contacts/components/contact-list.css b/src/view/contacts/components/contact-list.css
deleted file mode 100644
index 675d2c7..0000000
--- a/src/view/contacts/components/contact-list.css
+++ /dev/null
@@ -1,52 +0,0 @@
-.contact-list {
- width: 300px;
- height: 100vh;
- border-right: 1px solid #e0e4ea;
-}
-
-.contact-list .gc-column ::v-deep .gc-column__header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 70px;
- padding: 15px;
- border-bottom: 1px solid #e0e4ea;
-}
-
-.contact-list .gc-column .gc-column__header .oprate .el-button + .el-button {
- margin-left: 5px;
-}
-
-.contact-list .gc-column .list-title {
- font-size: 14px;
- color: #96a1b1;
- line-height: 45px;
- padding-left: 15px;
- margin-bottom: 5px;
-}
-
-.contact-list .gc-column ::v-deep .el-scrollbar .gc-list {
- padding-bottom: 30px;
-}
-
-.contact-list .gc-column ::v-deep .el-scrollbar .gc-list .gc-list__item .contact-item .user .avater {
- flex-shrink: 0;
- width: 45px;
- height: 45px;
- margin-right: 15px;
-}
-
-.contact-list .gc-column ::v-deep .el-scrollbar .gc-list .gc-list__item .contact-item .user .avater img {
- border-radius: 50%;
-}
-
-.contact-list .gc-column ::v-deep .el-scrollbar .gc-list .gc-list__item .contact-item .user .info {
- flex: 1;
-}
-
-.contact-list .gc-column ::v-deep .el-scrollbar .gc-list .gc-list__item .contact-item .user .info-top .nickname {
- flex: 1;
- width: 0;
- font-size: 15px;
- font-weight: 600;
-}
\ No newline at end of file
diff --git a/src/view/contacts/components/contact-list.vue b/src/view/contacts/components/contact-list.vue
index 94de0cb..bc76bcd 100644
--- a/src/view/contacts/components/contact-list.vue
+++ b/src/view/contacts/components/contact-list.vue
@@ -104,7 +104,7 @@ defineExpose({
-
+
@@ -129,7 +129,7 @@ defineExpose({
-
通讯录
+ 通讯录
-
- ![]()
+
+ ![]()
-
+
-
+ {{ item.remark }}
+{{ item.remark }}
在线
@@ -169,5 +170,16 @@ defineExpose({
diff --git a/src/view/login/index.vue b/src/view/login/index.vue
index ada7df7..8acf1bd 100644
--- a/src/view/login/index.vue
+++ b/src/view/login/index.vue
@@ -1,16 +1,16 @@
-
+
-
- 
-
@@ -37,7 +37,13 @@
-
+
立即登录
@@ -107,38 +113,4 @@ const handleLogin = async () => {
}
-
+
diff --git a/src/view/register/index.vue b/src/view/register/index.vue
index e27a333..1550a79 100644
--- a/src/view/register/index.vue
+++ b/src/view/register/index.vue
@@ -1,16 +1,16 @@
-
- LightChat
+
+
+
+ LightChat
+
-
- 
-
@@ -40,13 +40,13 @@
type="primary"
size="large"
plain
- class="regist-btn"
+ class="regist-btn mt-[30px] w-full"
:loading="loading"
@click.prevent="handleRegister"
>
立即注册
-
- LightChat
+
+
+
+ LightChat
+
已有账号，去登录
@@ -133,50 +133,4 @@ const handleRegister = async () => {
}
-
+