首页 专题 H5案例 前端导航 UI框架

Bee Mobile组件库重磅升级

作者:TG 日期: 2024-03-06 字数: 3934 阅读: 116

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文件即可开始使用。

  • <!-- 引入样式 -->
  • <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>

开始使用

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

create-bee-mobile

create-bee-mobile是一个命令行界面工具,它可以创建一个最基本的React项目。

技术栈

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