ElementPlus 提供了一套丰富的 UI 组件,涵盖了常见的表单、布局、导航、数据展示等多个方面。这些组件不仅功能强大,而且使用简单,只需要少量的配置就可以实现复杂的功能。ElementPlus 的设计风格简洁、现代,能够很好地融入各种前端项目中。 ElementPlus 的设计原则是易用性、一致性、可访问性。易用性意味着组件使用起来...
4.头部栏components/Header.vue <!--头部导航栏--> <template> 后台管理 <el-dropdown> <el-button>{{user.nickname}}<el-icon><arrow-down /></el-icon></el-button> <template #dropdown> <el-dropdown-menu> <el-dropdown-item>个人信息</el-dropdown-item> <el-dropdown-item @click="...
14_首页头部展示-2 08:17 15_文字间歇滚动 12:39 16_横向滑动 12:08 17_多行导航栏结构 10:25 18_引入彩色图标 07:24 19_导航栏横向滚动 15:07 20_房价行情模块 12:57 21_房价行情-2 05:34 22_vue3数字滚动插件 08:03 23_轮播的结构样式 12:11 24_vue3实现轮播图 14:48 25...
[2.4]--2-4伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单 08:23 [2.5]--2-5图标选择器-巧用两次watch控制弹框的显示与隐藏 16:56 [2.6]--2-6图标选择器-巧用component动态组件显示所有的图标 09:48 [2.7]--2-7图标选择器-利用命名空间修改dialog样式 07:42 [2.8]--2-8图标选择器-通过自定义...
3、Element 基本使用 3.1、Element介绍 3.2、Element快速入门 3.3、基础布局 3.4、容器布局 3.5、表单组件 3.6、表格组件 3.7、顶部导航栏组件 3.8、侧边导航栏组件 3.9、小结 4、综合案例 学生列表 4.1、案例效果和分析 4.2、头部区域的实现 4.3、侧边栏区域的实现 4.4、主区域的实现 目录...
例如,我们可以使用“ElContainer”组件来创建一个容器,然后在容器中使用“ElAside”、“ElMain”、“ElHeader”和“ElFooter”组件来分别创建侧边栏、主体内容、头部和底部。 3.设计路由和导航 现在,我们已经创建了基础页面,我们需要为每个页面创建一个路由。我们可以使用Vue Router的“router-link”组件来创建导航菜单...
对主页面进行一个完善, 比如导航栏的宽度,去掉不必要的子菜单等, 修改SSM-Vue 整合项目Aside.vue 注意 先去掉, 这两个方法, 否则会报错。 @open=“handleOpen”。 @close=“handleClose”。 <template> <!-- 说明--> <!-- 先去掉, 这两个方法, 否则会报错--> <!-- @open="handleOpen"--> <!
│││├─2-4 伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单.mp4 140.7MB │││├─2-5 图标选择器-巧用两次watch控制弹框的显示与隐藏.mp4 263.4MB │││├─2-6 图标选择器-巧用component动态组件显示所有的图标.mp4 165.1MB │││├─2-7 图标选择器-利用命名空间修改dialog样式.mp4 128.9MB ...
12_头部导航栏开始 09:21 13_头部Logo 07:23 14_头部导航栏结构 11:13 15_路由的跳转 07:17 16_导航栏下划线跟随效果 10:29 17_利用遮罩实现换色 10:34 18_首页轮播图结构 06:04 19_轮播的实现 12:20 20_轮播下图片的结构 05:17 21_获取报价模块定位 06:14 22_表单组件 09:51 23_表单组件-2 ...