不定期更新
1.Element Plus
这是我最常用的ui,做系统等等web界面完全足够了。
地址:https://element-plus.org/zh-***/***ponent/
2. iviewui
这个ui主要用来补充,如下图的一些组件,不常用。
地址:https://www.iviewui.***/view-ui-plus/base/
3. Ant Design
这个ui没用过,不过看起来还不错
官方文档看起来麻烦,这里直接写一下使用方式:
要在Vue中使用Ant Design,您需要安装相关的Vue组件库,如vue-antd
或vusion
。这些库将Ant Design的组件转换为Vue组件,以便在Vue应用程序中使用。
安装完组件库后,您可以在Vue组件中引入所需的Ant Design组件,并在模板中使用它们。例如,要在Vue中使用Ant Design的按钮组件,您可以按照以下步骤操作:
-
安装
vue-antd
库:
npm install vue-antd --save
-
在Vue组件中引入Ant Design按钮组件:
<template>
<a-button type="primary">Primary Button</a-button>
</template>
<script>
import { Button } from 'vue-antd';
export default {
***ponents: {
'a-button': Button,
},
};
</script>
在上面的示例中,我们首先安装了vue-antd
库,然后在Vue组件中引入了Ant Design的按钮组件。在模板中,我们使用<a-button>
标签来使用按钮组件,并通过type
属性设置按钮的类型为“primary”。
通过这种方式,您可以在Vue应用程序中使用Ant Design提供的各种组件和样式,快速构建出美观、易于使用的界面。
地址:树形控件 Tree - Ant Design
4. AXUI
这是Html的一个更加齐全的框架,包括各种的前端界面,是已经写好了的,你引入后再他的基础上进行修改就行。这个框架效果真的很齐全,可以仔细看看。
AxUI是一个基于jQuery的前端UI框架,提供了丰富的组件和工具,可以帮助开发者快速构建界面和应用程序。虽然AxUI不是专为Vue设计的,但您可以在Vue应用程序中使用AxUI的组件和功能。
要在Vue中使用AxUI,您需要先安装jQuery和AxUI库,并在Vue组件中引入它们。然后,您可以使用AxUI提供的组件和工具来构建界面和实现功能。
使用步骤:
npm install axui --save
npm install jquery --save
地址:AXUI前端框架|斧子框架, 面向设计的自主国产前端框架
!!!最最重要的是,他可以用来做手机应,有很多手机样式
5.OpenTiny
这个ui也用的不多,内容大致和element plus重合,这两个学一个就够了
地址:OpenTiny - TinyNG
6. Build anything
看起来超帅,但没用过。因为它要钱,不考虑,谢谢。当然,有钱的朋友们可以试试。
地址:Bootstrap Themes Built & Curated by the Bootstrap Team. (getbootstrap.***)
7.Bootstrap
这个是不要钱的版本,没用过,等我研究清楚在补充。
8.vue-ueditor-wrap
这只是一个代码文本处理的api,但是这是目前找到的功能最齐全的。
地址:介绍 - vue-ueditor-wrap (gitee.io)