fix height
This commit is contained in:
parent
0152f94759
commit
9322e0461a
@ -197,8 +197,8 @@
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -106,8 +106,8 @@ const handleOpen = (url) => {
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -214,8 +214,8 @@ const handleLink = (url) => {
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -634,8 +634,8 @@
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -318,8 +318,8 @@
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -174,8 +174,8 @@
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -132,8 +132,8 @@
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -41,8 +41,8 @@
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -126,8 +126,8 @@
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -643,8 +643,8 @@
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -83,8 +83,8 @@ const handleLink = (url) => {
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -105,8 +105,8 @@ const handleOpen = (url) => {
|
||||
@media only screen and (min-width: 769px) {
|
||||
/* 仅适用于屏幕宽度大于等于769px的设备(PC端) */
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
padding: 41px;
|
||||
|
@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<div class="about-page overflow-auto row justify-center"
|
||||
style="padding: 41px">
|
||||
<div style="background:rgb(84, 121, 111,0.1);color:#54796F;height:calc(100vh - 160px - 145px);width:1166px;font-weight:bold;font-size:20px"
|
||||
<div style="background:rgb(84, 121, 111,0.1);color:#54796F;height:calc(100vh - 80px - 145px);width:1166px;font-weight:bold;font-size:20px"
|
||||
class="row items-center justify-center">敬请期待</div>
|
||||
</div>
|
||||
</template>
|
||||
<style scoped>
|
||||
.about-page {
|
||||
max-height: calc(100vh - 160px - 145px);
|
||||
min-height: calc(100vh - 160px - 145px);
|
||||
max-height: calc(100vh - 80px - 145px);
|
||||
min-height: calc(100vh - 80px - 145px);
|
||||
overflow: auto;
|
||||
background: url("../../assets/images/about-bg.png");
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user