间隔

间隔组件。

介绍

间隔组件用于快速设置两个元素之间的距离。

基础使用

<template>
	<view class="row">一行</view>

	<!-- 让行与行之间留点距离，别贴那么近 -->
	<pure-gap></pure-gap>

	<view class="row">二行</view>
</template>

间隔大小

通过 size 属性设置间隔大小。

<template>
	<view class="row">一行</view>

	<!-- 让行与行之间留点距离，别贴那么近 -->
	<pure-gap size="12px"></pure-gap>

	<view class="row">二行</view>
</template>

行内模式

通过 inline 属性设置间隔是否为行内模式。

<template>
	<view class="row">
		哈哈
		<!-- "哈哈" 和 "嘿嘿"，你俩别贴那么近 -->
		<pure-gap inline size="20px"></pure-gap>
		嘿嘿
	</view>
</template>

属性

名称	类型	默认值	说明
size	String		间隔大小
inline	Boolean	false	是否为行内模式

样式变量

名称	说明
--pure-gap-size	间隔大小