gitee/dootask
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

perf: 小屏幕弹窗底部按钮铺全

Browse Source
This commit is contained in:
kuaifan 2021-12-25 01:29:28 +08:00
parent cf41e71494
commit b38b335fa1
5 changed files with 43 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/pages/manage.vue
View File

@ -117,7 +117,7 @@
</Select>
</FormItem>
</Form>
<div slot="footer">
<div slot="footer" class="adaption">
<Button type="default" @click="addShow=false">{{$L('取消')}}</Button>
<Button type="primary" :loading="loadIng > 0" @click="onAddProject">{{$L('添加')}}</Button>
</div>

6
resources/assets/js/pages/manage/components/ProjectList.vue
View File

@ -328,7 +328,7 @@
<Input type="textarea" :autosize="{ minRows: 3, maxRows: 5 }" v-model="settingData.desc" :maxlength="255" :placeholder="$L('选填')"></Input>
</FormItem>
</Form>
<div slot="footer">
<div slot="footer" class="adaption">
<Button type="default" @click="settingShow=false">{{$L('取消')}}</Button>
<Button type="primary" :loading="settingLoad > 0" @click="onSetting">{{$L('修改')}}</Button>
</div>
@ -344,7 +344,7 @@
<UserInput v-if="userShow" v-model="userData.userids" :uncancelable="userData.uncancelable" :multiple-max="100" :placeholder="$L('选择项目成员')"/>
</FormItem>
</Form>
<div slot="footer">
<div slot="footer" class="adaption">
<Button type="default" @click="userShow=false">{{$L('取消')}}</Button>
<Poptip
v-if="userWaitRemove.length > 0"
@ -379,7 +379,7 @@
<UserInput v-if="transferShow" v-model="transferData.owner_userid" :multiple-max="1" :placeholder="$L('选择项目负责人')"/>
</FormItem>
</Form>
<div slot="footer">
<div slot="footer" class="adaption">
<Button type="default" @click="transferShow=false">{{$L('取消')}}</Button>
<Button type="primary" :loading="transferLoad > 0" @click="onTransfer">{{$L('移交')}}</Button>
</div>

26
resources/assets/js/pages/manage/components/TaskAdd.vue
View File

@ -111,18 +111,20 @@
</Form>
<div class="ivu-modal-footer">
<Button type="default" @click="close">{{$L('取消')}}</Button>
<ButtonGroup class="page-manage-add-task-button-group">
<Button type="primary" :loading="loadIng > 0" @click="onAdd">{{$L('添加任务')}}</Button>
<Dropdown @on-click="onAdd(true)">
<Button type="primary" :loading="loadIng > 0">
<Icon type="ios-arrow-down"></Icon>
</Button>
<DropdownMenu slot="list">
<DropdownItem>{{$L('提交继续添加')}}</DropdownItem>
</DropdownMenu>
</Dropdown>
</ButtonGroup>
<div class="adaption">
<Button type="default" @click="close">{{$L('取消')}}</Button>
<ButtonGroup class="page-manage-add-task-button-group">
<Button type="primary" :loading="loadIng > 0" @click="onAdd">{{$L('添加任务')}}</Button>
<Dropdown @on-click="onAdd(true)">
<Button type="primary" :loading="loadIng > 0">
<Icon type="ios-arrow-down"></Icon>
</Button>
<DropdownMenu slot="list">
<DropdownItem>{{$L('提交继续添加')}}</DropdownItem>
</DropdownMenu>
</Dropdown>
</ButtonGroup>
</div>
</div>
</div>
</template>

2
resources/assets/js/pages/manage/file.vue
View File

@ -188,7 +188,7 @@
<UserInput v-if="!shareInfo.userTmpHide" v-model="shareInfo.userids" :disabledChoice="[shareInfo.userid]" :multiple-max="100" :placeholder="$L('选择共享成员')"/>
</FormItem>
</Form>
<div slot="footer">
<div slot="footer" class="adaption">
<Button type="default" :loading="shareLoad > 0" @click="onShare(false)">{{$L('取消共享')}}</Button>
<Button type="primary" :loading="shareLoad > 0" @click="onShare(true)">{{$L('设置共享')}}</Button>
</div>

24
resources/assets/sass/pages/common.scss vendored
View File

@ -173,6 +173,30 @@ body {
line-height: 32px;
min-width: 94px;
}
@media (max-width: 576px) {
.adaption {
display: flex;
align-items: center;
.ivu-btn,
.ivu-btn-group,
.ivu-poptip {
flex: 1;
}
.ivu-btn-group {
display: flex;
align-items: center;
}
.ivu-poptip {
display: flex;
align-items: center;
.ivu-poptip-rel {
flex: 1;
display: flex;
align-items: center;
}
}
}
}
}
.ivu-modal-content {
border-radius: 18px;