perf: 宽度调整

This commit is contained in:
rd
2025-08-15 18:11:57 +08:00
parent cb1350242c
commit 093c000d80
2 changed files with 11 additions and 8 deletions

View File

@ -210,7 +210,7 @@ export default {
return () => { return () => {
return ( return (
<div class="explore-page"> <div class='explore-page'>
<header class="page-header"> <header class="page-header">
<div class="content w-full px-24px flex items-center bg-#fff justify-between"> <div class="content w-full px-24px flex items-center bg-#fff justify-between">
<div class="h-full flex items-center"> <div class="h-full flex items-center">

View File

@ -1,4 +1,10 @@
.explore-page { .explore-page {
position: relative;
min-width: 1200px;
min-height: 100vh;
background: #fff;
display: flex;
flex-direction: column;
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
@ -9,12 +15,6 @@
background: #fff; background: #fff;
z-index: -1; z-index: -1;
} }
position: relative;
min-width: 1200px;
min-height: 100vh;
background: #fff;
display: flex;
flex-direction: column;
.fold-box { .fold-box {
width: 40px; width: 40px;
height: 40px; height: 40px;
@ -54,11 +54,14 @@
} }
.page-wrap { .page-wrap {
width: calc(100% - 456px); width: 100%;
flex: 1; flex: 1;
display: flex; display: flex;
justify-content: center; justify-content: center;
background: #fff; background: #fff;
&.expand {
width: calc(100% - 456px);
}
.explore-detail-wrap { .explore-detail-wrap {
min-height: 500px; min-height: 500px;
width: 684px; width: 684px;