Bee Mobile、Vary Admin 全新升级

铁锅2024-03-25 10:45

全新升级，Bee Mobile组件库更新到 v1.0.0 版本，支持 React18。Vary Admin 管理后台全新升级，支持 Vue3，构建工具更新为 vite。

预览地址：varyvui

一、Bee Mobile

Bee Mobile组件库更新到 v1.0.0 版本，支持最新的 React v18。

预览地址：Bee Mobile

丰富强大的组件

一共拥有50多个组件，已为你需要在项目中使用的很多功能性组件做好准备。

快速上手

npm

推荐使用npm的方式安装，它能更好地和 webpack 打包工具配合使用。

复制代码

npm install bee-mobile -S

CDN

目前可以通过 unpkg.com/bee-mobile 获取到最新版本的资源，在页面上引入js 和css文件即可开始使用。

xml 复制代码

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/bee-mobile/dist/bee-mobile.min.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/bee-mobile/dist/bee-mobile.min.js"></script>

开始使用

javascript 复制代码

import React from 'react';
import {Button} from 'bee-mobile';
import 'bee-mobile/dist/bee-mobile.css';
const App = () => (
  < Button theme="primary">
    Hello World
   </Button>
);

技术栈

React
Typescript
Sass 预编译工具
bee-mobile 移动组件库
Webpack 构建工具

二、Vary Admin

基于 Vue3 开发的管理后台。

预览地址：Vary Admin

技术栈

Vue3
vue-router
pinia
vite
gulp