车轱辘儿~

网格布局

这里必须加一行文字才能让第一个组件正常显示？Are you kidding me ？ 

<g-row>
    <g-col class="col-12"></g-col>
    <g-col class="col-12"></g-col>
</g-row>
<g-row>
    <g-col class="col-8"></g-col>
    <g-col class="col-8"></g-col>
    <g-col class="col-8"></g-col>
</g-row>
<g-row>
    <g-col class="col-6"></g-col>
    <g-col class="col-6"></g-col>
    <g-col class="col-6"></g-col>
    <g-col class="col-6"></g-col>
</g-row>
<g-row>
    <g-col class="col-6"></g-col>
    <g-col class="col-12"></g-col>
    <g-col class="col-6"></g-col>
</g-row>

同样情况 

<g-row gutter="12">
    <g-col class="col-6"><div class="content"></div></g-col>
    <g-col class="col-12"><div class="content"></div></g-col>
    <g-col class="col-6"><div class="content"></div></g-col>
</g-row>

嚯嚯 

<g-row gutter="12">
    <g-col class="col-6"><div class="content"></div></g-col>
    <g-col class="col-12"><div class="content"></div></g-col>
    <g-col class="col-6"><div class="content"></div></g-col>
</g-row>

等哥哥找出原因来 

<g-row>
    <g-col class="col-6"><div class="content"></div></g-col>
    <g-col class="col-8" offset="4"><div class="content"></div></g-col>
    <g-col class="col-6"><div class="content"></div></g-col>
</g-row>

(>_<) 

<g-row>
    <g-col class="col-24" :ipad="{ span: 12 }" :pc="{ span: 6 }"></g-col>
    <g-col class="col-24" :ipad="{ span: 12 }" :pc="{ span: 6 }"></g-col>
    <g-col class="col-24" :ipad="{ span: 12 }" :pc="{ span: 6 }"></g-col>
    <g-col class="col-24" :ipad="{ span: 12 }" :pc="{ span: 6 }"></g-col>
</g-row>

← Layout →