Color-buttons 是博主(Hajeekn)从 Butterfly 主题搬并独立出来的一个按钮样式

并且我还对他的颜色多样化了,今天教大家如何使用这个东西。

进入Color-Buttons 仓库

您可以选择克隆仓库后手动构建/直接使用我们构建好的样式文件

已经构建好的文件:https://cdn.jsdelivr.net/npm/color-buttons/dist/colormin.css

今天我们以手动构建来演示

1.克隆仓库

克隆指令:

1
git clone https://github.com/glahajeekn/Color-Buttons.git && cd Color-Buttons

克隆完成后有这些文件

在终端输入

1
npm i

或者

1
cnpm i

补全依赖(其实也就几个)

2.构建文件

在终端输入

1
npm run build

构建出 CSS 文件

构建完成后进入 dist 文件夹内部

就可以看到生成好的文件

你现在就可以用它生成漂亮按钮了

class 名都在这

Thanks For You