提交 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 {
......
......@@ -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)'
}
]);
},
......
......@@ -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 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论