少女风vue组件库的制作全过程(5)

--- title: 'Basic 基础' sidebarDepth: 2 --- ## Icon 图标 <ClientOnly> <sakura-icon/> <font size=5>Attributes</font> | 参数| 说明 | 类型 | 可选值 | 默认值 | | :------ | ------ | ------ | ------ | ------ | | name | 图标名称 | string |- | - | | color | 图标颜色, 支持常见颜色和十六进制颜色 | string |- | - | </ClientOnly>

5、覆盖默认主题样式

在.vuepress下新增style.styl进行覆盖。

6、部署到github

官网上介绍的很清楚,。

在项目根目录下新增deploy.sh,windows下直接命令行运行./deploy.sh即可发布到github pages上。

结语

如果你能看到这里,非常感谢,第一次写文章,希望大家多多提出意见。组件库还有很多细节需要完善,比如里面css的类名命名我没做的很规范,大部分组件都是自己测试没有测到复杂或特殊场景,还有很多功能还没支持。通过这段时间制作组件库,自己的技术有了一定提升,官网的展示融入了自己的一点想法和设计,希望大家喜欢~~ 谢谢!

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/2c2b6de7486ae94bee5807be2153fb9c.html