isccui

Vue3 造轮子

介绍

Blanche-UI 是一个简洁的前端 UI 框架,基于 vue3.0 的开源 UI 组件库, 使用vite vue3.0 typescript搭建, 由blanche开发, 如果你不满框架原生样式, 不必担心类名命名的问题，覆盖样式也是可以的, 同时 blancheUI 还支持移动端显示。

安装

打开终端运行下列命令：

npm install blanche-ui

或

yarn add blanche-ui

下载与使用

请先安装本组件库。

然后在你的代码中写入下面的代码

import {Button, Tabs, Switch, Dialog} from "blanche-ui"

就可以使用我提供的组件了。

Vue 单文件组件

代码示例：

<template>
  <Tabs v-model:selected="tabSelected">
    <Tab title="tab1">content-one</Tab>
    <Tab title="tab2">content-two</Tab>
    <Tab title="tab3">content-three</Tab>
  </Tabs>
</template>

<script>
import { Tabs, Tab } from 'blanche-ui';
import 'blanche-ui/dist/lib/blanche.css'
export default {
  name: 'App',
  components: { Tabs, Tab },
  data() {
    return { tabSelected: 'tab2' }
  }
}
</script>

展示

首页：

开始页：

Tabs：

更多预览可前往我的官网：https://iscccc.github.io/blanche-ui-website/