怎么在vue中对Adminlte3组件进行封装
这篇文章将为大家详细讲解有关怎么在vue中对Adminlte3组件进行封装,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
创新互联建站专注于中大型企业的网站建设、成都做网站和网站改版、网站营销服务,追求商业策划与数据分析、创意艺术与技术开发的融合,累计客户近千家,服务满意度达97%。帮助广大客户顺利对接上互联网浪潮,准确优选出符合自己需要的互联网运用,我们将一直专注高端网站设计和互联网程序开发,在前进的路上,与客户一起成长!
组件
皮肤 theme
折叠板 collapse
导航栏 navbar
导航 nav
栅格布局 grid row col
容器 container
正文容器 content
包装容器 wrapper
文字路由 link
按钮 button
开关 switch
卡片 card
小标签 badge
下拉菜单 dropdown
图标 icon
右侧收缩板 control-sidebar
罩层 overlay
弹框消息 toast
旋转loading spinner
进度条 progress
时间轴 timeline
面包屑导航 breadcrumb
指令
左侧导航栏收起指令 v-nly-sidebar-collapse
右侧收缩版收起指令 v-nly-control-sidebar-collapse
卡片最大化指令 v-nly-card-maximized
折叠版收起展开指令 v-nly-toggle
使用github下载项目
git clone https://github.com/nejinn/nly-adminlte-vue.git npm install npm run server // 查看example,所有组件demo都在这里 http://localhost:8080
npm下载
npm install nly-adminlte-vue
main.js
import "nly-adminlte-vue/dist/adminlte/css/adminlte.css"; import "nly-adminlte-vue/dist/adminlte/fontawesome-free/css/all.css"; import "nly-adminlte-vue/dist/adminlte/icon/iconfont.css"; import "nly-adminlte-vue/dist/nly-adminlte-vue.css"; import { NlyAdminlteVue } from "nly-adminlte-vue"; Vue.use(NlyAdminlteVue);
关于怎么在vue中对Adminlte3组件进行封装就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
网页题目:怎么在vue中对Adminlte3组件进行封装
文章链接:http://pwwzsj.com/article/ijsohj.html