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

更新组件声明，新增SearchByCondition组件；调整FileMessage.vue的样式，增加高度；优化ImageMessage.vue中的图片样式，移除不必要的样式属性。

Browse Source
This commit is contained in:
Phoenix 2025-05-22 15:26:48 +08:00
parent 9487ae526b
commit b7ae8598b4
4 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components.d.ts vendored
View File

@ -69,6 +69,7 @@ declare module 'vue' {
RevokeMessage: typeof import('./src/components/talk/message/RevokeMessage.vue')['default'] RevokeMessage: typeof import('./src/components/talk/message/RevokeMessage.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink'] RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView'] RouterView: typeof import('vue-router')['RouterView']
SearchByCondition: typeof import('./src/components/search/searchByCondition.vue')['default']
SearchItem: typeof import('./src/components/search/searchItem.vue')['default'] SearchItem: typeof import('./src/components/search/searchItem.vue')['default']
SearchList: typeof import('./src/components/search/searchList.vue')['default'] SearchList: typeof import('./src/components/search/searchList.vue')['default']
SysGroupAdminMessage: typeof import('./src/components/talk/message/system/SysGroupAdminMessage.vue')['default'] SysGroupAdminMessage: typeof import('./src/components/talk/message/system/SysGroupAdminMessage.vue')['default']

4
src/components/search/searchByCondition.vue
View File

@ -200,10 +200,10 @@
> >
<div class="attachment-avatar"> <div class="attachment-avatar">
<img :src="item?.extra?.file_avatar" v-if="state.condition === 'file'" /> <img :src="item?.extra?.file_avatar" v-if="state.condition === 'file'" />
<img <!-- <img
src="@/static/image/search/result-link-icon.png" src="@/static/image/search/result-link-icon.png"
v-if="state.condition === 'link'" v-if="state.condition === 'link'"
/> /> -->
</div> </div>
<div class="attachment-info"> <div class="attachment-info">
<div class="attachment-info-title"> <div class="attachment-info-title">

1
src/components/talk/message/FileMessage.vue
View File

@ -178,6 +178,7 @@ const handleDownload = () => {
.file-message { .file-message {
width: 243px; width: 243px;
background-color: #fff; background-color: #fff;
height: 110px;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
padding: 0 14px; padding: 0 14px;

5
src/components/talk/message/ImageMessage.vue
View File

@ -35,7 +35,7 @@ const img = (src: string, width = 200) => {
:class="{ left: data.float === 'left' }" :class="{ left: data.float === 'left' }"
:style="img(extra.url, 350)" :style="img(extra.url, 350)"
> >
<n-image :src="extra.url" /> <n-image class="h-149px" :src="extra.url" />
</section> </section>
</template> </template>
<style lang="less" scoped> <style lang="less" scoped>
@ -44,9 +44,6 @@ const img = (src: string, width = 200) => {
padding: 5px; padding: 5px;
border-radius: 5px; border-radius: 5px;
background: var(--im-message-left-bg-color); background: var(--im-message-left-bg-color);
min-width: 30px;
min-height: 30px;
max-width:240px;
height:149px height:149px
&.left { &.left {
background: var(--im-message-right-bg-color); background: var(--im-message-right-bg-color);