@bm-fe/components-vue3

BitMart Vue 3 组件库，基于 Element Plus 封装，使用 Design Tokens。

安装

npm install @bm-fe/components-vue3

使用

import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import BmComponents from '@bm-fe/components-vue3';
import '@bm-fe/design-tokens/dist/css/variables.css';
import 'element-plus/dist/index.css';

const app = createApp(App);
app.use(ElementPlus);
app.use(BmComponents);

<template>
  <div>
    <bm-button variant="cex" @click="handleClick">CEX 按钮</bm-button>
    <bm-button variant="dex">DEX 按钮</bm-button>
    <bm-input v-model="value" placeholder="请输入" />
  </div>
</template>

组件

BmButton

基于 Element Plus Button 封装，支持 CEX/DEX 变体。

BmInput

基于 Element Plus Input 封装，使用 Design Tokens 样式。