Zarm 的命名,灵感来源于众安保险秉承的理念:做有温度的保险。Zarm = za + warm,za 代表“众安”,warm 有“温暖”的含义,以重合的 a 字母为中心,各取左右两部分。追求极致的用户体验,致力于做有温度的组件库也是 zarm 项目发起的初衷。
- iOS
- Android 4.0+
npm 或 yarn 安装
# npm
$ npm install zarm --save
# yarn
$ yarn add zarm
import { Button, Cell } from 'zarm';
import 'zarm/dist/zarm.css';
zarm 的样式使用了 scss 和 css 变量 相结合做为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整,实现定制主题的能力。
document.documentElement.style.setProperty('--theme-primary', '#108ee9');
以下是一些最常用的通用变量,所有样式变量可以在 这里 找到。
--theme-primary: #00bc70; // 全局主色
--theme-success: #00bc70; // 成功色
--theme-warning: #ec9231; // 警告色
--theme-danger: #ff5050; // 危险色
问题上报 | 讨论交流 | 微信群 |
---|---|---|
github issues | github discussions | 备注 "zarm" 加好友后邀请进群 |
MIT