uniapp 卡片布局

使用uview框架

        <view class="">
            <u-row gutter="4" align="top">
                <block v-for="item, index in 5" :key="index">
                    <u-col span="6">
                        <view style="width: 100%;height: 200rpx;background-color: pink;margin-top: 10rpx;">
                            card
                        </view>
                    </u-col>
                </block>
            </u-row>
        </view>

实现效果

 

posted @ 2022-09-24 21:12  fnasklf  阅读(471)  评论(0编辑  收藏  举报