党建大屏

This commit is contained in:
yanran200730
2022-05-13 14:55:07 +08:00
parent 37e16f5795
commit 1f7e2b4d84
5 changed files with 18 additions and 25 deletions

View File

@@ -210,6 +210,7 @@
headerHeight: 42, headerHeight: 42,
rowNum: rowNum || 7, rowNum: rowNum || 7,
index: isShowIndex === '1', index: isShowIndex === '1',
waitTime: 8000,
carousel: 'page', carousel: 'page',
indexHeader: '排名', indexHeader: '排名',
align: ['center', 'center', 'center', 'center', 'center'] align: ['center', 'center', 'center', 'center', 'center']
@@ -244,8 +245,12 @@
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
& > div:nth-of-type(2n - 1) {
background-color: transparent!important;
}
& > div:nth-of-type(2n) { & > div:nth-of-type(2n) {
background: rgba(0, 0, 0, 0.1)!important; background-color: rgba(0, 0, 0, 0.1)!important;
} }
.index { .index {

View File

@@ -1,7 +1,7 @@
export default { export default {
legend: { legend: {
right: 0, right: 20,
top: '30%', top: 'middle',
orient: 'vertical', orient: 'vertical',
textStyle: {color: "#fff", fontSize: 14} textStyle: {color: "#fff", fontSize: 14}
}, },
@@ -14,9 +14,6 @@ export default {
xAxis: {show: false}, xAxis: {show: false},
yAxis: {show: false}, yAxis: {show: false},
tooltip: { tooltip: {
backgroundColor: "rgba(14, 51, 111, 0.9)",
borderColor: "#1A6ABC",
textStyle: {color: "#fff"}
}, },
series: { series: {
type: "pie", type: "pie",

View File

@@ -1,19 +1,19 @@
export default { export default {
legend: { legend: {
right: 0, right: 20,
top: '30%', top: 'middle',
orient: 'vertical', orient: 'vertical',
textStyle: {color: "#fff", fontSize: 14} textStyle: {color: "#fff", fontSize: 14}
}, },
grid: { grid: {
height: 260 top: '0%',
left: '0%',
right: '0px',
bottom: '0%'
}, },
xAxis: {show: false}, xAxis: {show: false},
yAxis: {show: false}, yAxis: {show: false},
tooltip: { tooltip: {
backgroundColor: "rgba(14, 51, 111, 0.9)",
borderColor: "#1A6ABC",
textStyle: {color: "#fff"}
}, },
series: { series: {
type: "pie", type: "pie",
@@ -26,16 +26,7 @@ export default {
label: { label: {
show: false show: false
}, },
labelLine: {}, labelLine: {}
labelLayout: function (params) {
let points = params.labelLinePoints,
isLeft = points[2][0] < points[1][0]
points[2][0] =
points[2][0] + (params.labelRect.width + 4) * (isLeft ? -1 : 1)
return {
labelLinePoints: points
}
}
}, },
render: (h, params) => { render: (h, params) => {
const formatNum = num => { const formatNum = num => {
@@ -62,7 +53,7 @@ export default {
color: "#8BCCFF", color: "#8BCCFF",
left: "50%", left: "50%",
top: "50%", top: "50%",
zIndex: '0', zIndex: '-1',
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",

View File

@@ -76,7 +76,6 @@
.middle { .middle {
flex: 1; flex: 1;
// padding: 0 8px;
text-align: center; text-align: center;
h2 { h2 {
@@ -93,6 +92,7 @@
p { p {
margin: 8px 0 4px; margin: 8px 0 4px;
font-size: 32px; font-size: 32px;
text-align: center;
font-weight: bold; font-weight: bold;
color: #CEE1FF; color: #CEE1FF;
line-height: 35px; line-height: 35px;