vue tab切换_前端xui-vue框架简介

全文图片较多, 有10张gif图

传送门: xui框架介绍

项目名称: xui-vue

• 简介: 一个基于vuejs2.0,可以提供丰富的方法,组件,插件的组件库.
• 依赖: vuejs
• 兼容性: IE9及以上高级浏览器
• 使用方法: 在你的框架vue中引用plugins里的各个组件

说明: 每一个组件均有自己的 less等, 所以可以引用任何一个组件.需要注意依赖的组件
说明: 你可以在 /src/plugins文件夹里找到源代码, css采用 less进行编译

个人项目,如有问题还请指出,不胜感激.

代码引入方案

import Message from './plugins/message/message.js';
Vue.use(Message);

话不多说, 咱们看看动图

1. 基础组件

2. 信息提示

3. 通知消息

4. loading

5.modal弹窗

6. 下拉框

7. tab切换

8. 分页

9. 三级联动

10. 幻灯片

好了, 以上摘录了一部分, 还没看够的话, 点击demo查看更多特效, 总有一款适合你

喜欢的话还可以给我点点star支持一下哦

demo地址:

xui · XUI文档简介​xumengzi.github.io

github地址:

xui-vue​github.com

全文完, 谢谢观看!