基于avalon2，写了几个常用组件

（2018.5）此包已经不在维护，感觉大家的使用

调用

方法一

• 引用avalon2.2.5版本（avalon2.2.5以上还有其他bug，组件select不能在ms-for循环里）

  例：<script src="./assets/js/lib/avalon2.2.5.js"></script>

• 安装执行

  npm install avalon2ui

• 在页面引用

  require("avalon2ui")

• 引用src/main.css (可以不调用，此css为我做的页面重置样式)

方法二

• 引用avalon2.2.5版本（avalon2.2.5以上还有其他bug，组件select不能在ms-for循环里）

  例：<script src="./assets/js/lib/avalon2.2.5.js"></script>

• 引用dist/avalon2ui.bundle.js

• 引用src/main.css (可以不调用，此css为我做的页面重置样式)

组件

• checkbox

• dialog

• pager

• select

用法

组件及路径解析

name:组件名字

• src/[name]/ms-[name].html 为组件demo
• src/[name]/index.js 为组件demo 调用的js，也就是，用户自定义的组件的地方
• src/[name]/ms-[name].js 和 src/[name]/style.scss 和 src/[name]/template.html 已经一并打包至avalon2ui.bundle.js里 （注：可在webpack.config.js里面配置ExtractTextPlugin配置disabled为false，直接将js和css拆分开打包）
• src/asstes/img 为组件图片地址，avalon2ui.bundle.js 图片路径指向为 root/asstes/img 使用者，将这个asstes/img拷贝至启动服务根目录
• 组件，具体使用方法，不多赘述，在html和js内部都有注释，，各个组件均有demo

有兴趣同学一起优化，开发更优的，即便坑较多，也不妨我们体验一把，我先牛刀小试了一下，感谢老司机指导

联系人：[email protected]