github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-01-26 20:48:12 +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>

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

@ -592,16 +592,25 @@
top: 2px; top: 2px;
right: 22px; right: 22px;
z-index: 2; z-index: 2;
height: 20px; .common-loading {
border-radius: 10px; width: 20px;
min-width: 20px; height: 20px;
background: #ed4014; margin: 0;
color: #fff; }
line-height: 20px; > em {
text-align: center; display: inline-block;
padding: 0 6px; height: 20px;
font-size: 12px; border-radius: 10px;
white-space: nowrap; min-width: 20px;
background: #ed4014;
color: #fff;
line-height: 20px;
text-align: center;
padding: 0 6px;
font-size: 12px;
font-style: normal;
white-space: nowrap;
}
} }
} }
.drag-over { .drag-over {