github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-04 04:08:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

loading 效果

Browse Source
This commit is contained in:
kuaifan 2022-06-03 11:00:05 +08:00
parent c08240db42
commit 8b4b5382b5
2 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/pages/manage/components/TaskDetail.vue
View File

@ -403,15 +403,16 @@
ref="chatInput" ref="chatInput"
:task-id="taskId" :task-id="taskId"
v-model="msgText" v-model="msgText"
:disabled="sendLoad > 0"
:loading="sendLoad > 0"
:maxlength="20000" :maxlength="20000"
:placeholder="$L('输入消息...')" :placeholder="$L('输入消息...')"
@on-more="onEventMore" @on-more="onEventMore"
@on-file="onSelectFile" @on-file="onSelectFile"
@on-record="onRecord" @on-record="onRecord"
@on-send="onSend"/> @on-send="onSend"/>
<div v-if="taskDetail.msg_num" class="input-badge" @click.stop="onSend">{{taskDetail.msg_num > 99 ? '99+' : taskDetail.msg_num}}</div> <div v-if="sendLoad > 0 || taskDetail.msg_num" class="input-badge" @click.stop="onSend">
<Loading v-if="sendLoad > 0"/>
<em v-else>{{taskDetail.msg_num > 99 ? '99+' : taskDetail.msg_num}}</em>
</div>
</div> </div>
<div v-if="dialogDrag" class="drag-over" @click="dialogDrag=false"> <div v-if="dialogDrag" class="drag-over" @click="dialogDrag=false">
<div class="drag-text">{{$L('拖动到这里发送')}}</div> <div class="drag-text">{{$L('拖动到这里发送')}}</div>

9
resources/assets/sass/pages/components/task-detail.scss vendored
View File

@ -592,6 +592,13 @@
top: 2px; top: 2px;
right: 22px; right: 22px;
z-index: 2; z-index: 2;
.common-loading {
width: 20px;
height: 20px;
margin: 0;
}
> em {
display: inline-block;
height: 20px; height: 20px;
border-radius: 10px; border-radius: 10px;
min-width: 20px; min-width: 20px;
@ -601,9 +608,11 @@
text-align: center; text-align: center;
padding: 0 6px; padding: 0 6px;
font-size: 12px; font-size: 12px;
font-style: normal;
white-space: nowrap; white-space: nowrap;
} }
} }
}
.drag-over { .drag-over {
position: absolute; position: absolute;
top: 0; top: 0;