提交 f8e9daac authored 作者: coderBryanFu's avatar coderBryanFu

update

上级 659f3066
...@@ -61,9 +61,7 @@ ...@@ -61,9 +61,7 @@
<div class="rank">{{ "No." + scope.row.usRank }}</div> <div class="rank">{{ "No." + scope.row.usRank }}</div>
<div class="score">{{ scope.row.usScore }}</div> <div class="score">{{ scope.row.usScore }}</div>
</div> </div>
<div <div class="progress-wrapper left">
class="progress-wrapper left"
>
<el-progress <el-progress
:percentage="scope.row.usScore" :percentage="scope.row.usScore"
:stroke-width="20" :stroke-width="20"
...@@ -114,7 +112,10 @@ ...@@ -114,7 +112,10 @@
<div class="card-item" v-for="(val, idx) in course" :key="idx"> <div class="card-item" v-for="(val, idx) in course" :key="idx">
<div class="card-item-top">{{ val.eventStrategy }}</div> <div class="card-item-top">{{ val.eventStrategy }}</div>
<div class="card-item-line"></div> <div class="card-item-line"></div>
<div class="card-item-main"> <div
class="card-item-main"
:class="{ cnBackground: val.eventCountry === '中国', usBackground: val.eventCountry === '美国' }"
>
<div class="logo"> <div class="logo">
<img :src="val.eventCountryImg" alt="" /> <img :src="val.eventCountryImg" alt="" />
</div> </div>
...@@ -571,6 +572,7 @@ const handleClickBottomBtn = () => { ...@@ -571,6 +572,7 @@ const handleClickBottomBtn = () => {
display: flex; display: flex;
gap: 16px; gap: 16px;
transition: transform 0.75s ease; // 平滑过渡动画 transition: transform 0.75s ease; // 平滑过渡动画
.card-item { .card-item {
width: 240px; width: 240px;
height: 594px; height: 594px;
...@@ -605,6 +607,7 @@ const handleClickBottomBtn = () => { ...@@ -605,6 +607,7 @@ const handleClickBottomBtn = () => {
border: 1px solid rgba(174, 214, 255, 1); border: 1px solid rgba(174, 214, 255, 1);
border-radius: 10px; border-radius: 10px;
background: rgba(246, 250, 255, 1); background: rgba(246, 250, 255, 1);
.logo { .logo {
margin-top: 24px; margin-top: 24px;
margin-left: 24px; margin-left: 24px;
...@@ -733,6 +736,12 @@ const handleClickBottomBtn = () => { ...@@ -733,6 +736,12 @@ const handleClickBottomBtn = () => {
} }
} }
} }
.cnBackground {
background: rgba(254, 249, 248, 1) !important;
}
.usBackground {
background: rgba(246, 250, 255, 1) !important;
}
} }
} }
} }
......
...@@ -68,6 +68,7 @@ const handleGetInfo = async () => { ...@@ -68,6 +68,7 @@ const handleGetInfo = async () => {
const res = await getGovOrgBasicInfo(params); const res = await getGovOrgBasicInfo(params);
console.log("机构信息", res); console.log("机构信息", res);
if (res.code === 200 && res.data) { if (res.code === 200 && res.data) {
institutionInfo.value.logo = res.data.logoUrl;
institutionInfo.value.name = res.data.orgName; institutionInfo.value.name = res.data.orgName;
institutionInfo.value.enName = res.data.orgNameEn; institutionInfo.value.enName = res.data.orgNameEn;
institutionInfo.value.desc = res.data.orgIntroduction; institutionInfo.value.desc = res.data.orgIntroduction;
......
...@@ -550,17 +550,22 @@ onMounted(() => { ...@@ -550,17 +550,22 @@ onMounted(() => {
} }
.right { .right {
width: 520px; width: 520px;
height: 800px; height: 980px;
.right-main { .right-main {
width: 469px; width: 469px;
height: 728px; height: 728px;
margin: 3px auto; margin: 3px auto;
.img-box { .img-box {
width: 469px; // width: 469px;
height: 240px; height: 240px;
width: auto;
text-align: center;
// height: auto;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
height: 240px;
width: auto;
} }
} }
.info-box { .info-box {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论