Awesome
<p align="center"> <a href="http://zarm.design"> <img width="200" src="https://zarm.design/images/logo.1a6cfc30.svg"> </a> </p> <h1 align="center">Zarm</h1> <div align="center">众安科技基于 React 研发的一款适用于企业级的移动端 UI 组件库。
</div>Zarm (读音 /zɑːm/,中文可发音为 扎姆)的命名,灵感来源于众安保险秉承的理念:做有温度的保险。Zarm = za + warm,za 代表 “众安”,warm 有 “温暖” 的含义,以重合的 “a” 字母为中心,各取左右两部分。追求极致的用户体验,致力于做有温度的组件库也是 zarm 项目发起的初衷。
预览
<img width="200" src="https://user-images.githubusercontent.com/9812721/116021555-ffa29c80-a67a-11eb-8068-614bd912c894.png" />https://zarm.design/demo.html#/
兼容性
- iOS Safari 10+
- Android 5+
如需兼容更低端的浏览器版本,需要提供相应的 Polyfill 支持,请参考 这篇文章
安装
npm 或 yarn 安装
# npm
$ npm install zarm --save
# yarn
$ yarn add zarm
使用
import { Button, Cell } from 'zarm';
import 'zarm/dist/zarm.css';
定制主题
可以参考 定制主题文档。
国际化
可以参考 国际化文档。
社区
问题上报 | 讨论交流 | 微信群 |
---|---|---|
github issues | github discussions | <img src="https://cdn-health.zhongan.com/zarm/qrcode.jpg" width="80" /> <br />备注 "zarm github" 加好友后邀请进群 |
如何贡献
使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR。
你可以使用 Gitpod 进行在线开发:
或者克隆到本地开发,请阅读我们的 贡献指南。
开源协议
MIT