zzb
/
csi-financial-front
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 调整布局样式以优化用户界面和提升可读性

This commit is contained in:
傅光孟 2026-03-27 15:07:14 +08:00
parent ce4344124c
commit ed16a3314f
2 changed files with 36 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/example/index.vue
View File

@ -272,11 +272,9 @@ function goLogin() {
} }
.list { .list {
display: grid; display: flex;
grid-template-columns: repeat(4, 1fr); justify-content: flex-start;
gap: 16px; align-content: flex-start;
// justify-content: flex-start;
// align-content: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 16px; margin-top: 16px;
padding: 8px 16px; padding: 8px 16px;
@ -285,8 +283,8 @@ function goLogin() {
min-height: calc(100vh - 200px); min-height: calc(100vh - 200px);
.item { .item {
// width: 256px; width: 256px;
height: 210px; height: 190px;
background: #ffffff; background: #ffffff;
border: 1px solid rgba(229, 229, 229, 1); border: 1px solid rgba(229, 229, 229, 1);
border-radius: 4px; border-radius: 4px;
@ -296,7 +294,7 @@ function goLogin() {
.img, .img,
img { img {
width: 100%; width: 100%;
height: 164px; height: 144px;
} }
.name { .name {

12
src/views/pages/homeNew/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="all" :class="{ 'scale-down': isScaleDown }"> <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="left">
<div class="content_nol"> <div class="content_nol">
@ -57,6 +57,9 @@
</div> </div>
</div> </div>
<div class="content_nol">
<Title title="ESG评测" />
<div <div
class="r_esg" class="r_esg"
v-if=" v-if="
@ -84,6 +87,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="right"> <div class="right">
<div <div
@ -104,7 +108,7 @@
: '/dashboard', : '/dashboard',
}" }"
isBig isBig
style="margin-top: 20px" style="margin-top: 36px"
/> />
</div> </div>
@ -588,8 +592,8 @@ onUnmounted(() => {
text-align: center; text-align: center;
justify-content: center; justify-content: center;
padding-bottom: 20px; padding-bottom: 20px;
background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0; // background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0;
background-size: 100% auto; // background-size: 100% auto;
.left { .left {
display: flex; display: flex;