mms-row 栅格行

简述

栅格布局系统，和 mms-col 配合使用，总共 24 栅格。

注意

注意： 请以 uni_modules/mms-unix 与本文为准；各端差异以 uni-app 与各平台官方文档为准。涉及隐私能力（相册、定位、剪贴板、手机号等）需在 manifest 与后台完成配置。

平台差异说明

App（vue）	App（nvue）	H5	小程序
√	√	√	√

基本使用

<template>
	<mms-row :gutter="20">
		<mms-col :span="12">
			<view>
				<text> 一半宽度 </text>
			</view>
		</mms-col>
		<mms-col :span="12">
			<view>
				<text> 一半宽度 </text>
			</view>
		</mms-col>
	</mms-row>
</template>

Props

参数	说明	类型	默认值
gutter	栅格间距，单位 rpx	number	0

插槽

名称	说明
default	列内容

示例

间隔 20rpx

<mms-row :gutter="20">
	<mms-col :span="12"><view>左</view></mms-col>
	<mms-col :span="12"><view>右</view></mms-col>
</mms-row>

无间隔

<mms-row>
	<mms-col :span="12"><view>左</view></mms-col>
	<mms-col :span="12"><view>右</view></mms-col>
</mms-row>