一款新拟物风格主题的组件库

767 阅读1分钟

话说当初的喇叭裤在如今遍地的直筒裤中看起来也别有一番风味,拟物化or扁平化,后者已然成为主流.. 但如果你厌倦了现在千篇一律的扁平化风格网页设计,或许你可以返回尝试一下这款有触觉的组件设计。

基于Element-Ui 2.0组件库fork的一款拟物风格组件库Tu-View,在Element丰富的组件集成基础上,统一了尺寸样式,并拓展添加了Tree-select、Clock等小组件,继承于Element-Ui的Api,可以快速上手。

个人尝试后发现这类拟物风格组件更契合多主题配置,想一下拥有一款花里胡哨凹凸不平的页面看起来也泰裤辣~~

项目地址:Tu-View源码

文档地址:查看文档

组件展示

组件库基本涵盖PC端常用的诸如表单、表格、模态框、消息提示等组件,尺寸风格统一,方便您快速搭建一套与众不同的页面。

image.png

image.png

image.png

image.png

多主题配置

示例页面展示了几款主题设计以及主题变量。当然你也可以自定主题,详细配置方法戳这里Tu-View主题配置方法

QQ录屏20230428152509.gif