当前位置: 首页 > news >正文

一枚前端UI组件库 KUI for Vue

kui-for-vue.jpg

一枚前端UI组件库 KUI for Vue

基于VUE 2.x 开发,在追求完美视觉体验的同时也保证了其性能高效。
欢迎批评、指正、吐槽、Star 和 捐助

文档

Docs: http://k-ui.cn
Blog: https://chuchur.com

特性

漂亮的UI,可定制主题
兼容IE9+
组件丰富,功能强大

更新日志:

Logs: http://vue.k-ui.cn/#/log

安装

使用npm

npm install kui-vue --save

使用CDN

<!-- import Vue.js -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- import stylesheet -->
<link rel="stylesheet" href="//unpkg.com/kui-vue/dist/k-ui.css">
<!-- import kui -->
<script src="//unpkg.com/kui-vue/dist/k-ui.js"></script>

示例

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>kui example</title>
  <link rel="stylesheet" type="text/css" href="http://unpkg.com/kui-vue/dist/k-ui.css">
  <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>
  <script type="text/javascript" src="http://unpkg.com/kui-vue/dist/k-ui.js"></script>
</head>
<body>
<div id="app">
  <k-button @click="show">Click me!</k-button>
  <Modal v-model="visible" title="Welcome">Welcome to use kui</Modal>
</div>
<script>
  new Vue({
    el: '#app',
    data: {
      visible: false
    },
    methods: {
      show: function () {
        this.visible = true;
      }
    }
  })
  </script>
</body>
</html>

转载于:https://www.cnblogs.com/chuchur/p/9399529.html

相关文章:

  • Activity的启动模式与flag详解
  • 登录内网账号后,连接不上内网网址
  • c#中获取中文简拼
  • 【例题收藏】◇例题·III◇ 木と整数 / Integers on a Tree
  • window.location.hash属性介绍
  • Maven总结
  • perl常用正则表达式集合
  • Centos7安装搜狗输入法
  • Socket层实现系列 — bind()的实现(二)
  • more
  • 网络爬虫(网络蜘蛛)之网页抓取
  • 8 .5 .4 创建计划
  • Asp.net弹出层并且有遮罩层
  • WebView.简单使用_ZC代码
  • StringUtils工具类用法
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • isset在php5.6-和php7.0+的一些差异
  • JavaScript创建对象的四种方式
  • JavaScript类型识别
  • java取消线程实例
  • Vue.js-Day01
  • 大数据与云计算学习:数据分析(二)
  • 对超线程几个不同角度的解释
  • 跨域
  • 力扣(LeetCode)965
  • 每天一个设计模式之命令模式
  • 设计模式(12)迭代器模式(讲解+应用)
  • 通过npm或yarn自动生成vue组件
  • 微服务框架lagom
  • 仓管云——企业云erp功能有哪些?
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • #if 1...#endif
  • #pragam once 和 #ifndef 预编译头
  • (附源码)计算机毕业设计ssm电影分享网站
  • (转)重识new
  • (转载)(官方)UE4--图像编程----着色器开发
  • (转载)OpenStack Hacker养成指南
  • .Mobi域名介绍
  • .net core 依赖注入的基本用发
  • .NET Core 中插件式开发实现
  • .NET Micro Framework初体验
  • .NET 简介:跨平台、开源、高性能的开发平台
  • .NET学习全景图
  • /proc/stat文件详解(翻译)
  • @converter 只能用mysql吗_python-MySQLConverter对象没有mysql-connector属性’...
  • @Not - Empty-Null-Blank
  • @test注解_Spring 自定义注解你了解过吗?
  • [1204 寻找子串位置] 解题报告
  • [BT]小迪安全2023学习笔记(第15天:PHP开发-登录验证)
  • [C++]AVL树怎么转
  • [ES-5.6.12] x-pack ssl
  • [fsevents@^2.1.2] optional install error: Package require os(darwin) not compatible with your platfo
  • [hive] sql中distinct的用法和注意事项
  • [IE编程] 多页面基于IE内核浏览器的代码示例
  • [javaSE] GUI(Action事件)