TinyVue 组件库官网焕然一新！

本文由体验技术团队kagol原创~

之前有一些朋友吐槽我们 tinyvue 组件库的 ui 不够美观，于是我们请了设计师小姐姐给我们的组件和网站进行优化，经过设计师小姐姐和我们的开发兄弟们一个多月的努力，终于完成网站第一版的优化。

优化点

主要优化点：

• 选项式和组合式写法、单示例和多示例这两个切换入口移到右下角，和主题切换放在一起，让页面整体上更加清爽
• 组件示例和 api 通过页签分开，双排 demo 改成单排居中，避免左右来回寻找 demo 不聚焦，以及错乱感
• 每个组件 demo 最后增加贡献者区块（欢迎参与过 tinyvue 贡献的朋友们进行补充）
• api 表格中组件 props 的自定义类型通过展开行方式呈现，避免来回跳转

以及大量细节优化点：

• 优化左上角组件搜索输入框的样式，增加边框
• 优化组件总览的图标样式，移除六边形外框
• 左侧组件分类增加小图标
• 优化右侧组件 demo 锚点样式，使用小圆点风格
• ...

一起来看看效果吧。

效果页面

组件概览页：

组件 demo 页：

组件 api 表格：

不管是组件还是文档，我们都在持续进行优化，希望能给开发者带来更好的使用体验。

欢迎朋友们体验和反馈~

关于opentiny

opentiny 是一套企业级 web 前端开发解决方案，提供跨端、跨框架、跨版本的 tinyvue 组件库，包含基于 angular+typescript 的 tinyng 组件库，拥有灵活扩展的低代码引擎 tinyengine，具备主题配置系统tinytheme / 中后台模板 tinypro/ tinycli 命令行等丰富的效率提升工具，可帮助开发者高效开发 web 应用。

欢迎加入 opentiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～

opentiny 官网：https://opentiny.design/

opentiny 代码仓库：https://github.com/opentiny/

tinyvue 源码：https://github.com/opentiny/tiny-vue

tinyengine 源码： https://github.com/opentiny/tiny-engine

欢迎进入代码仓库 startinyengine、tinyvue、tinyng、tinycli~ 如果你也想要共建，可以进入代码仓库，找到 good first issue标签，一起参与开源贡献~