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 2023-06-13 09:19:13 +08:00
parent b0369a3af1
commit 296ae69cf9
2 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/components/UserInput.vue
View File

@ -17,14 +17,11 @@
@on-open-change="openChange" @on-open-change="openChange"
multiple multiple
filterable filterable
search-in-option :search-in-option="windowTouch"
:search-placeholder="$L('输入关键词搜索')" :search-placeholder="$L('输入关键词搜索')"
transfer-class-name="common-user-transfer"> transfer-class-name="common-user-transfer">
<div v-if="multipleMax" slot="drop-prepend" class="user-drop-prepend"> <div v-if="multipleMax" slot="drop-prepend" class="user-drop-prepend">
<div class="user-drop-text"> <div class="user-drop-text">{{selects.length}} / {{multipleMax}}</div>
{{$L('最多只能选择' + multipleMax + '个')}}
<em v-if="selects.length">({{$L(`已选${selects.length}个`)}})</em>
</div>
<Checkbox class="user-drop-check" v-model="multipleCheck" @on-change="onMultipleChange"></Checkbox> <Checkbox class="user-drop-check" v-model="multipleCheck" @on-change="onMultipleChange"></Checkbox>
</div> </div>
<slot name="option-prepend"></slot> <slot name="option-prepend"></slot>

6
resources/assets/sass/components/user-input.scss vendored
View File

@ -88,13 +88,7 @@
color: #c5c8ce; color: #c5c8ce;
line-height: 20px; line-height: 20px;
font-size: 12px; font-size: 12px;
display: flex;
align-items: center;
> em {
font-style: normal;
padding: 0 4px; padding: 0 4px;
white-space: nowrap;
}
} }
.user-drop-check { .user-drop-check {
margin-right: 0; margin-right: 0;