forked from opentiny/tiny-vue
50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<template>
|
|
<tiny-collapse v-model="activeNames">
|
|
<tiny-collapse-item title="多列表单" name="1">
|
|
<tiny-layout>
|
|
<tiny-form :responsive-layout="true">
|
|
<tiny-row>
|
|
<tiny-col :xs="12" :sm="6" :md="6" :lg="6" :xl="6">
|
|
<tiny-form-item label="公司名称">
|
|
<tiny-input v-model="formData.name" placeholder="请输入"></tiny-input>
|
|
</tiny-form-item>
|
|
</tiny-col>
|
|
<tiny-col :xs="12" :sm="6" :md="6" :lg="6" :xl="6">
|
|
<tiny-form-item label="员工数">
|
|
<tiny-numeric v-model="formData.employees" :min="0"></tiny-numeric>
|
|
</tiny-form-item>
|
|
</tiny-col>
|
|
</tiny-row>
|
|
</tiny-form>
|
|
</tiny-layout>
|
|
</tiny-collapse-item>
|
|
</tiny-collapse>
|
|
</template>
|
|
|
|
<script>
|
|
import { Collapse, CollapseItem, Layout, Form, FormItem, Row, Col, Input, Numeric } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyCollapse: Collapse,
|
|
TinyCollapseItem: CollapseItem,
|
|
TinyLayout: Layout,
|
|
TinyForm: Form,
|
|
TinyFormItem: FormItem,
|
|
TinyRow: Row,
|
|
TinyCol: Col,
|
|
TinyInput: Input,
|
|
TinyNumeric: Numeric
|
|
},
|
|
data() {
|
|
return {
|
|
activeNames: ['1'],
|
|
formData: {
|
|
name: '',
|
|
employees: ''
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|