2020-08-27 17:18:57 +08:00

1.4 KiB

<template>
    <Wb-form label-position="left" :label-width="100">
        <Form-item label="输入框">
            <wb-input placeholder="请输入"></wb-input>
        </Form-item>
        <Form-item label="密码输入框">
            <wb-input placeholder="请输入" type="password"></wb-input>
        </Form-item>
        <Form-item label="数字输入框">
            <wb-input placeholder="请输入" type="number"></wb-input>
        </Form-item>
    </Wb-form>
    <Wb-form label-position="right" :label-width="100">
        <Form-item label="输入框">
            <wb-input placeholder="请输入"></wb-input>
        </Form-item>
        <Form-item label="密码输入框">
            <wb-input placeholder="请输入" type="password"></wb-input>
        </Form-item>
        <Form-item label="数字输入框">
            <wb-input placeholder="请输入" type="number"></wb-input>
        </Form-item>
    </Wb-form>
    <Wb-form label-position="top">
        <Form-item label="输入框">
            <wb-input placeholder="请输入"></wb-input>
        </Form-item>
        <Form-item label="密码输入框">
            <wb-input placeholder="请输入" type="password"></wb-input>
        </Form-item>
        <Form-item label="数字输入框">
            <wb-input placeholder="请输入" type="number"></wb-input>
        </Form-item>
    </Wb-form>
</template>
<script>
    export default {

    }
</script>