Space 间距 v2.3.8

---

按需引入

import { createApp } from 'vue'
import App from './App.vue'
import { MeSpace } from 'mine-h5-ui'
import 'mine-h5-ui/styles/MeSpace.css'

createApp(App).use(MeSpace).mount('#app')

复制

• 如果你觉得重新编写 HTML 结构麻烦，可以直接复制下面的代码。

代码演示

基础用法

• 通过属性 size 来设置组件的间距大小，默认为 10px。

<me-space size="10px">
  <div v-for="item in 3">{{ item }}</div>
</me-space>

间距方向

• 通过属性 direction 来设置组件的间距方向，默认为 horizontal。

<me-space direction="vertical">
  <div v-for="item in 3">{{ item }}</div>
</me-space>

API

参数

参数	说明	类型	可选值	默认值	版本
size	间距大小	string	--	10px	v2.3.8
direction	间距方向	string	horizontal / vertical	horizontal	v2.3.8