Giter Site home page Giter Site logo

pengju1218 / zarm Goto Github PK

View Code? Open in Web Editor NEW

This project forked from zhongantech/zarm

0.0 1.0 0.0 194.8 MB

基于 React、React-Native 的移动端UI组件库

Home Page: https://zarm.design

License: MIT License

JavaScript 21.27% TypeScript 62.49% Java 0.63% Objective-C 0.45% Shell 0.09% HTML 0.38% Starlark 0.06% Ruby 0.08% SCSS 14.57%

zarm's Introduction

Zarm

test codecov JS gzip size CSS gzip size NPM downloads dependencies Status peerDependencies Status devDependencies Status Netlify Status FOSSA Status Gitter

众安科技基于 React、React-Native 研发的一款适用于企业级的移动端 UI 组件库。

Zarm 的命名,灵感来源于众安保险秉承的理念:做有温度的保险。Zarm = za + warm,za 代表“众安”,warm 有“温暖”的含义,以重合的 a 字母为中心,各取左右两部分。追求极致的用户体验,致力于做有温度的组件库也是 zarm 项目发起的初衷。

版本

  • npm package

浏览器支持

  • 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 的样式使用了 scsscss 变量 相结合做为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整,实现定制主题的能力。

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

FOSSA Status

zarm's People

Contributors

jeromelin avatar edison-hm avatar mrdulin avatar sylvanasgone avatar whatwewant avatar hzzheng avatar newraina avatar sambiggod avatar sanheng avatar lduoduo avatar zhiyingzzhou avatar nancyzhujy avatar thyiad avatar struggle-lulu avatar dependabot[bot] avatar hezhirong avatar cheng007 avatar chrishchen avatar zwblogone avatar lsert avatar sscassie avatar jinasonlin avatar xueqingxiao avatar fossabot avatar leonwgc avatar qwert-2019 avatar reactjser avatar vdfor avatar xiaoshuangli avatar qingshuijiandou avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.