mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-30 22:42:41 +08:00
72 lines
2.2 KiB
Markdown
72 lines
2.2 KiB
Markdown
---
|
|
layout: templateLayout
|
|
---
|
|
```vue
|
|
<template>
|
|
<Wb-button @click="showModal1">显示弹窗</Wb-button>
|
|
<modal ref="modal1"
|
|
title="新增"
|
|
sub-title="客户信息"
|
|
@on-close="close">
|
|
<Wb-form>
|
|
<Form-item label="输入框">
|
|
<Wb-input placeholder="我是文本哦"></Wb-input>
|
|
</Form-item>
|
|
<Form-item label="下拉框">
|
|
<Wb-select>
|
|
<wb-option :value="1">北京市</wb-option>
|
|
<wb-option :value="2">上海市</wb-option>
|
|
<wb-option :value="3" disabled>深圳市</wb-option>
|
|
<wb-option :value="4">杭州市</wb-option>
|
|
<wb-option :value="5">南京市</wb-option>
|
|
<wb-option :value="6">重庆市</wb-option>
|
|
</Wb-select>
|
|
</Form-item>
|
|
<Form-item label="单选框">
|
|
<Radio-group>
|
|
<Radio value="1">
|
|
apple
|
|
</Radio>
|
|
<Radio value="2">
|
|
android
|
|
</Radio>
|
|
<Radio value="3" disabled>
|
|
github
|
|
</Radio>
|
|
</Radio-group>
|
|
</Form-item>
|
|
<Form-item label="多选框">
|
|
<Checkbox-group>
|
|
<Checkbox value="1">
|
|
apple
|
|
</Checkbox>
|
|
<Checkbox value="2">
|
|
android
|
|
</Checkbox>
|
|
<Checkbox value="3">
|
|
github
|
|
</Checkbox>
|
|
</Checkbox-group>
|
|
</Form-item>
|
|
<Form-item label="开关">
|
|
<Wb-switch>
|
|
<span slot="close">关</span>
|
|
<span slot="open">开</span>
|
|
</Wb-switch>
|
|
</Form-item>
|
|
<Form-item>
|
|
<Wb-button type="primary">提交</Wb-button>
|
|
</Form-item>
|
|
</Wb-form>
|
|
</modal>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
showModal1 () {
|
|
this.$refs.modal1.show()
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
``` |