提交 2a37f3e4 authored 作者: 冯小芳's avatar 冯小芳

深色版修改

上级 e1b38887
......@@ -42,6 +42,7 @@
:percentage="citys.municipalnum"
:width="iswidth"
:show-text="false"
:stroke-width="10"
></el-progress>
</div>
<div class="Progress">
......@@ -53,6 +54,7 @@
:percentage="citys.countynum"
color="#fac858"
:width="iswidth"
:stroke-width="10"
:show-text="false"
></el-progress>
</div>
......@@ -99,7 +101,7 @@ export default defineComponent({
},
data() {
return {
iswidth: 82,
iswidth: 100,
};
},
});
......@@ -116,7 +118,7 @@ export default defineComponent({
// font-size: 20px;
// }
.card-item {
background-color: #0d417140;
background-color: #197ded15;
border: 1px solid #125ba3;
border-radius: 5px;
padding: 15px 20px;
......@@ -139,7 +141,7 @@ export default defineComponent({
.xbox-content {
height: 150px;
box-sizing: border-box;
background-color: #0e4785;
background-color: #197ded15;
border-radius: 4px;
display: flex;
justify-content: space-around;
......@@ -152,22 +154,22 @@ export default defineComponent({
p {
color: #fff;
position: absolute;
top: 10px;
right: 20%;
top: 25px;
right: 16%;
font-size: 14px;
}
.percent {
color: #4198ff;
position: absolute;
top: 40px;
right: 18%;
top: 60px;
right: 14%;
font-size: 16px;
}
.yellow {
color: #fac858;
position: absolute;
top: 40px;
right: 18%;
top: 60px;
right: 14%;
font-size: 16px;
}
}
......
......@@ -89,6 +89,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
formatter: (params) => {
let html = ``;
......@@ -231,7 +234,7 @@ export default defineComponent({
line-height: 50px;
border-radius: 4px;
color: #fff;
background: #0e4785;
background: #197ded15;
display: flex;
justify-content: space-between;
padding: 0 10px 0 14px;
......
......@@ -69,6 +69,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
textStyle: {},
className: "target-bar-tooltip",
......@@ -111,7 +114,7 @@ export default defineComponent({
},
label: {
show: true,
color: "#00dbf6",
color: "#fff",
position: "top",
formatter: "{c} 分",
},
......
......@@ -90,6 +90,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
formatter: (params) => {
let html = ``;
......@@ -198,7 +201,7 @@ export default defineComponent({
flex: 1;
padding: 8px 15px;
margin-right: 15px;
background: #0e4785;
background: #197ded15;
border-radius: 5px;
font-size: 14px;
color: #fff;
......
......@@ -168,7 +168,7 @@ export default defineComponent({
{
name: "Access From",
type: "pie",
radius: ["48%", "80%"],
radius: ["40%", "80%"],
data: pieData,
},
......@@ -242,7 +242,7 @@ export default defineComponent({
flex: 1;
padding: 8px 15px;
margin-right: 15px;
background: #0e4785;
background: #197ded15;
border-radius: 5px;
font-size: 14px;
color: #fff;
......
......@@ -145,6 +145,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
formatter: (params) => {
let html = ``;
......@@ -234,7 +237,7 @@ export default defineComponent({
}
.card-item {
background-color: #0d417140;
background-color: #197ded15;
border: 1px solid #125ba3;
border-radius: 5px;
padding: 15px 20px;
......@@ -262,7 +265,7 @@ export default defineComponent({
flex: 1;
padding: 8px 15px;
margin-right: 15px;
background: #0d488d;
background: #197ded15;
border-radius: 5px;
font-size: 14px;
color: #fff;
......
......@@ -101,6 +101,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
formatter: (params) => {
let html = ``;
......@@ -237,7 +240,7 @@ export default defineComponent({
line-height: 50px;
border-radius: 4px;
color: #fff;
background: #0e4785;
background: #197ded15;
display: flex;
justify-content: space-between;
padding: 0 10px 0 10px;
......
......@@ -73,6 +73,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
textStyle: {},
className: "target-bar-tooltip",
......@@ -115,10 +118,11 @@ export default defineComponent({
},
label: {
show: true,
color: "#00dbf6",
color: "#fff",
position: "top",
formatter: "{c}分",
},
barWidth: 20,
data: this.seriesData,
},
......
......@@ -86,6 +86,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
formatter: (params) => {
let html = ``;
......
......@@ -102,7 +102,9 @@ export default defineComponent({
color: PieColor[`level_${index + 1}`],
},
tooltip: {
borderColor: "none",
// borderColor: "none",
// extraCssText: "z-index:99999;",
confine: true,
className: "business-pie-tooltip",
formatter: `<div class="business-pie-tooltip">
<span class='title'>${item.label}</span>:
......@@ -162,6 +164,10 @@ export default defineComponent({
});
</script>
<style>
/* .scientific-research-input .business-pie-tooltip {
z-index: 999;
} */
.scientific-research-input .business-pie-tooltip .title {
color: #333;
font-weight: bold;
......@@ -198,7 +204,7 @@ export default defineComponent({
padding: 10px 15px;
margin-right: 15px;
background: #0d488d;
background: #197ded15;
border-radius: 5px;
font-size: 14px;
color: #333;
......@@ -238,14 +244,12 @@ export default defineComponent({
color: #fff;
}
.pie-value {
margin-top: 5px;
margin-top: 8px;
padding-left: 20px;
font-size: 12px;
color: #999;
display: flex;
align-items: center;
color: #19ecff;
font-size: 20px;
font-size: 18px;
span {
font-size: 12px;
color: #fff;
......
......@@ -73,7 +73,7 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
.card-item {
background-color: #0d417140;
background-color: #197ded15;
border: 1px solid #125ba3;
border-radius: 5px;
padding: 16px;
......
......@@ -231,7 +231,7 @@ export default defineComponent({
line-height: 50px;
border-radius: 4px;
color: #fff;
background: #0d488d;
background: #197ded15;
display: flex;
justify-content: space-between;
padding: 0 10px 0 10px;
......
......@@ -75,6 +75,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
className: "facility-echart-tooltip",
formatter: (params) => {
......
......@@ -91,6 +91,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
formatter: (params) => {
let html = ``;
......@@ -225,7 +228,7 @@ export default defineComponent({
line-height: 50px;
border-radius: 4px;
color: #fff;
background: #0d488d;
background: #197ded15;
display: flex;
justify-content: space-between;
padding: 0 10px 0 10px;
......
......@@ -72,6 +72,9 @@ export default defineComponent({
trigger: "axis",
axisPointer: {
type: "shadow",
shadowStyle: {
color: "#1881e120",
},
},
textStyle: {},
className: "resource-share-target-tooltip",
......@@ -117,7 +120,7 @@ export default defineComponent({
barWidth: 20,
label: {
show: true,
color: "#00dbf6",
color: "#fff",
position: "top",
formatter: "{c}分",
},
......
......@@ -199,14 +199,15 @@ export default defineComponent({
background: #47d6ad;
}
.resource-share-tooltip .level_6::before {
background: #6fdef7;
background: #f78a77;
}
.resource-share-tooltip .level_7::before {
background: #f78a77;
background: #8a8aa8;
}
.resource-share-tooltip .level_8::before {
background: #8a8aa8;
background: #6fdef7;
}
.resource-share-tooltip .level_9::before {
background: #634cf0;
}
......@@ -243,7 +244,7 @@ export default defineComponent({
line-height: 50px;
border-radius: 4px;
color: #fff;
background: #0d488d;
background: #197ded15;
display: flex;
justify-content: space-between;
padding: 0 10px 0 10px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论