@webbiu/vue3-row-col v0.0.1

vue3-row-col 还在 开发阶段

vue3的栅栏组件

按需引入

<template>
    <div>
        <WebBiuRow spacing="20">
            <WebBiuCol span="12">111</WebBiuCol>
            <WebBiuCol span="12">2222</WebBiuCol>
        </WebBiuRow>
    </div>
</template>

<script setup>
    import { WebBiuRow, WebBiuCol } from "@webbiu/vue3-row-col";
    import "@webbiu/vue3-row-col/dist/style.css";
</script>

全局引入

import { createApp } from 'vue'
import App from './App.vue'

import WebBiuVue3RowCol from "@webbiu/vue3-row-col";
import "@webbiu/vue3-row-col/dist/style.css"

const app = createApp(App)

app.use(WebBiuVue3RowCol)

app.mount('#app')

WebBiuRow 参数说明

WebBiuCol 参数说明

WebBiuCol 的 span 说明： WebBiuRow 的 col 为 24 时，使用 1-24， 为 12 时，使用 1-12