当前位置: 首页 > Web前端 > vue.js

vue封装的是adminlte3组件库,不是jq

时间:2023-03-31 23:55:12 vue.js

之前找过vue的关于adminlte3的组件库,github大部分都是2的,比较老,几年前更新的了。有adminlte3,但是只封装了一两个组件,还引入了jq,然后把adminlte3的html代码复制进去,这样就成了一个组件。感觉没什么用。感觉那些作者是在修炼。我觉得vue引入jq确实没必要,会导致很多bug,可能会解决,但是我遇到过引入jq后进入单个页面后无法挂载jq的情况,以及需要刷新才能挂载。没有解决。所以打算自己打包一个vue版的adminlte3。目前已经封装了近30个组件。npm版本已经到了0.1.8。2020/3/24updateupdate目前完整的组件已经超过infobox,table,form,form-input,paginaton,renderfunction,paginaton。renderfunction是一个渲染组件,可以根据数组生成整个vue页面。npm版本已经更新到0.3.22020/3/27npm版本已经更新到0.3.6github地址nly-adminlte-vuedemo地址nly-adminlte-vue-demo欢迎大家贡献代码。欢迎进群交流QQ群:927568606目前完成的东西组件皮肤主题折叠板折叠导航栏navbar导航nav网格布局网格行col容器文本容器内容打包容器wrapper文本路由链接按钮按钮开关切换卡片卡片小标签徽章掉落-downmenudropdowniconiconrightshrinkpanelcontrol-sidebarcoverlayeroverlaybulletframemessagetoastrotationloadingspinnerprogressbarprogresstimeaxistimelinebreadcrumbnavigationbreadcrumb2020/3/24updateinformationboxinfoboxtabletabletooltippaginationpaginaton渲染函数renderfunction根据array渲染整个页面的组件form表单输入框inputcommand左侧导航栏collapse命令v-nly-sidebar-collapse缩小版右侧collapse命令v-nly-control-sidebar-collapsecard最大化命令v-nly-card-最大化折叠版本折叠展开命令v-nly-toggle使用github下载项目gitclonehttps://github.com/nejinn/nly-adminlte-vue.gitnpminstallnpmrunserver//查看示例,所有组件演示都在这里http://localhost:8080npmdownloadnpminstallnly-adminlte-vuemain.jsimport"nly-adminlte-vue/dist/adminlte/css/adminlte.css";导入"nly-adminlte-vue/dist/adminlte/fontawesome-free/css/all.css";导入"nly-adminlte-vue/dist/adminlte/icon/iconfont.css”;导入“nly-adminlte-vue/dist/nly-adminlte-vue.css”;从“nly-导入{NlyAdminlteVue}adminlte-vue";Vue.use(NlyAdminlteVue);