<!-- 基础用法 -->
<re-grid class="demo-grid-default">
<re-grid-item class="demo-grid-item-1" text="宫格1" icon="★" />
<re-grid-item class="demo-grid-item-2" text="宫格2" icon="☆" />
<re-grid-item class="demo-grid-item-3" text="宫格3" icon="✦" />
<re-grid-item class="demo-grid-item-4" text="宫格4" icon="✧" />
<!-- 三列宫格 -->
<re-grid class="demo-grid-col-3" :column="3">
<re-grid-item class="demo-grid-col3-1" text="三列1" />
<re-grid-item class="demo-grid-col3-2" text="三列2" />
<re-grid-item class="demo-grid-col3-3" text="三列3" />
<!-- 无边框 -->
<re-grid class="demo-grid-no-border" :border="false" :column="3">
<re-grid-item class="demo-grid-noborder-1" text="无边框1" />
<re-grid-item class="demo-grid-noborder-2" text="无边框2" />
<re-grid-item class="demo-grid-noborder-3" text="无边框3" />
<!-- 带间距 -->
<re-grid class="demo-grid-gutter" :gutter="10" :column="3">
<re-grid-item class="demo-grid-gutter-1" text="间距1" />
<re-grid-item class="demo-grid-gutter-2" text="间距2" />
<re-grid-item class="demo-grid-gutter-3" text="间距3" />
<!-- 带图片 -->
<re-grid class="demo-grid-image" :column="3">
<re-grid-item class="demo-grid-img-1" text="图片1" image="/static/logo.png" />
<re-grid-item class="demo-grid-img-2" text="图片2" image="/static/logo.png" />
<re-grid-item class="demo-grid-img-3" text="图片3" image="/static/logo.png" />
<!-- 二列宫格 -->
<re-grid class="demo-grid-col-2" :column="2">
<re-grid-item class="demo-grid-col2-1" text="二列1" icon="●" />
<re-grid-item class="demo-grid-col2-2" text="二列2" icon="○" />
<!-- 自定义样式 -->
<re-grid class="demo-grid-custom-style" :column="3" customStyle="background-color: #f5f5f5;">
<re-grid-item class="demo-grid-custom-1" text="自定义1" />
<re-grid-item class="demo-grid-custom-2" text="自定义2" />
<re-grid-item class="demo-grid-custom-3" text="自定义3" />
<!-- 五列宫格 -->
<re-grid class="demo-grid-col-5" :column="5">
<re-grid-item class="demo-grid-col5-1" :text="1" />
<re-grid-item class="demo-grid-col5-2" :text="2" />
<re-grid-item class="demo-grid-col5-3" :text="3" />
<re-grid-item class="demo-grid-col5-4" :text="4" />
<re-grid-item class="demo-grid-col5-5" :text="5" />
