scout666/chat-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改群聊设置布局样式

Browse Source
This commit is contained in:
wangyifeng 2025-05-09 10:56:56 +08:00
parent 8549ca6b54
commit a80c52475e
3 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/image/icon/arrow-right-grey.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 B

BIN
src/assets/image/icon/close-btn-grey.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

40
src/components/group/GroupPanel.vue
View File

@ -171,12 +171,20 @@ loadMembers()
<div class="info-box">
<div class="b-box">
<div class="block">
<div class="title">群名称：</div>
<div class="title">群成员</div>
<div class="text">{{ members.length }}人</div>
</div>
<div class="describe">群主已开启“新成员入群可查看所有聊天记录</div>
</div>
<div class="b-box">
<div class="block">
<div class="title">群名称</div>
</div>
<div class="describe">{{ state.detail.name }}</div>
</div>
<div class="b-box">
<!-- <div class="b-box">
<div class="block">
<div class="title">群名片：</div>
<div class="text">
@ -201,33 +209,33 @@ loadMembers()
</div>
</div>
<div class="describe">{{ state.detail.visit_card || '未设置' }}</div>
</div>
<div class="b-box">
<div class="block">
<div class="title">群成员：</div>
<div class="text">{{ members.length }}人</div>
</div>
<div class="describe">群主已开启“新成员入群可查看所有聊天记录</div>
</div>
<div class="b-box">
</div> -->
<!-- <div class="b-box">
<div class="block">
<div class="title">群简介：</div>
</div>
<div class="describe">
{{ state.detail.profile ? state.detail.profile : '暂无群简介' }}
</div>
</div> -->
<div class="b-box">
<div class="block">
<div class="title">群类型</div>
</div>
<div class="describe">
{{ '暂无群类型' }}
</div>
</div>
<div class="b-box">
<div class="block">
<div class="title">群公告：</div>
<div class="title font-bold text-[#191919] text-14">群公告</div>
<div class="text">
<n-button type="primary" text> 更多 </n-button>
<!-- <n-button type="primary" text> 更多 </n-button> -->
<img src="@/assets/image/icon/arrow-right-grey.png" alt="" />
</div>
</div>
<div class="describe">暂无群公告</div>
<div class="describe">管理员未设置</div>
</div>
</div>