element循环栅格布局

图片描述

如图,我需要循环小块col怎么循环?

阅读 3.8k
1 个回答

<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>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题