ant-design-vue 之form表單中label-col和wrapper-col使用


ant-design-vue 之form表單中label-col和wrapper-col使用

主要代碼: 

:label-col="{ span: 5 }" :wrapper-col="{ span: 15 }"

demo:

<template>
    <div>
        <a-form :form="form" >

            <a-form-item label="計划名稱" style="width: 100%" :label-col="{ span: 5 }" :wrapper-col="{ span: 15 }">
                <a-textarea placeholder="請輸入"/>
            </a-form-item>

        </a-form>
    </div>
</template>
<script>

    /* 這是ant-design-vue */
    import Vue from 'vue'
    import Antd, { message,Select } from 'ant-design-vue'  //這是ant-design-vue
    import 'ant-design-vue/dist/antd.css'
    Vue.use(Antd);
    /* 這是ant-design-vue */


    export default {};
</script>

<style scoped>

</style>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM