提交 4f47da48 authored 作者: coderBryanFu's avatar coderBryanFu

update

上级 50fc6e7d
// 智库概览信息
import request from "@/api/request.js";
// 智库列表
export function getThinkTankList() {
return request({
method: 'GET',
url: `/api/thinkTankOverview/thinkTanks`,
})
}
// 风险信号
export function getThinkTankRiskSignal() {
return request({
method: 'GET',
url: `/api/thinkTankOverview/riskSignal`,
})
}
\ No newline at end of file
......@@ -148,7 +148,7 @@ const headerTitleClasses = computed(() => [
.header-title {
font-size: $base-font-size;
font-weight: 700;
/* color: rgba(10, 87, 166, 1); */
/* color: var(--color-main-active); */
/* color: var(--base-color); */
color: $base-color;
line-height: 48px;
......
......@@ -3,7 +3,7 @@
}
:root {
--el-color-primary: rgba(10, 87, 166, 1);
--el-color-primary: rgba(5, 95, 194, 1);
/* --el-color-success: #1dd1a1;
--el-border-radius-base: 8px;
--el-font-size-base: 14px; */
......
......@@ -9,9 +9,9 @@
--btn-plain-bg-color: rgba(255, 255, 255, 1);
--btn-plain-text-color: rgba(59, 65, 75, 1);
/* 选中按钮颜色 */
--btn-active-border-color: rgba(10, 87, 166, 1);
--btn-active-border-color: var(--color-main-active);
--btn-active-bg-color: rgba(231, 243, 255, 1);
--btn-active-text-color: rgba(10, 87, 166, 1);
--btn-active-text-color: var(--color-main-active);
/* 标签按钮颜色 */
......
/* 全局 css 变量 */
$primary-color: var(--el-color-primary);
$base-color: rgba(10, 87, 166, 1);
$base-color: rgba(5, 95, 194, 1);
$base-font-size: 16px;
// :root {
......
......@@ -415,7 +415,7 @@ onMounted(() => {
// }
// }
.icon {
margin-top: 1px;
margin-top: 4px;
width: 16px;
height: 16px;
img {
......@@ -426,7 +426,7 @@ onMounted(() => {
.name {
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-size: 14px;
font-size: 18px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
......
......@@ -62,27 +62,27 @@ const handleClickLeftSiderBtn = (item,index) => {
width: 160px;
.sider-btn {
margin-top: 20px;
margin-left: 23px;
width: 112px;
margin-left: 20px;
width: 120px;
height: 32px;
display: flex;
line-height: 32px;
border-radius: 16px;
cursor: pointer;
.btn-text {
width: 82px;
margin-left: 28px;
width: 68px;
height: 32px;
line-height: 32px;
text-align: left;
box-sizing: border-box;
padding-left: 24px;
font-size: 14px;
font-size: 16px;
font-weight: 400;
font-family: Microsoft YaHei;
color: rgba(95, 101, 108, 1);
}
.btn-icon {
margin-top: 9px;
width: 22px;
padding-top: 2px;
}
}
.siderBtnActive {
......
......@@ -278,20 +278,19 @@ onMounted(() => {});
width: 160px;
.sider-btn {
margin-top: 20px;
margin-left: 23px;
margin-left: 20px;
width: 120px;
height: 32px;
display: flex;
line-height: 32px;
border-radius: 16px;
cursor: pointer;
.btn-text {
width: 90px;
width: 68px;
height: 32px;
margin-left: 28px;
line-height: 32px;
text-align: left;
box-sizing: border-box;
padding-left: 24px;
font-size: 16px;
font-weight: 400;
font-family: Microsoft YaHei;
......@@ -299,7 +298,7 @@ onMounted(() => {});
}
.btn-icon {
width: 22px;
padding-top: 4px;
padding-top: 9px;
}
}
.siderBtnActive {
......
......@@ -59,26 +59,25 @@ const handleClickLeftSiderBtn = (item,index) => {
.sider-btn {
margin-top: 20px;
margin-left: 10px;
width: 140px;
width: 136px;
height: 32px;
display: flex;
line-height: 32px;
border-radius: 16px;
cursor: pointer;
.btn-text {
width: 110px;
margin-left: 18px;
height: 32px;
line-height: 32px;
text-align: left;
box-sizing: border-box;
padding-left: 24px;
font-size: 14px;
font-size: 16px;
font-family: Microsoft YaHei;
color: rgba(95, 101, 108, 1);
}
.btn-icon {
width: 22px;
padding-top: 2px;
padding-top: 9px;
}
}
.siderBtnActive {
......
......@@ -607,13 +607,13 @@ onMounted(() => {
width: 8px;
height: 20px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 14px;
height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -661,7 +661,7 @@ onMounted(() => {
.header-in-title {
margin-left: 15px;
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
......@@ -748,7 +748,7 @@ onMounted(() => {
margin-left: 13px;
height: 24px;
width: 943px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......
......@@ -290,7 +290,7 @@ const handleSizeChange = val => {
}
.contetn-tabs-item-active {
background-color: rgba(231, 243, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-tabs-pane {
display: flex;
......@@ -418,7 +418,7 @@ const handleSizeChange = val => {
.content-box-footer-text {
font-size: 16px;
font-weight: 400;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.footer-img-small {
width: 20px;
......
......@@ -270,7 +270,7 @@ const activities = [
font-weight: 400;
border-radius: 50%;
background-color: rgba(231, 243, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-box-footer {
display: flex;
......@@ -321,7 +321,7 @@ const activities = [
color: rgba(59, 65, 75, 1);
}
.content-desc-content {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-size: 16px;
font-weight: 700;
}
......@@ -366,7 +366,7 @@ const activities = [
.time-line-dot {
width: 8px;
height: 8px;
background-color: rgba(10, 87, 166, 1);
background-color: var(--color-main-active);
border-radius: 50%;
}
.content-time-line-box {
......
......@@ -228,7 +228,7 @@
<div class="box3-header">
<div class="box3-header-left">
<div class="box3-header-icon">
<img src="./assets/images/box3-header-icon.png" alt="" />
<img src="@/assets/images/box-header-icon/news-icon.png" alt="" />
</div>
<div class="box3-header-title">{{ "新闻资讯" }}</div>
<div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div>
......@@ -252,7 +252,7 @@
<div class="box4">
<div class="box4-header">
<div class="header-icon">
<img src="./assets/images/box4-header-icon.png" alt="" />
<img src="@/assets/images/box-header-icon/message-icon.png" alt="" />
</div>
<div class="header-title">{{ "社交媒体" }}</div>
</div>
......@@ -467,7 +467,7 @@
<div class="box3-header-icon">
<img src="./assets/images/box3-header-icon.png" alt="" />
</div>
<div class="box3-header-title">{{ "政令发布频度" }}</div>
<div class="box3-header-title">{{ "政令发布频度" }}</div>
</div>
<div class="box3-header-right">
<img src="./assets/images/header-more.png" alt="" />
......@@ -494,7 +494,7 @@
<div class="header-icon">
<img src="./assets/images/box5-header-icon.png" alt="" />
</div>
<div class="header-title">{{ "关键政令及举措" }}</div>
<div class="header-title">{{ "关键行政令" }}</div>
</div>
<div class="box5-main">
<div class="box5-item" v-for="(item, index) in keyDecreeList" :key="index">
......@@ -883,7 +883,7 @@ const chart2Data = ref([
]);
const colorList = ["#69B1FF", "#FFC069", "#87E8DE", "#85A5FF", "#FF7875", "#B37FEB", "#4096FF"];
// 关键政令及举措
// 关键行政令
const keyDecreeList = ref([
{
title: "关于“对等关税”的行政令",
......@@ -1466,6 +1466,7 @@ onMounted(async () => {
.box1 {
width: 1064px;
height: 450px;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
background: #fff;
box-sizing: border-box;
......@@ -1511,17 +1512,17 @@ onMounted(async () => {
}
}
.box1-header {
height: 53px;
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
display: flex;
justify-content: space-between;
.box1-header-left {
display: flex;
margin-left: 19px;
.icon {
width: 18px;
height: 18px;
margin-top: 19px;
margin-left: 19px;
margin-top: 14px;
img {
width: 100%;
height: 100%;
......@@ -1529,21 +1530,21 @@ onMounted(async () => {
}
.title {
width: 152px;
height: 53px;
height: 48px;
margin-left: 18px;
color: #fff;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 53px;
line-height: 48px;
text-align: center;
}
}
.box1-header-right {
margin-top: 19px;
margin-top: 16px;
height: 16px;
color: rgba(20, 89, 187, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -1572,7 +1573,7 @@ onMounted(async () => {
flex: 1;
.box1-main-right-title {
height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -1630,7 +1631,7 @@ onMounted(async () => {
display: flex;
.footer-right-item1 {
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -1654,18 +1655,19 @@ onMounted(async () => {
.box2 {
width: 521px;
height: 450px;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
background: rgba(255, 255, 255, 1);
position: relative;
.box2-header {
height: 54px;
height: 48px;
display: flex;
border-bottom: 1px solid rgba(240, 242, 244, 1);
.icon {
width: 24px;
height: 22px;
margin-left: 33px;
margin-top: 18px;
margin-left: 18px;
margin-top: 14px;
img {
width: 100%;
height: 100%;
......@@ -1675,16 +1677,15 @@ onMounted(async () => {
display: flex;
width: 148px;
background: rgba(206, 79, 81, 1);
margin-left: 25px;
margin-left: 18px;
.text {
margin-left: 15px;
margin-top: 16px;
height: 22px;
margin-left: 16px;
height: 48px;
color: #fff;
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 22px;
line-height: 48px;
}
.num {
width: 24px;
......@@ -1695,21 +1696,11 @@ onMounted(async () => {
font-family: Microsoft YaHei;
font-size: 12px;
margin-left: 15px;
margin-top: 18px;
margin-top: 15px;
border-radius: 100px;
background: rgba(255, 255, 255, 0.3);
}
}
.more {
margin-top: 19px;
margin-left: 200px;
color: rgba(20, 89, 187, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 16px;
cursor: pointer;
}
}
.box2-main {
box-sizing: border-box;
......@@ -1821,6 +1812,7 @@ onMounted(async () => {
.box3 {
width: 792px;
height: 450px;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px rgba(25, 69, 130, 0.2);
background: rgba(255, 255, 255, 1);
.box3-header {
......@@ -1829,11 +1821,11 @@ onMounted(async () => {
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 20px;
position: relative;
.box3-header-left {
display: flex;
.box3-header-icon {
margin-left: 21px;
margin-top: 16px;
width: 19px;
height: 19px;
......@@ -1843,14 +1835,14 @@ onMounted(async () => {
}
}
.box3-header-title {
margin-top: 16px;
margin-left: 19px;
height: 22px;
color: rgba(20, 89, 187, 1);
margin-top: 11px;
margin-left: 20px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 22px;
line-height: 26px;
}
}
.more {
......@@ -1939,6 +1931,7 @@ onMounted(async () => {
margin-left: 20px;
width: 792px;
height: 450px;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px rgba(25, 69, 130, 0.2);
background: rgba(255, 255, 255, 1);
.box4-header {
......@@ -1947,10 +1940,10 @@ onMounted(async () => {
border-bottom: 1px solid rgba(240, 242, 244, 1);
display: flex;
box-sizing: border-box;
padding-left: 22px;
position: relative;
.header-icon {
margin-top: 15px;
margin-left: 21px;
margin-top: 17px;
width: 20px;
height: 20px;
img {
......@@ -1959,27 +1952,14 @@ onMounted(async () => {
}
}
.header-title {
margin-top: 16px;
margin-left: 18px;
height: 22px;
margin-top: 11px;
margin-left: 20px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 22px;
}
.more {
width: 49px;
height: 24px;
position: absolute;
top: 14px;
right: 27px;
color: rgba(20, 89, 187, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
cursor: pointer;
line-height: 26px;
}
}
.box4-main {
......@@ -2083,7 +2063,7 @@ onMounted(async () => {
line-height: 31px;
}
.nameActive {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.time {
margin-top: 1px;
......@@ -2095,7 +2075,7 @@ onMounted(async () => {
line-height: 30px;
}
.timeActive {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
}
......@@ -2141,7 +2121,7 @@ onMounted(async () => {
.right-item1 {
margin-top: 41px;
height: 31px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 24px;
font-weight: 700;
......@@ -2214,7 +2194,7 @@ onMounted(async () => {
justify-content: flex-end;
.item2-3 {
height: 42px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-size: 32px;
line-height: 42px;
}
......@@ -2294,7 +2274,7 @@ onMounted(async () => {
}
.text {
margin-left: 20px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -2480,19 +2460,18 @@ onMounted(async () => {
height: 452px;
box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
background: rgba(255, 255, 255, 1);
border-radius: 4px;
border-radius: 10px;
.box3-header {
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 20px;
.box3-header-left {
display: flex;
.box3-header-icon {
margin-top: 14px;
margin-left: 4px;
margin-top: 17px;
margin-left: 24px;
width: 17px;
height: 17px;
img {
......@@ -2504,7 +2483,7 @@ onMounted(async () => {
margin-top: 11px;
margin-left: 19px;
height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -2515,7 +2494,7 @@ onMounted(async () => {
width: 49px;
height: 24px;
margin-top: 12px;
margin-right: 7px;
margin-right: 27px;
cursor: pointer;
img {
width: 100%;
......@@ -2533,12 +2512,13 @@ onMounted(async () => {
height: 452px;
box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
background: rgba(255, 255, 255, 1);
border-radius: 4px;
border-radius: 10px;
.box4-header {
margin: 0 auto;
height: 53px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
display: flex;
position: relative;
.header-icon {
margin-top: 16px;
margin-left: 22px;
......@@ -2550,7 +2530,7 @@ onMounted(async () => {
}
}
.header-title {
margin-top: 12px;
margin-top: 11px;
margin-left: 18px;
height: 26px;
color: rgba(20, 89, 187, 1);
......@@ -2560,10 +2540,11 @@ onMounted(async () => {
line-height: 26px;
}
.header-right {
margin-left: 550px;
position: absolute;
right: 27px;
width: 49px;
height: 24px;
margin-top: 12px;
top: 12px;
cursor: pointer;
img {
width: 100%;
......@@ -2607,7 +2588,7 @@ onMounted(async () => {
height: 26px;
margin-top: 11px;
margin-left: 13px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -2693,7 +2674,7 @@ onMounted(async () => {
height: 26px;
margin-top: 11px;
margin-left: 13px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -2864,7 +2845,7 @@ onMounted(async () => {
margin-top: 18px;
width: 128px;
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......
......@@ -42,7 +42,7 @@ const getBarChart = (nameList, valueList) => {
label: {
show: true,
position: 'top',
color: 'rgba(10, 87, 166, 1)',
color: 'var(--color-main-active)',
fontWeight: 'bold', // 文字加粗
fontSize: 14,
formatter: function (params) {
......@@ -59,7 +59,7 @@ const getBarChart = (nameList, valueList) => {
},
{
offset: 1,
color: 'rgba(10, 87, 166, 1)'
color: 'var(--color-main-active)'
}
]);
},
......
......@@ -284,14 +284,14 @@ const box2LeftActiveIndex = ref(0);
width: 8px;
height: 20px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 14px;
height: 26px;
line-height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -394,7 +394,7 @@ const box2LeftActiveIndex = ref(0);
}
.time {
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -405,7 +405,7 @@ const box2LeftActiveIndex = ref(0);
}
.timeFooter {
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -451,7 +451,7 @@ const box2LeftActiveIndex = ref(0);
align-items: center;
margin-top: 2px;
margin-left: 15px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -510,7 +510,7 @@ const box2LeftActiveIndex = ref(0);
margin-left: 17px;
margin-top: 17px;
height: 30px;
// color: rgba(10, 87, 166, 1);
// color: var(--color-main-active);
// font-family: Microsoft YaHei;
// font-size: 16px;
// font-weight: 700;
......@@ -518,7 +518,7 @@ const box2LeftActiveIndex = ref(0);
}
}
.leftItemActive {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-weight: 700;
background: rgba(246, 250, 255, 1);
&::after {
......@@ -526,7 +526,7 @@ const box2LeftActiveIndex = ref(0);
content: "";
width: 5px;
height: 48px;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
right: -70px;
top: 8px;
}
......@@ -582,7 +582,7 @@ const box2LeftActiveIndex = ref(0);
display: flex;
.item-right-text {
height: 30px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -622,7 +622,7 @@ const box2LeftActiveIndex = ref(0);
margin-top: 16px;
margin-left: 16px;
height: 30px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......
......@@ -437,13 +437,8 @@ onMounted(() => {
margin-top: 3px;
height: 35px;
cursor: pointer;
// &:hover{
// .name {
// color: rgba(22, 119, 255, 1);
// }
// }
.icon {
margin-top: 1px;
margin-top: 4px;
width: 16px;
height: 16px;
img {
......@@ -452,22 +447,23 @@ onMounted(() => {
}
}
.name {
color: rgba(95, 101, 108, 1);
height: 24px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-size: 14px;
font-size: 18px;
font-weight: 400;
line-height: 22px;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
margin-left: 3px;
}
.nameActive {
color: rgba(20, 89, 187, 1);
color: var(--color-main-active);
font-weight: 700;
}
}
.leftBoxBottomItemActive {
border-bottom: 3px solid rgba(20, 89, 187, 1);
border-bottom: 3px solid var(--color-main-active);
}
}
}
......
......@@ -508,7 +508,7 @@ onMounted(() => {
display: flex;
width: 240px;
.title {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
height: 26px;
font-family: Microsoft YaHei;
font-size: 16px;
......@@ -550,7 +550,7 @@ onMounted(() => {
}
.time {
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -594,7 +594,7 @@ onMounted(() => {
margin-left: 13px;
width: 964px;
height: 48px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -651,7 +651,7 @@ onMounted(() => {
.text {
width: 33px;
height: 30px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: 700;
......@@ -740,7 +740,7 @@ onMounted(() => {
margin-left: 13px;
width: 964px;
height: 48px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......
......@@ -209,14 +209,14 @@ const laws = ref([
width: 8px;
height: 20px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 14px;
height: 26px;
line-height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......
......@@ -58,31 +58,30 @@ const handleClickLeftSiderBtn = (item) => {
padding-top: 16px;
.sider-btn {
margin-top: 20px;
margin-left: 23px;
width: 112px;
margin-left: 20px;
width: 120px;
height: 32px;
display: flex;
line-height: 32px;
border-radius: 16px;
cursor: pointer;
.btn-text {
width: 82px;
margin-left: 28px;
width: 68px;
height: 32px;
line-height: 32px;
text-align: left;
box-sizing: border-box;
padding-left: 24px;
font-size: 14px;
font-size: 16px;
font-family: Microsoft YaHei;
color: rgba(95, 101, 108, 1);
}
.btn-icon {
width: 22px;
padding-top: 2px;
padding-top: 9px;
}
}
.siderBtnActive {
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
.btn-text {
color: #fff !important;
}
......
......@@ -252,14 +252,14 @@ const eventList = ref([
width: 8px;
height: 20px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 14px;
height: 26px;
line-height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......
......@@ -404,14 +404,14 @@ onMounted(() => {
width: 8px;
height: 16px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 16px;
height: 24px;
line-height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
......@@ -438,9 +438,9 @@ onMounted(() => {
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-info {
......
......@@ -283,14 +283,14 @@ const curList = ref([
width: 8px;
height: 16px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 16px;
height: 24px;
line-height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
......@@ -317,9 +317,9 @@ const curList = ref([
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-info {
......
......@@ -550,7 +550,7 @@ const talentData = ref([
.content-card-date {
font-size: 14px;
font-weight: 400;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-title {
width: 100%;
......@@ -698,7 +698,7 @@ const talentData = ref([
.time-line-dot {
width: 8px;
height: 8px;
background-color: rgba(10, 87, 166, 1);
background-color: var(--color-main-active);
border-radius: 50%;
}
</style>
......@@ -485,11 +485,11 @@ const policyBanData = ref([
.content-list-item-money {
font-size: 20px;
font-weight: 700;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
margin-left: 50px;
}
.content-card-title-text {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-desc {
font-size: 14px;
......
......@@ -257,7 +257,7 @@ const tableData = ref([
color: rgba(59, 65, 75, 1);
}
.content-desc-content {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-size: 16px;
font-weight: 700;
}
......@@ -302,7 +302,7 @@ const tableData = ref([
.time-line-dot {
width: 8px;
height: 8px;
background-color: rgba(10, 87, 166, 1);
background-color: var(--color-main-active);
border-radius: 50%;
}
.example-card {
......@@ -408,6 +408,6 @@ const tableData = ref([
line-height: 24px;
font-size: 16px;
font-weight: 700;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
</style>
......@@ -480,7 +480,7 @@ const orgAndruleList = ref([
.content-card-date {
font-size: 14px;
font-weight: 400;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-title {
width: 100%;
......@@ -547,7 +547,7 @@ const orgAndruleList = ref([
font-weight: 400;
border-radius: 50%;
background-color: rgba(231, 243, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-title-box {
display: flex;
......
......@@ -445,7 +445,7 @@ const handleClick = index => {
}
.depth-mine-left-item-active {
color: #fff;
background-color: rgba(10, 87, 166, 1);
background-color: var(--color-main-active);
}
.depth-mine-left-item-title {
font-size: 16px;
......@@ -491,7 +491,7 @@ const handleClick = index => {
.content-box-footer-text {
font-size: 16px;
font-weight: 400;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.footer-img-small {
width: 20px;
......
......@@ -491,7 +491,7 @@ onMounted(() => {
.content-box-footer-text {
font-size: 16px;
font-weight: 400;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.footer-img-small {
width: 20px;
......
......@@ -246,7 +246,7 @@ import { Postcard } from "@element-plus/icons-vue";
color: rgba(59, 65, 75, 1);
}
.content-desc-content {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-size: 16px;
font-weight: 700;
}
......@@ -291,7 +291,7 @@ import { Postcard } from "@element-plus/icons-vue";
.time-line-dot {
width: 8px;
height: 8px;
background-color: rgba(10, 87, 166, 1);
background-color: var(--color-main-active);
border-radius: 50%;
}
.example-card {
......
......@@ -84,7 +84,7 @@
<el-row :gutter="20" style="width: 1600px; margin: 0 auto">
<CustomTitle id="position1" title="最新动态" style="margin-top: 24px" />
<el-col :span="16">
<custom-container titleType="primary" title="最新出口管制政策" :titleIcon="houseIcon" height="450px">
<custom-container titleType="primary" title="最新投融资限制政策" :titleIcon="houseIcon" height="450px">
<template #header-right>
<el-button type="primary" link @click="handleToDetail">
{{ "查看详情 >" }}
......
......@@ -550,7 +550,7 @@ const talentData = ref([
.content-card-date {
font-size: 14px;
font-weight: 400;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-title {
width: 100%;
......@@ -698,7 +698,7 @@ const talentData = ref([
.time-line-dot {
width: 8px;
height: 8px;
background-color: rgba(10, 87, 166, 1);
background-color: var(--color-main-active);
border-radius: 50%;
}
</style>
......@@ -485,11 +485,11 @@ const policyBanData = ref([
.content-list-item-money {
font-size: 20px;
font-weight: 700;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
margin-left: 50px;
}
.content-card-title-text {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-desc {
font-size: 14px;
......
......@@ -257,7 +257,7 @@ const tableData = ref([
color: rgba(59, 65, 75, 1);
}
.content-desc-content {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-size: 16px;
font-weight: 700;
}
......@@ -302,7 +302,7 @@ const tableData = ref([
.time-line-dot {
width: 8px;
height: 8px;
background-color: rgba(10, 87, 166, 1);
background-color: var(--color-main-active);
border-radius: 50%;
}
.example-card {
......@@ -408,6 +408,6 @@ const tableData = ref([
line-height: 24px;
font-size: 16px;
font-weight: 700;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
</style>
......@@ -480,7 +480,7 @@ const orgAndruleList = ref([
.content-card-date {
font-size: 14px;
font-weight: 400;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-title {
width: 100%;
......@@ -547,7 +547,7 @@ const orgAndruleList = ref([
font-weight: 400;
border-radius: 50%;
background-color: rgba(231, 243, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-title-box {
display: flex;
......
......@@ -459,7 +459,7 @@ const talentData = ref([
}
.el-breadcrumb__item:last-child ::v-deep .el-breadcrumb__inner{
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-weight: 800;
}
......@@ -544,7 +544,7 @@ const talentData = ref([
.content-card-date {
font-size: 14px;
font-weight: 400;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.content-card-title {
width: 100%;
......@@ -696,7 +696,7 @@ const talentData = ref([
.time-line-dot {
width: 8px;
height: 8px;
background-color: rgba(10, 87, 166, 1);
background-color: var(--color-main-active);
border-radius: 50%;
}
.el-tag{
......
......@@ -1234,7 +1234,7 @@ onMounted(async () => {
height: 48px;
margin-left: 18px;
color: #fff;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -1918,7 +1918,7 @@ onMounted(async () => {
}
.home-main-footer {
margin-top: 34px;
height: 1379px;
height: 910px;
background: rgba(248, 249, 250, 1);
overflow: hidden;
.divide4 {
......
......@@ -42,7 +42,7 @@ const getBarChart = (nameList, valueList) => {
label: {
show: true,
position: 'top',
color: 'rgba(10, 87, 166, 1)',
color: 'var(--color-main-active)',
fontWeight: 'bold', // 文字加粗
fontSize: 14,
formatter: function (params) {
......@@ -59,7 +59,7 @@ const getBarChart = (nameList, valueList) => {
},
{
offset: 1,
color: 'rgba(10, 87, 166, 1)'
color: 'var(--color-main-active)'
}
]);
},
......
......@@ -1372,7 +1372,7 @@ onMounted(async () => {
top: 15px;
width: 4px;
height: 111px;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.header {
height: 56px;
......@@ -1391,7 +1391,7 @@ onMounted(async () => {
margin-top: 28px;
margin-right: 35px;
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 30px;
font-weight: 700;
......@@ -1454,40 +1454,40 @@ onMounted(async () => {
}
}
.box1-header {
height: 53px;
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
display: flex;
justify-content: space-between;
padding-left: 31px;
padding-right: 41px;
.box1-header-left {
display: flex;
.icon {
width: 18px;
width: 19px;
height: 18px;
margin-top: 19px;
margin-top: 15px;
margin-left: 22px;
img {
width: 100%;
height: 100%;
}
}
.title {
width: 152px;
height: 53px;
margin-left: 18px;
width: 112px;
height: 48px;
margin-left: 19px;
color: #fff;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 53px;
line-height: 48px;
text-align: center;
}
}
.box1-header-right {
margin-top: 19px;
margin-right: 40px;
height: 16px;
color: rgba(20, 89, 187, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -1507,7 +1507,7 @@ onMounted(async () => {
justify-content: space-between;
.header-left {
padding-left: 22px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -1522,7 +1522,7 @@ onMounted(async () => {
line-height: 24px;
padding: 0 8px;
box-sizing: border-box;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
border: 1px solid rgba(145, 202, 255, 1);
border-radius: 4px;
background: rgba(230, 244, 255, 1);
......@@ -1643,8 +1643,8 @@ onMounted(async () => {
.icon {
width: 24px;
height: 22px;
margin-left: 33px;
margin-top: 13px;
margin-left: 18px;
margin-top: 14px;
img {
width: 100%;
height: 100%;
......@@ -1657,14 +1657,14 @@ onMounted(async () => {
background: rgba(206, 79, 81, 1);
margin-left: 25px;
.text {
margin-left: 15px;
margin-top: 13px;
height: 22px;
margin-left: 16px;
margin-top: 11px;
height: 26px;
color: #fff;
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 22px;
line-height: 26px;
}
.num {
width: 24px;
......@@ -1675,7 +1675,7 @@ onMounted(async () => {
font-family: Microsoft YaHei;
font-size: 12px;
margin-left: 15px;
margin-top: 14px;
margin-top: 15px;
border-radius: 100px;
background: rgba(255, 255, 255, 0.3);
}
......@@ -1802,12 +1802,12 @@ onMounted(async () => {
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 20px;
position: relative;
.box3-header-left {
display: flex;
.box3-header-icon {
margin-top: 16px;
margin-left: 21px;
width: 19px;
height: 19px;
img {
......@@ -1816,14 +1816,14 @@ onMounted(async () => {
}
}
.box3-header-title {
margin-top: 16px;
margin-left: 19px;
height: 22px;
color: rgba(20, 89, 187, 1);
margin-top: 11px;
margin-left: 20px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 22px;
line-height: 26px;
}
.more {
width: 49px;
......@@ -1921,26 +1921,26 @@ onMounted(async () => {
border-bottom: 1px solid rgba(240, 242, 244, 1);
display: flex;
box-sizing: border-box;
padding-left: 22px;
position: relative;
.header-icon {
margin-top: 15px;
width: 20px;
height: 20px;
margin-top: 17px;
margin-left: 21px;
width: 19px;
height: 18px;
img {
width: 100%;
height: 100%;
}
}
.header-title {
margin-top: 16px;
margin-left: 18px;
height: 22px;
margin-top: 11px;
margin-left: 20px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 22px;
line-height: 26px;
}
.more {
width: 49px;
......@@ -2028,18 +2028,17 @@ onMounted(async () => {
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: rgba(255, 255, 255, 1);
.box5-header {
height: 53px;
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 20px;
position: relative;
.box5-header-left {
display: flex;
.box5-header-icon {
margin-top: 15px;
margin-left: 2px;
margin-top: 16px;
margin-left: 22px;
width: 19px;
height: 19px;
img {
......@@ -2048,10 +2047,10 @@ onMounted(async () => {
}
}
.box5-header-title {
margin-top: 12px;
margin-top: 11px;
margin-left: 19px;
height: 26px;
color: rgba(20, 89, 187, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -2138,14 +2137,14 @@ onMounted(async () => {
background: rgba(255, 255, 255, 1);
.box6-header {
width: 521px;
height: 53px;
height: 48px;
box-sizing: border-box;
padding: 0 20px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
display: flex;
position: relative;
.header-icon {
margin-top: 18px;
margin-left: 20px;
margin-top: 15px;
width: 19px;
height: 19px;
img {
......@@ -2154,14 +2153,14 @@ onMounted(async () => {
}
}
.header-title {
margin-top: 16px;
margin-top: 11px;
margin-left: 15px;
height: 22px;
color: rgba(20, 89, 187, 1);
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 22px;
line-height: 26px;
}
.box-header-right {
position: absolute;
......@@ -2223,18 +2222,17 @@ onMounted(async () => {
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: rgba(255, 255, 255, 1);
.box7-header {
height: 53px;
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 20px;
position: relative;
.box7-header-left {
display: flex;
.box7-header-icon {
margin-top: 15px;
margin-left: 2px;
margin-top: 16px;
margin-left: 22px;
width: 19px;
height: 19px;
img {
......@@ -2243,10 +2241,10 @@ onMounted(async () => {
}
}
.box7-header-title {
margin-top: 12px;
margin-top: 11px;
margin-left: 19px;
height: 26px;
color: rgba(20, 89, 187, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -2313,30 +2311,29 @@ onMounted(async () => {
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: rgba(255, 255, 255, 1);
.box8-header {
height: 53px;
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 20px;
position: relative;
.box8-header-left {
display: flex;
.box8-header-icon {
margin-top: 15px;
margin-left: 2px;
width: 19px;
height: 19px;
margin-left: 20px;
width: 20px;
height: 20px;
img {
width: 100%;
height: 100%;
}
}
.box8-header-title {
margin-top: 12px;
margin-left: 19px;
margin-top: 11px;
margin-left: 20px;
height: 26px;
color: rgba(20, 89, 187, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -2582,12 +2579,12 @@ onMounted(async () => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -2612,12 +2609,12 @@ onMounted(async () => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -2725,7 +2722,7 @@ onMounted(async () => {
background: rgba(255, 247, 230, 1);
}
.name2 {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
border: 1px solid rgba(145, 202, 255, 1);
background: rgba(230, 244, 255, 1);
}
......
......@@ -410,12 +410,12 @@ onMounted(() => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -440,12 +440,12 @@ onMounted(() => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -561,7 +561,7 @@ onMounted(() => {
background: rgba(255, 247, 230, 1);
}
.name2 {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
border: 1px solid rgba(145, 202, 255, 1);
background: rgba(230, 244, 255, 1);
}
......
......@@ -223,12 +223,12 @@ onMounted(() => {});
line-height: 24px;
}
.textActive {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-weight: 700;
}
}
.btnItemActive {
border-bottom: 3px solid rgba(10, 87, 166, 1);
border-bottom: 3px solid var(--color-main-active);
}
}
}
......
......@@ -220,7 +220,7 @@ onMounted(() => {
content: "";
width: 4px;
height: 49px;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
left: 0;
top: 15px;
}
......@@ -238,7 +238,7 @@ onMounted(() => {
margin-top: 28px;
margin-right: 35px;
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 30px;
font-weight: 700;
......@@ -275,14 +275,14 @@ onMounted(() => {
width: 8px;
height: 20px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 14px;
height: 26px;
line-height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -310,9 +310,9 @@ onMounted(() => {
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-right {
......
......@@ -544,13 +544,13 @@ onMounted(() => {
width: 8px;
height: 20px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 14px;
height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......
......@@ -262,7 +262,7 @@ onMounted(() => {
content: "";
width: 4px;
height: 49px;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
left: 0;
top: 15px;
}
......@@ -280,7 +280,7 @@ onMounted(() => {
margin-top: 28px;
margin-right: 35px;
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 30px;
font-weight: 700;
......@@ -317,14 +317,14 @@ onMounted(() => {
width: 8px;
height: 20px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 14px;
height: 26px;
line-height: 26px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -351,9 +351,9 @@ onMounted(() => {
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-right {
......
......@@ -429,14 +429,14 @@ onMounted(() => {});
width: 8px;
height: 16px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 16px;
height: 24px;
line-height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
......@@ -463,9 +463,9 @@ onMounted(() => {});
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-right {
......
......@@ -359,14 +359,14 @@ onMounted(() => {
width: 8px;
height: 16px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 16px;
height: 24px;
line-height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
......@@ -393,9 +393,9 @@ onMounted(() => {
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-right {
......@@ -457,7 +457,7 @@ onMounted(() => {
line-height: 40px;
width: 666px;
height: 40px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -509,7 +509,7 @@ onMounted(() => {
line-height: 40px;
width: 666px;
height: 40px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -572,7 +572,7 @@ onMounted(() => {
line-height: 40px;
width: 666px;
height: 40px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -661,7 +661,7 @@ onMounted(() => {
line-height: 40px;
width: 666px;
height: 40px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......
......@@ -158,7 +158,7 @@ onMounted(() => {});
border: 1px solid rgba(145, 202, 255, 1);
border-radius: 4px;
background: rgba(230, 244, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -193,7 +193,7 @@ onMounted(() => {});
height: 48px;
display: flex;
.navItemActive {
border-bottom: 3px solid rgba(10, 87, 166, 1);
border-bottom: 3px solid var(--color-main-active);
}
.nav-item {
display: flex;
......@@ -223,7 +223,7 @@ onMounted(() => {});
.textActive {
font-size: 18px;
font-weight: 700;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
}
......
......@@ -243,14 +243,14 @@ const timeLineList = ref([
width: 8px;
height: 16px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 16px;
height: 24px;
line-height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
......@@ -277,9 +277,9 @@ const timeLineList = ref([
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-info {
......@@ -415,7 +415,7 @@ const timeLineList = ref([
display: flex;
width: 240px;
.title {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
height: 26px;
font-family: Microsoft YaHei;
font-size: 16px;
......@@ -457,7 +457,7 @@ const timeLineList = ref([
}
.time {
height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......
......@@ -375,14 +375,14 @@ const relatedEvents = ref([
width: 8px;
height: 16px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 16px;
height: 24px;
line-height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
......@@ -409,9 +409,9 @@ const relatedEvents = ref([
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-info {
......
......@@ -290,14 +290,14 @@ const caseList = ref([
width: 8px;
height: 16px;
border-radius: 0 4px 4px 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 16px;
height: 24px;
line-height: 24px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
......@@ -324,9 +324,9 @@ const caseList = ref([
cursor: pointer;
}
.btnActive {
border: 1px solid rgba(10, 87, 166, 1);
border: 1px solid var(--color-main-active);
background: rgba(246, 250, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
}
.header-info {
......@@ -443,7 +443,7 @@ const caseList = ref([
height: 24px;
margin-left: 16px;
margin-top: 6px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -453,7 +453,7 @@ const caseList = ref([
height: 24px;
margin-left: 16px;
margin-top: 6px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......@@ -488,7 +488,7 @@ const caseList = ref([
text-align: center;
line-height: 48px;
background: rgba(231, 243, 255, 1);
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: 700;
......@@ -549,7 +549,7 @@ const caseList = ref([
margin-top: 2px;
margin-left: 13px;
width: 941px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
......
......@@ -157,7 +157,7 @@
{{ item.title }}
</div>
<div class="news-box-title-small">
{{ item.time + item.publier }}
{{ item.time + ' · ' + item.publier }}
</div>
</div>
</div>
......@@ -937,8 +937,8 @@ onMounted(() => {});
}
.news-box-title-small {
height: 22px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: 400;
......
......@@ -54,7 +54,7 @@ onMounted(() => {
font-size: 16px;
font-weight: 400;
margin-top: 2px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
}
.slope {
width: 68px;
......
......@@ -62,8 +62,8 @@
@more-click="moreClick"
title="科技动态"
:style="{ width: '792px', height: '360px' }"
title-background-color="rgba(10, 87, 166, 1)"
line-color="rgba(10, 87, 166, 1)"
title-background-color="var(--color-main-active)"
line-color="var(--color-main-active)"
>
<template #icon>
<div class="icon icon2"></div>
......@@ -78,8 +78,8 @@
@more-click="moreClick"
title="科技政策"
:style="{ width: '792px', height: '360px', marginLeft: '16px' }"
title-background-color="rgba(10, 87, 166, 1)"
line-color="rgba(10, 87, 166, 1)"
title-background-color="var(--color-main-active)"
line-color="var(--color-main-active)"
>
<template #icon>
<div class="icon icon3"></div>
......@@ -116,8 +116,8 @@
@more-click="moreClick"
title="最新报告"
:style="{ width: '1600px', height: '360px' }"
title-background-color="rgba(10, 87, 166, 1)"
line-color="rgba(10, 87, 166, 1)"
title-background-color="var(--color-main-active)"
line-color="var(--color-main-active)"
>
<template #icon>
<div class="icon icon4"></div>
......@@ -997,7 +997,7 @@ const catdList = ref([
},
{
title: "后台服务管理",
bgColor: "rgba(10, 87, 166, 1)",
bgColor: "var(--color-main-active)",
list: [
{
title: "界面配置管理",
......
......@@ -50,8 +50,8 @@
@more-click="moreClick"
title="科技动态"
:style="{ width: '792px', height: '360px' }"
title-background-color="rgba(10, 87, 166, 1)"
line-color="rgba(10, 87, 166, 1)"
title-background-color="var(--color-main-active)"
line-color="var(--color-main-active)"
>
<template #icon>
<div class="icon icon2"></div>
......@@ -66,8 +66,8 @@
@more-click="moreClick"
title="科技政策"
:style="{ width: '792px', height: '360px', marginLeft: '16px' }"
title-background-color="rgba(10, 87, 166, 1)"
line-color="rgba(10, 87, 166, 1)"
title-background-color="var(--color-main-active)"
line-color="var(--color-main-active)"
>
<template #icon>
<div class="icon icon3"></div>
......@@ -104,8 +104,8 @@
@more-click="moreClick"
title="最新报告"
:style="{ width: '1600px', height: '360px' }"
title-background-color="rgba(10, 87, 166, 1)"
line-color="rgba(10, 87, 166, 1)"
title-background-color="var(--color-main-active)"
line-color="var(--color-main-active)"
>
<template #icon>
<div class="icon icon4"></div>
......@@ -543,7 +543,7 @@ const catdList = ref([
},
{
title: "后台服务管理",
bgColor: "rgba(10, 87, 166, 1)",
bgColor: "var(--color-main-active)",
list: [
{
title: "界面配置管理",
......
......@@ -680,12 +680,12 @@ onMounted(async () => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......
......@@ -630,7 +630,7 @@ onMounted(async () => {
height: 53px;
margin-left: 18px;
color: #fff;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -1298,12 +1298,12 @@ onMounted(async () => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -1328,12 +1328,12 @@ onMounted(async () => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -1440,7 +1440,7 @@ onMounted(async () => {
background: rgba(255, 247, 230, 1);
}
.name2 {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
border: 1px solid rgba(145, 202, 255, 1);
background: rgba(230, 244, 255, 1);
}
......
......@@ -619,7 +619,7 @@ onMounted(async () => {
height: 53px;
margin-left: 18px;
color: #fff;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
......@@ -1287,12 +1287,12 @@ onMounted(async () => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -1317,12 +1317,12 @@ onMounted(async () => {
height: 16px;
margin-top: 4px;
border-radius: 2px 2px 0 0;
background: rgba(10, 87, 166, 1);
background: var(--color-main-active);
}
.title {
height: 2px;
margin-left: 17px;
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
......@@ -1429,7 +1429,7 @@ onMounted(async () => {
background: rgba(255, 247, 230, 1);
}
.name2 {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
border: 1px solid rgba(145, 202, 255, 1);
background: rgba(230, 244, 255, 1);
}
......
......@@ -685,7 +685,7 @@ onMounted(() => {
display: flex;
width: 240px;
.title {
color: rgba(10, 87, 166, 1);
color: var(--color-main-active);
height: 26px;
font-family: Microsoft YaHei;
font-size: 16px;
......
......@@ -414,6 +414,8 @@ import router from "@/router";
import DivideHeader from "@/components/DivideHeader.vue";
import setChart from "@/utils/setChart";
import { getThinkTankList, getThinkTankRiskSignal } from "@/api/thinkTank/overview";
import getMultiLineChart from "./utils/multiLineChart";
import getPieChart from "./utils/piechart";
import getRadarChart from "./utils/radarChart";
......@@ -513,96 +515,96 @@ const filters = reactive({
});
const cardList = ref([
{
id: 1,
logo: Logo1,
rank: 1,
name: "兰德科技智库",
country: "美国",
desc: "全球顶尖政策研究机构,专注于国家安全、科技政策、医疗卫生、能源政策、公共安全等领域的研究。 ",
tagList: [
{
name: "国家安全",
status: 2
},
{
name: "科技政策",
status: 4
}
]
},
{
id: 2,
logo: Logo2,
rank: 2,
name: "布鲁金斯学会",
country: "美国",
desc: "专注于全球经济与发展、外交政策、都市政策、治理研究等领域,是美国最具影响力的智库之一。",
tagList: [
{
name: "经济政策",
status: 3
},
{
name: "公共政策",
status: 1
}
]
},
{
id: 3,
logo: Logo3,
rank: 3,
name: "麦肯锡全球研究院",
country: "美国",
desc: "专注于国际安全、国防、区域研究、能源与气候变化等领域,以其强硬的安全政策立场著称。 ",
tagList: [
{
name: "国际安全",
status: 2
},
{
name: "国防政策",
status: 4
}
]
},
{
id: 4,
logo: Logo4,
rank: 4,
name: "麻省理工学院科技评论",
country: "美国",
desc: "全球顶尖政策研究机构,专注于国家安全、科技政策、医疗卫生、能源政策、公共安全等领域的研究。 ",
tagList: [
{
name: "公共政策",
status: 2
},
{
name: "国际关系",
status: 4
}
]
},
{
id: 5,
logo: Logo5,
rank: 5,
name: "信息技术与创新基金会",
country: "美国",
desc: "专注于国内外公共政策、国际关系等领域,是美国最具影响力的官方智库之一。 ",
tagList: [
{
name: "公共政策",
status: 2
},
{
name: "国家安全",
status: 4
}
]
}
// {
// id: 1,
// logo: Logo1,
// rank: 1,
// name: "兰德科技智库",
// country: "美国",
// desc: "全球顶尖政策研究机构,专注于国家安全、科技政策、医疗卫生、能源政策、公共安全等领域的研究。 ",
// tagList: [
// {
// name: "国家安全",
// status: 2
// },
// {
// name: "科技政策",
// status: 4
// }
// ]
// },
// {
// id: 2,
// logo: Logo2,
// rank: 2,
// name: "布鲁金斯学会",
// country: "美国",
// desc: "专注于全球经济与发展、外交政策、都市政策、治理研究等领域,是美国最具影响力的智库之一。",
// tagList: [
// {
// name: "经济政策",
// status: 3
// },
// {
// name: "公共政策",
// status: 1
// }
// ]
// },
// {
// id: 3,
// logo: Logo3,
// rank: 3,
// name: "麦肯锡全球研究院",
// country: "美国",
// desc: "专注于国际安全、国防、区域研究、能源与气候变化等领域,以其强硬的安全政策立场著称。 ",
// tagList: [
// {
// name: "国际安全",
// status: 2
// },
// {
// name: "国防政策",
// status: 4
// }
// ]
// },
// {
// id: 4,
// logo: Logo4,
// rank: 4,
// name: "麻省理工学院科技评论",
// country: "美国",
// desc: "全球顶尖政策研究机构,专注于国家安全、科技政策、医疗卫生、能源政策、公共安全等领域的研究。 ",
// tagList: [
// {
// name: "公共政策",
// status: 2
// },
// {
// name: "国际关系",
// status: 4
// }
// ]
// },
// {
// id: 5,
// logo: Logo5,
// rank: 5,
// name: "信息技术与创新基金会",
// country: "美国",
// desc: "专注于国内外公共政策、国际关系等领域,是美国最具影响力的官方智库之一。 ",
// tagList: [
// {
// name: "公共政策",
// status: 2
// },
// {
// name: "国家安全",
// status: 4
// }
// ]
// }
]);
// 返回首页
......@@ -992,7 +994,43 @@ const box8YearList = ref([
}
]);
// 获取智库列表
const handleGetThinkTankList = async () => {
try {
const res = await getThinkTankList();
console.log("智库列表", res);
if (res.code === 200 && res.data) {
cardList.value = res.data.map(item => {
return {
id: item.id,
logo: item.imageUrl,
name: item.name,
tagList: item.tags,
country: item.country,
desc: item.describe,
rank: item.id
};
});
}
} catch (error) {
console.error("获取智库列表error", error);
}
};
// 获取智库风险信号
const handleGetThinkTankRiskSignal = async () => {
try {
const res = await getThinkTankRiskSignal()
console.log('智库风险信号',res);
} catch (error) {
console.error("获取智库风险信号error", error);
}
}
onMounted(async () => {
handleGetThinkTankList();
handleGetThinkTankRiskSignal()
let box5Chart = getMultiLineChart(
chart1Data.value.title,
chart1Data.value.data[0].value,
......@@ -1266,6 +1304,11 @@ onMounted(async () => {
line-height: 22px;
letter-spacing: 0px;
text-align: justify;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.tag-box {
margin: 0 20px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论