Skip to content

Row 水平布局

基础用法

  • 用于快速设置栅格布局。
  • 搭配 sn-col 组件使用更佳哦
vue
<template>
	<sn-row>
		<sn-col :span="4">内容1</sn-col>
		<sn-col :span="4">内容2</sn-col>
		<sn-col :span="4">内容3</sn-col>
	</sn-row>
</template>

更多演示请下载 demo 查看

属性

参数说明类型默认值可选值
justify主轴对齐方式Stringstart-
align交叉轴对齐方式Stringcenter-
wrap是否允许换行Booleanfalsetrue | false
customStyle自定义样式UTSJSONObject{}-

插槽

名称说明
default水平布局内部包裹主体组件。

使用 MIT 协议