首页 > 其他分享 >el-aside无法铺满屏幕

el-aside无法铺满屏幕

时间:2023-06-05 14:36:45浏览次数:33  
标签:el 100% aside height 铺满 100vh


第一步:在App.vue中写入样式

<style scoped>
#app {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>

第二步:调节el-aside样式(注意如果没有背景色的话,看起来还是没有铺满)

<style scoped>
.el-aside{
  height: 100vh;
}
</style>

第三步:第二步的时候其实已经铺满了,但是没有背景颜色,视觉上看不到,所加上颜色:

<style scoped>
.el-aside{
  height: 100vh;
  background-color: rgb(84, 92, 100)
}
</style>

标签:el,100%,aside,height,铺满,100vh
From: https://blog.51cto.com/u_14121041/6415411

相关文章

  • 视频直播源码,动态合并element-ui el-table列和行
    视频直播源码,动态合并element-uiel-table列和行HTML: <template>  <div>    <el-table     :data="tableData"     show-summary     :span-method="arraySpanMethod"    style="width:100%">      <......
  • CMakeLists.txt 编写模板
     新建文件  CMakeLists.txt #设置cmake的最低版本cmake_minimum_required(VERSION2.8)#指定为C++11版本set(CMAKE_CXX_STANDARD11)#设置工程名称project(wss)message(${PROJECT_SOURCE_DIR})set(SRC_LIST${PROJECT_SOURCE_DIR}/src/websocket_s......
  • shell一键部署集群初始化环境
    @目录脚本实现脚本测试用于一键部署集群(多节点)的环境初始化,如修改主机名,禁用防火墙、selinux、iptables,主机映射,节点相互免密,时间同步等ps:脚本需要下载except,chrony等软件包,确保centos源正常脚本实现#!/bin/bash#定义节点信息NODES=("192.168.200.80cluster01""192.168.......
  • Element-Ui 根据开关按钮状态选择多选框某一行禁用和按钮禁用
    1、实现效果2、按钮状态改变<el-table-columnlabel="操作"align="center"class-name="small-paddingfixed-width"><templateslot-scope="scope"><el-button:disabled="scope.row.sta......
  • 在 PowerShell 中创建测试证书并使用测试证书给程序签名
    在PowerShell中创建测试证书并使用测试证书给程序签名在开发和测试过程中,有时您可能需要创建测试证书并使用它来给程序进行签名。这篇博客将介绍如何在PowerShell中创建测试证书并使用它给程序签名的步骤。步骤1:打开PowerShell在开始菜单中搜索"PowerShell"并管理员......
  • 在electron项目如何引入element-plus开发
    安装element-plusnpminstallelement-plus--save按需引入插件npminstall-Dunplugin-vue-componentsunplugin-auto-import配置文件修改由于我这个是vue-cli搭建的项目,所以是在vue.config.js中,如果是vite搭建的话就写在vite.config.ts中写:1constAutoImpor......
  • 3. HelloWorld的实现
    恐惧是本能,行动是信仰(在此感谢尚硅谷宋红康老师的教程)1.新建Project-Class选择"NewProject":指名工程名、使用的JDK版本等信息。如下所示:接着创建Java类2.编写代码publicclassHelloWorld{publicstaticvoidmain(String[]args){......
  • EXCEL判断一列数字是否连续
    =IF(G2=G1+1,"连续","不连续")......
  • AD8608ARUZ-REEL ADI芯片 电子元器件
    AD8608ARUZ-REEL是ADI(AnalogDevicesInc.)公司生产的一款运算放大器芯片,具有以下主要特点:低噪声:输入噪声密度为1.3nV/√Hz,输出噪声为30nV/√Hz。低失调电压和漂移:失调电压为0.5mV,失调电压漂移为0.005μV/℃。宽输入电压范围:±4V。宽供电电压范围:2.7V至5.5V。高增益带宽积:10MHz......
  • 1. 认识IntelliJ IDEA
    恐惧是本能,行动是信仰(在此感谢尚硅谷宋红康老师的教程)1.WhyIDEA?【注】JetBrains官方说明:尽管我们采取了多种措施确保受访者的代表性,但结果可能会略微偏向JetBrains产品的用户,因为这些用户更有可能参加调查。此外,2022年,某美国软件开发商在对近千名专业的Java......