<template>
<jd-row class="home-wrap" :rowSize="9" :rowHeight="60" :rowGap="16" :columnGap="16">
<jd-col :rowSpan="5" :columnSpan="5" drag resize>1</jd-col>
<jd-col :rowSpan="5" :columnSpan="4" drag resize>2</jd-col>
<jd-col :rowSpan="3" :columnSpan="3" drag resize>3</jd-col>
<jd-col :rowSpan="3" :columnSpan="3" drag resize>4</jd-col>
<jd-col :rowSpan="6" :columnSpan="3" drag resize>5</jd-col>
<jd-col :rowSpan="3" :columnSpan="3" drag resize>6</jd-col>
<jd-col :rowSpan="3" :columnSpan="3" drag resize>7</jd-col>
</jd-row>
</template>
<template>
<jd-row class="home-wrap" :rowSize="9" :columns="['100px', '1fr', '10rem']" :rows="['80px', '1fr','5rem']" :rowWidth="100" :rowHeight="60">
<jd-col :rowSpan="5" :columnSpan="5" drag resize>1</jd-col>
<jd-col :rowSpan="5" :columnSpan="4" drag resize>2</jd-col>
<jd-col :rowSpan="3" :columnSpan="3" drag resize>3</jd-col>
<jd-col :rowSpan="3" :columnSpan="3" drag resize>4</jd-col>
<jd-col :rowSpan="6" :columnSpan="3" drag resize>5</jd-col>
<jd-col :rowSpan="3" :columnSpan="3" drag resize>6</jd-col>
<jd-col :rowSpan="3" :columnSpan="3" drag resize>7</jd-col>
</jd-row>
</template>