test/basic2
1
0
Fork 0
mirror of https://gitee.com/fantastic-admin/basic.git synced 2024-12-05 21:47:55 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

SearchBar 组件示例调整

Browse Source
This commit is contained in:
Hooray Hu 2023-05-05 23:46:01 +08:00
parent a632405423
commit d4f7261882
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/component_extend_example/searchbar.demo.vue
View File

@ -309,7 +309,7 @@ function toggle(fold: boolean) {
<search-bar :fold="isFold2" :show-toggle="false">
<template #default="{ fold }">
<el-form :model="search" size="default" label-width="120px" inline class="search-form">
<el-form-item label="姓名 / 手机号">
<el-form-item label="姓名 / 手机号" class="search-form-item-name">
<el-input v-model="search.name" placeholder="请输入姓名或者手机号，支持模糊查询" clearable />
</el-form-item>
<el-form-item v-show="!fold" label="部门">
@ -442,7 +442,11 @@ function toggle(fold: boolean) {
flex-wrap: wrap;
:deep(.el-form-item) {
width: calc(25% - 32px);
flex: 1 1 300px;
&.search-form-item-name {
flex-basis: 450px;
}
&:last-child {
margin-left: auto;