前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用"Colour-Buttons"CSS

使用"Colour-Buttons"CSS

作者头像
FloatSheep
发布2022-04-25 17:26:14
1520
发布2022-04-25 17:26:14
举报
文章被收录于专栏:yetonwooyetonwoo

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

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

进入Color-Buttons 仓库

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

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

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

1.克隆仓库

克隆指令:

代码语言:javascript
复制
git clone https://github.com/glahajeekn/Color-Buttons.git && cd Color-Buttons

克隆完成后有这些文件

在终端输入

代码语言:javascript
复制
npm i

或者

代码语言:javascript
复制
cnpm i

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

2.构建文件

在终端输入

代码语言:javascript
复制
npm run build

构建出 CSS 文件

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

就可以看到生成好的文件

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

class 名都在这

Thanks For You

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-01-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.克隆仓库
  • 2.构建文件
  • Thanks For You
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档