在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ element循環(huán)柵格布局

element循環(huán)柵格布局

圖片描述

如圖，我需要循環(huán)小塊col怎么循環(huán)？

回答
編輯回答
深記你

<div class="block">

                        <el-row gutter="18">
                            <el-col :span="6">
                                <el-card :body-style="{ padding: '0px' }" class="item">
                                    <div style="padding: 14px;">
                                    </div>
                                </el-card>
                            </el-col>
                            <el-col :span="6" v-for="(o, index) in 8" :key="o">
                                <el-card :body-style="{ padding: '0px' }" class="item">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1530092564397&di=6e8ea66124cce0fc24161c6b53cc84a9&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01be175a07d04ba801204a0e00c05e.jpg%401280w_1l_2o_100sh.jpg" class="image">
                                    <div style="padding: 14px;">
                                        <span>好吃的漢堡</span>
                                        <div class="bottom clearfix">
                                            <time class="time">2017-08-09</time>
                                            <el-button type="text" class="button">操作按鈕</el-button>
                                        </div>
                                    </div>
                                </el-card>
                            </el-col>
                        </el-row>
                    </div>
2017年3月17日 10:00