feat: 调整布局样式以优化用户界面和提升可读性
This commit is contained in:
parent
ce4344124c
commit
ed16a3314f
|
|
@ -272,11 +272,9 @@ function goLogin() {
|
|||
}
|
||||
|
||||
.list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
// justify-content: flex-start;
|
||||
// align-content: flex-start;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 16px;
|
||||
padding: 8px 16px;
|
||||
|
|
@ -285,8 +283,8 @@ function goLogin() {
|
|||
min-height: calc(100vh - 200px);
|
||||
|
||||
.item {
|
||||
// width: 256px;
|
||||
height: 210px;
|
||||
width: 256px;
|
||||
height: 190px;
|
||||
background: #ffffff;
|
||||
border: 1px solid rgba(229, 229, 229, 1);
|
||||
border-radius: 4px;
|
||||
|
|
@ -296,7 +294,7 @@ function goLogin() {
|
|||
.img,
|
||||
img {
|
||||
width: 100%;
|
||||
height: 164px;
|
||||
height: 144px;
|
||||
}
|
||||
|
||||
.name {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="all" :class="{ 'scale-down': isScaleDown }">
|
||||
<!-- <img src="../../../assets/homenew/web_bg.png" class="web_bg scale-1" /> -->
|
||||
<img src="../../../assets/homenew/web_bg.png" class="web_bg scale-1" />
|
||||
|
||||
<div class="left">
|
||||
<div class="content_nol">
|
||||
|
|
@ -57,6 +57,9 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content_nol">
|
||||
<Title title="ESG评测" />
|
||||
|
||||
<div
|
||||
class="r_esg"
|
||||
v-if="
|
||||
|
|
@ -84,6 +87,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
<div
|
||||
|
|
@ -104,7 +108,7 @@
|
|||
: '/dashboard',
|
||||
}"
|
||||
isBig
|
||||
style="margin-top: 20px"
|
||||
style="margin-top: 36px"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
|
@ -588,8 +592,8 @@ onUnmounted(() => {
|
|||
text-align: center;
|
||||
justify-content: center;
|
||||
padding-bottom: 20px;
|
||||
background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0;
|
||||
background-size: 100% auto;
|
||||
// background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0;
|
||||
// background-size: 100% auto;
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
|
|
|
|||
Loading…
Reference in New Issue