This commit is contained in:
zk
2023-12-15 18:33:04 +08:00
parent d614f10bb5
commit 2cc8886c2d
31 changed files with 820 additions and 582 deletions
@@ -134,7 +134,8 @@ export function ringOption(chartData, total) {
series: [
{
type: 'pie',
radius: ['50%', '80%'],
radius: ['50%', '74%'],
center: ['50%', '47%'],
avoidLabelOverlap: false,
label: {
show: true,
+23 -5
View File
@@ -2,10 +2,10 @@
<div>
<public-title title="基层医疗点远程会诊" />
<div class="inner">
<div class="inner-item"></div>
<div class="inner-item"></div>
<div class="inner-item"></div>
<div class="inner-item"></div>
<div class="inner-item" data-text="应急就医-服务中心"></div>
<div class="inner-item" data-text="采油九厂-薛岔作业区"></div>
<div class="inner-item" data-text="第九采油厂-五谷城作业区"></div>
<div class="inner-item" data-text="采油十一厂-彭阳作业区"></div>
</div>
</div>
</template>
@@ -21,25 +21,43 @@
justify-content: space-around;
align-content: space-around;
padding-top: 2%;
.inner-item {
width: 48%;
height: 46%;
position: relative;
}
.inner-item:nth-child(1) {
background: url('../../assets/images/doctors1.png') no-repeat;
background-size: 100% 100%;
}
.inner-item:after {
position: absolute;
content: attr(data-text);
color: #fff;
bottom: 0px;
left: 0px;
width: 100%;
text-align: left;
padding-left: 10px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
}
.inner-item:nth-child(2) {
background: url('../../assets/images/doctors2.png') no-repeat;
background-size: 100% 100%;
}
.inner-item:nth-child(3) {
background: url('../../assets/images/doctors3.png') no-repeat;
background-size: 100% 100%;
}
.inner-item:nth-child(4) {
background: url('../../assets/images/doctors4.png') no-repeat;
background-size: 100% 100%;
}
}
</style>
</style>