DigitalMgnt
/
client_front_end
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changes 修改披露评级页面

This commit is contained in:
彭森 2024-02-27 16:18:16 +08:00
parent 693bb2cc57
commit f0e93a603a
1 changed files with 32 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/home/index.vue
View File

@ -4,18 +4,21 @@
<h1>中小商企信用评价</h1>
<industry v-if="checkValue == 1" />
<el-card shadow="never" v-for="(item, index) in companyData" :key="index">
<el-card shadow="never" v-for="(item, index) in companyData" :key="index" class="card-container">
<div class="rate-info">
<p style="font-weight: 800;color: rgb(194,44,44);">{{ item.rate_scope }}/{{ item.rate_level }}</p>
</div>
<el-row align="middle" justify="space-between" style="flex-wrap: nowrap;">
<div class="logo">
{{ item.company_name.substring(0, 1) }}
</div>
<el-row>
<el-row justify="space-between" style="width:100%">
<el-row style="width:100%">
<el-row align="middle" style="width:auto">
<h5>{{ item.company_name }}</h5>
<el-tag style="margin-left: 20px;">{{ item.regStatus }}</el-tag>
<el-tag style="margin-left: 10px;">{{ item.regStatus }}</el-tag>
</el-row>
<p style="font-weight: 800;color: rgb(194,44,44);">{{ item.rate_scope }}/{{ item.rate_level }}</p>
</el-row>
<el-row>
<span class="describe">法定代表人：{{ item.legalPersonName }}</span>
@ -74,6 +77,19 @@ onMounted(fetchData)
width: 100%;
}
.card-container {
position: relative; /* 这使得绝对定位的子元素相对于卡片定位 */
}
.rate-info p {
position: absolute;
top: 20px; /* 调整以适应卡片内的具体位置 */
right: 20px; /* 调整以适应卡片内的具体位置 */
font-weight: 800;
color: rgb(194,44,44);
margin: 0; /* 移除默认的margin，因为我们使用绝对定位 */
}
.container {
width: 40%;
margin: 0px auto;
@ -85,14 +101,16 @@ onMounted(fetchData)
}
.logo {
width: 60px;
height: 60px;
width: 10%; /* 设定为卡片宽度的十分之一 */
height: auto; /* 高度自动调整，你可以根据实际需求设置固定值 */
min-height: 60px; /* 设置最小高度以确保内容显示 */
min-width: 60px; /* 设置最小高度以确保内容显示 */
background-color: rgb(194,44,44);
color: #fff;
font-size: 26px;
font-size: 26px; /* 可能需要调整以适应新的宽度 */
font-weight: 800;
text-align: center;
line-height: 60px;
line-height: 60px; /* 如果logo高度改变，这里也要相应调整 */
border-radius: 6px;
margin-right: 20px;
}