你好,我是 Kagol。
之前有不少朋友吐槽我们 TinyVue 组件库的 UI 不够美观,于是我们请了设计师小姐姐给我们的组件和网站进行优化,经过设计师小姐姐和我们的开发兄弟们一个多月的努力,终于完成网站第一版的优化。
主要优化点:
- 选项式和组合式写法、单示例和多示例这两个切换入口移到右下角,和主题切换放在一起,让页面整体上更加清爽
- 组件示例和 API 通过页签分开,双排 Demo 改成单排居中,避免左右来回寻找 Demo 不聚焦,以及错乱感
- 每个组件 Demo 最后增加贡献者区块(欢迎参与过 TinyVue 贡献的朋友们进行补充)
- API 表格中组件 props 的自定义类型通过展开行方式呈现,避免来回跳转
以及大量小优化:
- 优化左上角组件搜索输入框的样式,增加边框
- 优化组件总览的图标样式,移除六边形外框
- 左侧组件分类增加小图标
- 优化右侧组件 Demo 锚点样式,使用小圆点风格
- ...
一起来看看效果吧。
组件概览页:
组件 Demo 页:
组件 API 表格:
不管是组件还是文档,我们都在持续进行优化,希望能给开发者带来更好的使用体验。
欢迎朋友们体验和反馈:opentiny.design/tiny-vue
联系我们
GitHub:github.com/opentiny/ti…(欢迎 Star ⭐)
B站:space.bilibili.com/15284299
小助手微信:opentiny-official
公众号:OpenTiny