glg-layout

cube-glg

介绍

自定义封装的组件cube-glg

安装教程

1. 安装包
npm install cube-glg

2.  引入使用

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

import CubeGlg from 'cube-glg'
import 'cube-glg/lib/style.css'

const app = createApp(App)

app.use(CubeGlg)

组件

目前仅实现几个简单的组件：g-button、g-tag、g-date-range

<template>
  <div>
    <g-button type="primary">按钮</g-button>
    <g-tag>标签</g-tag>
    <!--该组件是基于Element Ui 封装的时间范围选择-->
    <g-date-range v-model="value"></g-date-range>
  </div>
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  const value = ref<String[]>(['2022-09-14', '2022-10-17'])
</script>