github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 11:19:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化转发消息样式

Browse Source
This commit is contained in:
kuaifan 2024-03-13 00:42:06 +09:00
parent f6b006b000
commit 8b11e9a19e
2 changed files with 29 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -433,7 +433,7 @@
<!-- 转发确认 --> <!-- 转发确认 -->
<Modal <Modal
v-model="forwardhow" v-model="forwardhow"
:title="$L('转发给:')" :title="`${$L('转发给')}:`"
class-name="common-user-select-modal dialog-forward-message-modal" class-name="common-user-select-modal dialog-forward-message-modal"
:mask-closable="false" :mask-closable="false"
width="420"> width="420">
@ -459,10 +459,16 @@
</div> </div>
<div class="twice-affirm-body-extend"> <div class="twice-affirm-body-extend">
<div class="dialog-wrapper-forward-body"> <div class="dialog-wrapper-forward-body">
<div class="dialog-wrapper"> <div class="dialog-wrapper inde-list">
<div class="dialog-scroller"> <Scrollbar class-name="dialog-scroller">
<DialogItem :source="operateItem" simpleView :dialogAvatar="false"/> <DialogItem
</div> :source="operateItem"
@on-view-text="onViewText"
@on-view-file="onViewFile"
@on-down-file="onDownFile"
@on-emoji="onEmoji"
simpleView/>
</Scrollbar>
</div> </div>
<div class="leave-message"> <div class="leave-message">
<Input type="textarea" :autosize="{minRows: 1,maxRows: 3}" v-model="forwardMessage" :placeholder="$L('留言')" clearable /> <Input type="textarea" :autosize="{minRows: 1,maxRows: 3}" v-model="forwardMessage" :placeholder="$L('留言')" clearable />
@ -548,7 +554,7 @@
v-if="replyListShow" v-if="replyListShow"
:dialogId="dialogId" :dialogId="dialogId"
:msgId="replyListId" :msgId="replyListId"
class="drawer-list"> class="inde-list">
<div slot="head" class="drawer-title">{{$L('回复消息')}}</div> <div slot="head" class="drawer-title">{{$L('回复消息')}}</div>
</DialogWrapper> </DialogWrapper>
</DrawerOverlay> </DrawerOverlay>
@ -567,7 +573,7 @@
placement="right" placement="right"
class-name="dialog-wrapper-drawer-list" class-name="dialog-wrapper-drawer-list"
:size="500"> :size="500">
<div class="dialog-wrapper drawer-list"> <div class="dialog-wrapper inde-list">
<div class="dialog-nav"> <div class="dialog-nav">
<div class="drawer-title">{{$L('待办消息')}}</div> <div class="drawer-title">{{$L('待办消息')}}</div>
</div> </div>

67
resources/assets/sass/pages/components/dialog-wrapper.scss vendored
View File

@ -13,7 +13,7 @@
overflow: hidden; overflow: hidden;
} }
&.drawer-list { &.inde-list {
border-radius: 18px 0 0 18px; border-radius: 18px 0 0 18px;
overflow: hidden; overflow: hidden;
@ -1822,6 +1822,10 @@ body:not(.window-touch) {
.dialog-wrapper { .dialog-wrapper {
position: relative; position: relative;
&.inde-list {
border-radius: 0;
}
.dialog-scroller { .dialog-scroller {
position: relative; position: relative;
padding: 0; padding: 0;
@ -1835,66 +1839,27 @@ body:not(.window-touch) {
.dialog-head { .dialog-head {
width: 100%; width: 100%;
border-radius: 8px; border-radius: 8px;
.dialog-content {
.content-file.file {
width: 100%;
.file-box {
width: 100%;
}
}
}
} }
.dialog-foot { .dialog-foot {
display: none; display: none;
} }
.dialog-content {
.content-file.file {
width: 100%;
.file-box{
width: 100%;
}
}
.content-meeting {
color: #303133;
}
}
} }
.dialog-avatar { .dialog-avatar {
display: none; display: none;
} }
&.self {
.dialog-head {
background-color: #F4F5F7;
.content-text {
color: #303133;
.markdown-body {
color: #303133;
}
}
.dialog-reply {
&:after {
background-color: rgba(132, 197, 106, 0.7);
}
.reply-avatar {
.bot,
.common-avatar {
color: #84C56A;
}
}
}
.dialog-emoji {
.avatar-name {
color: #818181;
}
> li.hasme {
background-color: #e1e1e1;
}
}
}
}
} }
} }
} }
@ -2209,7 +2174,7 @@ body.window-touch {
body.window-portrait { body.window-portrait {
.dialog-wrapper { .dialog-wrapper {
background-color: #f8f8f8; background-color: #f8f8f8;
&.drawer-list { &.inde-list {
.dialog-nav { .dialog-nav {
.drawer-title { .drawer-title {
height: 52px; height: 52px;