📜  man bat color (1)

📅  最后修改于: 2023-12-03 15:17:31.634000             🧑  作者: Mango

Man Bat Color

Man Bat Color是一个开源的调色板库,其灵感来自于蝙蝠侠系列中的敌人Man Bat的颜色。

特性
  • 包含主题色、辅助色、背景色等多种颜色,适用于不同类型的应用场景。
  • 支持在不同的平台中使用,包括Web、iOS、Android等。
  • 提供完整的文档和使用示例,方便快速集成和使用。
安装
npm install man-bat-color --save

或者使用Yarn:

yarn add man-bat-color
使用方法

在Web中使用

<link rel="stylesheet" href="path/to/man-bat-color.css">

然后再需要使用的地方直接使用对应的CSS类名即可:

<div class="mbc-primary">Man Bat Primary Color</div>
<div class="mbc-secondary">Man Bat Secondary Color</div>
<div class="mbc-background">Man Bat Background Color</div>

在React中使用

import { ManBatColor } from 'man-bat-color';

function MyComponent() {
  return (
    <div>
      <div style={{ backgroundColor: ManBatColor.primary }}>Man Bat Primary Color</div>
      <div style={{ backgroundColor: ManBatColor.secondary }}>Man Bat Secondary Color</div>
      <div style={{ backgroundColor: ManBatColor.background }}>Man Bat Background Color</div>
    </div>
  );
}

在iOS中使用

import ManBatColor

let primaryColor = ManBatColor.primary
let secondaryColor = ManBatColor.secondary
let backgroundColor = ManBatColor.background

在Android中使用

import com.manbat.color.ManBatColor

val primaryColor = ManBatColor.primary
val secondaryColor = ManBatColor.secondary
val backgroundColor = ManBatColor.background
贡献

如果您发现了任何bug或者有任何建议,请在Github上提出issue或者pull request。

赞助

如果您觉得Man Bat Color对您有帮助,欢迎请我喝杯咖啡:

  • 支付宝:支付宝
  • 微信支付:微信支付
  • Paypal:Paypal
许可

Man Bat Color基于MIT协议发布,允许商业使用、修改和再发布。请在您的项目中保留MIT协议。