Element-UI是一套基于Vue.js的前端UI框架,它提供了丰富的组件和样式,可以帮助开发者快速构建美观、易用的用户界面。要制作带有固定侧边菜单的固定标题,可以按照以下步骤进行:
npm install element-ui --save
或
yarn add element-ui
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
<template>
<el-container>
<el-aside width="200px">
<!-- 侧边菜单内容 -->
</el-aside>
<el-container>
<el-header>
<!-- 固定标题内容 -->
</el-header>
<el-main>
<!-- 页面主体内容 -->
</el-main>
</el-container>
</el-container>
</template>
<template>
<el-container>
<el-aside width="200px">
<el-menu default-active="1" class="el-menu-vertical">
<el-menu-item index="1">菜单项1</el-menu-item>
<el-menu-item index="2">菜单项2</el-menu-item>
<el-menu-item index="3">菜单项3</el-menu-item>
</el-menu>
</el-aside>
<el-container>
<el-header>
<h1>固定标题</h1>
</el-header>
<el-main>
<!-- 页面主体内容 -->
</el-main>
</el-container>
</el-container>
</template>
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云