优雅、简洁的 Remax 组件库
Remax
开发 UI 组件微信
支付宝
钉钉
小程序多端适配运行npm install annar
yarn add annar
import { Button } from 'annar';
const App = () => (
<>
<Button>Click Annar</Button>
</>
);
在 app.js
中引入样式:
import 'annar/dist/annar.css';
注意:使用 Web 组件开发需要依赖 @remax/one
npm install @remax/one
annar
的 JS 部分默认支持 tree shaking。
CSS 部分需要在 app.js
中手动引入
import 'annar/esm/button/style/css';
// 如果你使用 sass,也可以这样引入
import 'annar/esm/button/style';
通过配置 babel-plugin-import
进行 CSS 的按需加载
$ git clone [email protected]:AnnaSearl/annar.git
$ cd annar
$ npm install
$ npm start
如果你有任何问题,可以提交 issue 给我们,我们也非常欢迎你加入 Annar
的建设,向我们提交 PR。
Annar 维护 master
和 feature
两个分支,如果您是修复 bug,请提交到 master
;如果您要添加新的功能,请提交到 feature
。
npm start
在本地运行 Annar 的网站npm run lint
检查代码风格npm run build
编译 TypeScript 代码到 esm、web 以及 dist 目录:vertical_traffic_light: 体验小程序上的组件版本较低,若想查看
Annar
的最新组件及特性,请前往 官方文档