flex布局,一行3 列显示

解决技巧:

  1. 定义常用的宏变量,方便引用
$width-1-2:375rpx;
// $width-1-3:250rpx;
$width-1-3:235rpx;

$width-1-4: 187.5rpx;
$width-1-5: 150rpx;

$border-radius-15: 15rpx !important;
$border-radius-30: 30rpx !important;

$height-340: 340rpx;
<view class="flex justify-start flex-wrap col-1-3">
			<view ><mini-video-card></mini-video-card></view>
			<view ><mini-video-card></mini-video-card></view>
			<view ><mini-video-card></mini-video-card></view>
			<view ><mini-video-card></mini-video-card></view>
			<view ><mini-video-card></mini-video-card></view>
			<view ><mini-video-card></mini-video-card></view>
			<view ><mini-video-card></mini-video-card></view>
		 
			 
			
		</view>
.col-1-3{
		& > view {
			margin-left: 12rpx;
		}
	}

在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 终极编程指南 设计师:CSDN官方博客 返回首页