1.0.2 • Published 6 years ago

boot-shadow v1.0.2

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

Boot-Shadow

这是一个Jquery插件集合,封装了常用的一些UI组件,安装方便,使用简单,只要了解一点html,css和jquery的知识即可使用,不了解也可参考文档和实例引入使用

特性

  • npm打包发布,下载方便
  • 引用脚本后直接使用
  • 常用插件,使用方式多样

文档-Demo

http://blueskyawen.com/boot-shadow/

支持环境

现代浏览器和 IE9 及以上(需要 polyfills)

下载方式

npm install boot-shadow --save-dev

使用方式

直接引用脚本和CSS样式文件

<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="node_modules/boot-shadow/dist/bootshadow.min.css">
<script src="node_modules/boot-shadow/dist/bootshadow.min.js"></script>

在Angular-cli中使用

npm install jquery --save
npm install @types/jquery --save
npm install boot-shadow --save-dev

更新.angular-cli.json配置

"styles": [
    "../node_modules/boot-shadow/dist/bootshadow.min.css"
],
"scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/boot-shadow/dist/bootshadow.min.js"
],

在对应component中的ngOnInit()使用

declare var $: any;

ngOnInit() {
    $("#switch2").bootSwitch();
}