ant-design 基础格式

1 格式

<template>
    <div>
        <center><h1>这是·注册页面</h1></center>

        <a-form-item label="用户名" v-bind="formlayout">
          <a-input v-model="username"/>
        </a-form-item >

        <a-form-item v-bind="buttonlayout"  >
        <a-button type="primary"  @click="submit">注册</a-button>
        </a-form-item>

    </div>
</template>
<script type="text/javascript">
    export  default {
      data(){
        return{
        username:'',
          // 表单样式
          formlayout:{
          //标签
          labelCol:{
            xs:{span:24},
            sm:{span:8}
          },
            // 文本框
            wrapperCol:{
            xs:{span:24},
            sm:{span:16}
            }
          },
          // 按钮样式
          buttonlayout:{
          //标签
          wrapperCol:{
            xs:{
              span:24,
              offset:0
            },
            sm:{span:16,offset:8}
          },
          }
        }
      }
</script>