1.0.3 • Published 6 years ago

avalon2ui v1.0.3

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

基于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

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


联系人:1458149969@qq.com