MorePanel 更多条件面板

响应式地显示筛选条件。

何时使用

筛选条件太多需要隐藏时。

代码演示

基本

最简单的用法，试着缩放窗口大小。

<v-more-panel>
    <v-form slot="form">
        <v-form-item label="用户名">
            <v-input placeholder="请输入用户名"></v-input>
        </v-form-item>
        <v-form-item label="密码">
            <v-input type="password" placeholder="请输入密码"></v-input>
        </v-form-item>
        <v-form-item label="机构编码">
            <v-input placeholder="请输入机构编码"></v-input>
        </v-form-item>
        <v-form-item label="年龄">
            <v-input placeholder="请输入年龄"></v-input>
        </v-form-item>
        <v-form-item label="手机">
            <v-input placeholder="请输入手机号码"></v-input>
        </v-form-item>
    </v-form>
    <v-button slot="control" type="primary" html-type="button" icon="search">查询</v-button>
</v-more-panel>

API

MorePanel Props