github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-01-12 08:58:11 +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"
:task-id="taskId"
v-model="msgText"
:disabled="sendLoad > 0"
:loading="sendLoad > 0"
:maxlength="20000"
:placeholder="$L('输入消息...')"
@on-more="onEventMore"
@on-file="onSelectFile"
@on-record="onRecord"
@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 v-if="dialogDrag" class="drag-over" @click="dialogDrag=false">
<div class="drag-text">{{$L('拖动到这里发送')}}</div>

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

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