vue3搭建后台管理系统

找menu菜单

上部用height设置高度和背景颜色

需要自己改左侧栏的边线

将el-menu的border设置为0,然后上方设置border-right设置边框

设置右边

创建data.vue

input组件

导入icon图标

引入import

一个template

设置个card

el-card

定义card

加el-button查询

el-table表单

stripe 可以创建带斑马纹的表格。 如果 true, 表格将会带有斑马纹。

加分页

英文的话就是需要配置国际化

el-menu

配置激活

router

点亮当前展示路由

导入import

相关推荐
_CodePencil_4 分钟前
CSS专题之层叠上下文
前端·javascript·css·html·css3·html5
monkey_slh9 分钟前
JS逆向案例—喜马拉雅xm-sign详情页爬取
android·开发语言·javascript
刘玲醉酒11 分钟前
offset三大家族
javascript
海天胜景13 分钟前
vue3 el-input type=“textarea“ 字体样式 及高度设置
javascript·vue.js·elementui
萌萌哒草头将军24 分钟前
🚀🚀🚀这几个为 vue 设计的 vite 插件,你一定要知道!
前端·vue.js·vite
知识分享小能手28 分钟前
Typescript学习教程,从入门到精通,TypeScript 配置管理与编译器详解(19)
前端·javascript·学习·typescript·前端框架·ecmascript·jquery
我血条子呢1 小时前
[Vue组件]半环进度显示器
前端·javascript·vue.js
_r0bin_1 小时前
前端面试准备-4
前端·javascript·html
鹏多多.1 小时前
vue的监听属性watch的详解
前端·javascript·vue.js·前端框架
清风细雨_林木木2 小时前
Css样式中设置gap: 12px以后左右出现距离问题解析
css·vue.js·elementui