vue 温馨提示弹窗_前端xui-vue框架简介

vue 温馨提示弹窗_前端xui-vue框架简介_第1张图片
全文图片较多, 有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. 基础组件

vue 温馨提示弹窗_前端xui-vue框架简介_第2张图片

2. 信息提示

vue 温馨提示弹窗_前端xui-vue框架简介_第3张图片

3. 通知消息

vue 温馨提示弹窗_前端xui-vue框架简介_第4张图片

4. loading

vue 温馨提示弹窗_前端xui-vue框架简介_第5张图片

5.modal弹窗

vue 温馨提示弹窗_前端xui-vue框架简介_第6张图片

6. 下拉框

vue 温馨提示弹窗_前端xui-vue框架简介_第7张图片

7. tab切换

vue 温馨提示弹窗_前端xui-vue框架简介_第8张图片

8. 分页

vue 温馨提示弹窗_前端xui-vue框架简介_第9张图片

9. 三级联动

vue 温馨提示弹窗_前端xui-vue框架简介_第10张图片

10. 幻灯片

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

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

demo地址:

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

github地址:

xui-vue​github.com

全文完, 谢谢观看!

你可能感兴趣的:(vue,温馨提示弹窗)