xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

This commit is contained in:
姚宇浩 2024-04-17 15:45:52 +08:00
parent c5296e984c
commit f264cff9a5
2 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/hygiene/jd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

32
src/view/hygiene.vue
View File

@ -45,7 +45,7 @@
<div class="yd_title center_1"></div> <div class="yd_title center_1"></div>
<div class="minTopPart"> <div class="minTopPart">
<div class="mtpImg1"></div> <div class="mtpImg1"></div>
<div class="mtpImg2"></div> <div class="mtpImg2">建档份数</div>
<div class="mtpText2">33.67万</div> <div class="mtpText2">33.67万</div>
</div> </div>
<div class="minTopPart2"> <div class="minTopPart2">
@ -83,7 +83,7 @@
<div class="yd_title service"></div> <div class="yd_title service"></div>
<eP7></eP7> <eP7></eP7>
</div> </div>
<div > <div class="flex1" style="height:100vh;">
<div class="yd_title last"></div> <div class="yd_title last"></div>
<div class="table"> <div class="table">
<div class="item" >3月2日健康日，在龙中公园进行健康活动宣</div> <div class="item" >3月2日健康日，在龙中公园进行健康活动宣</div>
@ -581,13 +581,17 @@ const change = (name, index) => {
} }
.mtpImg2 { .mtpImg2 {
width: 140px; width: 140px;
height: 24px; height: 50px;
background-image: url(@/assets/minTop2.png); background-image: url(@/assets/images/hygiene/jd.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
top: 59px; top: 59px;
right: 50px; right: 50px;
text-align: center;
color: #ffffff;
letter-spacing: 5px;
font-size: 20px;
} }
.mtpText2 { .mtpText2 {
width: 140px; width: 140px;
@ -654,7 +658,7 @@ const change = (name, index) => {
height: 200px; height: 200px;
height: calc(100% - 75px); height: calc(100% - 75px);
// background: red; // background: red;
overflow-y: auto; overflow-y: scroll;
.item { .item {
margin-top: 10px; margin-top: 10px;
padding: 16px 20px; padding: 16px 20px;
@ -664,4 +668,22 @@ const change = (name, index) => {
color: #ffffff; color: #ffffff;
} }
} }
/* 滚动条整体部分 */
.table::-webkit-scrollbar {
width: 8px;
height: 10px;
}
/* 滚动槽 */
.table::-webkit-scrollbar-track {
border-radius: 1px;
background: rgba(41, 157, 255, 0.56);
-webkit-box-shadow: inset 0 0 6px rgba(139, 139, 139, 0.3);
}
/* 滚动条滑块样式 */
.table::-webkit-scrollbar-thumb {
background-clip: content-box;
border-radius: 6px;
background: rgba(41, 157, 255, 1);
-webkit-box-shadow: inset 0 0 6px rgba(20, 20, 20, 0.3);
}
</style> </style>