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();
}