# @edusites/bancos-brasil 中文文档

规范地址：https://npmcn.com/package/%40edusites/bancos-brasil/

版本：1\.3\.0
npm 元数据更新时间：2026-10-19T01:47:54.128Z
中文译文更新时间：2026-11-13T07:35:22.069Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40edusites/bancos-brasil
原文对照：https://npmcn.com/package/%40edusites/bancos-brasil/?lang=original
项目主页：https://lecdt.com/libs/bancos-brasil
源码仓库：https://github.com/eduardolecdt/bancos-brasil

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：258 kB，54 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- Node.js 要求：\>=16\.0\.0
- 运行依赖：0 个
- peer 依赖：vue \>=3\.0\.0
- 首次发布：2026-01-01T21:20:21.884Z
- 最新版本发布：2026-10-19T01:47:53.890Z
- 近 30 天下载量：4079（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：13（近 12 个月 13 个）

## 中文简介

Bibliotica JavaScript para companizar icones SVG de Bancos brasileiros 互联网档案馆的存檔,存档日期2013-12-02

## 安装

```sh
npm install @edusites/bancos-brasil
```

也可以使用：`pnpm add @edusites/bancos-brasil`、`yarn add @edusites/bancos-brasil`、`bun add @edusites/bancos-brasil`

## README

# @edusites/bancos-brasil (英语)

[![NPM Version](https://img.shields.io/npm/v/@edusites/bancos-brasil)](https://www.npmjs.com/package/@edusites/bancos-brasil) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

Bibliotica JavaScript para commertizar ícones SVG de bancos brasileiros com com total fultização. 中国植物物种信息数据库.

## 英斯特拉桑

```bash
npm install @edusites/bancos-brasil
```

```bash
yarn add @edusites/bancos-brasil
```

```bash
pnpm add @edusites/bancos-brasil
```

## 乌苏

纳维加多·巴伊克萨 **bancos que parecem na tela (法语)**(原始内容存档于2018-07-21) (英语). Cada Banco é um arquivo próprio, carregado sob expecta. 没有任何服务员(节点,苏维埃社会主义共和国)的tudo解决nahora.

### (建议:o módulo)

乌玛·林哈 不 `nuxt.config` 书记官长 `<SvgBanco>` 没有应用程序 inteiro **电子** faz o built levar só só s os bancos que o site usa: 建起levar só só sos bancos sque que o site usa: 建起levar só só só s's bancos que site usa:

```js
// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@edusites/bancos-brasil/nuxt-module']
})
```

(原始内容存档于2013-10-12). O módulo acha os bancos Procurando os nomes for aspas no código (英语)`nome="nubank"`, (中文(简体) ), `{ banco: 'itau' }`) (中文(简体) ). 诺梅·蒙塔多 执行节奏 无克迪戈:名单 `incluir`。 。 。 .

```js
export default defineNuxtConfig({
  modules: ['@edusites/bancos-brasil/nuxt-module'],
  edusitesBancos: { incluir: ['cora', 'picpay'] }
})
```

```vue
<template>
  <SvgBanco nome="nubank" />
  <SvgBanco nome="cora" formato="circulo" />
  <SvgBanco nome="itau" cor="#FFFFFF" fundo="#EC7000" :tamanho="96" />
</template>
```

SVG sai no HTML do servidor e o navegador recerroveita o que já está na tela (não baixa de novo nem pisca) (英语).

Sem o módulo (só o 组件, 通过插件)

`plugins/bancos.js`数字 :

```js
import { instalarBancos } from '@edusites/bancos-brasil/nuxt'

export default defineNuxtPlugin((nuxtApp) => {
  instalarBancos(nuxtApp)
})
```

Funciona igual na tela, mas o build gera um arquivo por banco da lib (o visitante só baixa os usados; os demais o Nuxt deixa como) 互联网档案馆的存檔,存档日期2013-12-21 `prefetch`) (中文(简体) ).

### 维特 (Vue, React, Svelte...)

Para o 建起 levar só os bancos usados, acicione o 插件:

```js
// vite.config.js
import { edusitesBancosVite } from '@edusites/bancos-brasil/vite'

export default {
  plugins: [edusitesBancosVite({ incluir: ['cora'] })]
}
```

### 第3组

```js
import { SvgBanco } from '@edusites/bancos-brasil'
```

```vue
<SvgBanco nome="nubank" />
<SvgBanco nome="cora" formato="circulo" />
```

### JavaScript 普罗

```javascript
import { svgBanco } from '@edusites/bancos-brasil/core'

// Com preset (configuração padrão)
const svg = await svgBanco({ nome: 'nubank' })
document.getElementById('app').innerHTML = svg

// Customizado
const outro = await svgBanco({
  nome: 'cora',
  formato: 'circulo',
  cor: '#FFFFFF',
  fundo: '#FE3E6D',
  tamanho: 96
})
```

`svgBanco` {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}没有守护 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}没有守护者 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}没有守护者 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}没有守护者 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}没有守护者 科姆语 `await` (原始内容存档于2017-10-26). funciona nos dois casos. 坦贝姆存在 `svgBancoAsync` (承诺)e `svgBancoSync` (弦声) `null`尼尼卡承诺.

`@edusites/bancos-brasil/core` d. 具有下列特性的计算机设备:.

### 反应

```jsx
import { svgBancoAsync } from '@edusites/bancos-brasil/core'
import { useEffect, useState } from 'react'

function BancoIcon({ nome, formato, cor, fundo, tamanho }) {
  const [svg, setSvg] = useState('')

  useEffect(() => {
    let ativo = true
    svgBancoAsync({ nome, formato, cor, fundo, tamanho }).then((s) => ativo && setSvg(s || ''))
    return () => (ativo = false)
  }, [nome, formato, cor, fundo, tamanho])

  return <div dangerouslySetInnerHTML={{ __html: svg }} />
}

export default function App() {
  return (
    <div>
      <BancoIcon nome="nubank" />
      <BancoIcon nome="cora" formato="circulo" />
      <BancoIcon nome="itau" cor="#FFFFFF" fundo="#EC7000" tamanho={96} />
    </div>
  )
}
```

### 丝绒

```svelte
<script>
  import { svgBancoAsync } from '@edusites/bancos-brasil/core'

  export let nome
  export let formato = undefined
  export let cor = undefined
  export let fundo = undefined
  export let tamanho = undefined

  let svg = ''

  $: svgBancoAsync({ nome, formato, cor, fundo, tamanho }).then((s) => (svg = s || ''))
</script>

{@html svg}
```

## 帕拉米特罗斯

| 赞助 | 提波 | 乌布里加多里奥省 | 帕德罗 | 国家 |
| --- | --- | --- | --- | --- |
| `nome` | `string` | ✅ Sim | \- 说吧 | 诺我做班可 |
| `formato` | `string` | 尼欧 | `"quadrado"` | `"quadrado"`, (中文(简体) ), `"circulo"` 尔 `"sem"` |
| `cor` | `string` | 尼欧 | 预设 | Cor do ícone (hex) (英语) |
| `fundo` | `string` | 尼欧 | 预设 | 基金会(hex) |
| `tamanho` | `number` | 尼欧 | `64` | Tamanho em 像素 |
| `className` | `string` | 尼欧 | \- 说吧 | CSS 类 |

## 银行

| 诺姆 | 欧元 | 科尔·丰多 |
| --- | --- | --- |
| `agibank` | `#FFFFFF` | `#0133B0` |
| `asaas` | `#FFFFFF` | `#0036E1` |
| `avenue` | `#FFFFFF` | `#002820` |
| `bancodobrasil` | `#FFDD00` | `#003D7A` |
| `bmg` | `#FFFFFF` | `#F26321` |
| `bradesco` | `#FFFFFF` | `#CC092F` |
| `bs2` | `#FFFFFF` | `#0021AF` |
| `btg` | `#FFFFFF` | `#001E62` |
| `bv` | `#223AD2` | `#FFFFFF` |
| `c6` | `#FFFFFF` | `#121212` |
| `caixa` | `#FFFFFF` | `#0066A1` |
| `cora` | `#FFFFFF` | `#FE3E6D` |
| `digio` | `#FFFFFF` | `#00275C` |
| `efibank` | `#F37025` | `#000000` |
| `infinitepay` | `#7DDB13` | `#171527` |
| `inter` | `#FFFFFF` | `#FF7A00` |
| `itau` | `#FFFFFF` | `#EC7000` |
| `iugu` | `#000000` | `#FFFFFF` |
| `mercadopago` | `#0A0080` | `#00BCFF` |
| `mercantil` | `#FFFFFF` | `#1526FF` |
| `neon` | `#01C4E0` | `#161C3E` |
| `next` | `#000000` | `#00FF5F` |
| `ngcash` | `#FFFFFF` | `#000000` |
| `nomad` | `#000000` | `#FFCE04` |
| `nubank` | `#FFFFFF` | `#820AD1` |
| `original` | `#FFFFFF` | `#00A857` |
| `pagbank` | `#000000` | `#42A936` |
| `pan` | `#414141` | `#FFFFFF` |
| `paypal` | `#222D65` | `#FFFFFF` |
| `picpay` | `#FFFFFF` | `#21C25E` |
| `revolut` | `#FFFFFF` | `#000000` |
| `rico` | `#FF5200` | `#010042` |
| `safra` | `#C3AC6C` | `#151D43` |
| `santander` | `#FFFFFF` | `#EC0000` |
| `sicoob` | `#B8D335` | `#003B43` |
| `sicredi` | `#3DAE2B` | `#FFFFFF` |
| `stone` | `#00A868` | `#FFFFFF` |
| `stripe` | `#FFFFFF` | `#635BFF` |
| `ton` | `#FFFFFF` | `#0DEA4A` |
| `wise` | `#163300` | `#9FE870` |
| `xp` | `#000000` | `#FFFFFF` |

## 格式化软件

-   **`quadrado`** - 四方议会(Padrão)
-   **`circulo`** - 通报
-   **`sem`** - Sem fundo, apenas o ícone (英语)

## 语法

麻省理工学院 [Lecdt.com (英语)](https://lecdt.com/)

* * *

**德森沃尔维多 [@ 乌兹别克语](https://instagram.com/edusites) 纳 [Lecdt.com (英语)](https://lecdt.com/)**

## 常见问题

### @edusites/bancos-brasil 是什么？

Bibliotica JavaScript para companizar icones SVG de Bancos brasileiros 互联网档案馆的存檔,存档日期2013-12-02

### 如何安装 @edusites/bancos-brasil？

在项目目录运行 npm install @edusites/bancos-brasil，或使用 pnpm add / yarn add / bun add。

### @edusites/bancos-brasil 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/edusites\_\_bancos-brasil 是否存在。

### @edusites/bancos-brasil 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @edusites/bancos-brasil 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=16\.0\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @edusites/bancos-brasil 可以商用吗？

@edusites/bancos-brasil 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @edusites/bancos-brasil 的下载量有多少？

根据 npm 官方下载统计，@edusites/bancos-brasil 在 2026/10/13 – 2026/11/11 这 30 天内被下载 4,079 次，日均约 136 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @edusites/bancos-brasil 还在维护吗？

最新版本 1\.3\.0 发布于 2026/10/19（25 天前）；至今共发布 13 个版本，其中过去 12 个月发布了 13 个；首次发布于 2026/01/02。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。