|
|
@@ -54,6 +54,14 @@ export default {
|
|
|
height: 100%;
|
|
|
background: rgba(255, 251, 245, 0.95);
|
|
|
z-index: 10;
|
|
|
+ ::-webkit-scrollbar { width: 0.25rem; height: 0.25rem; } /*宽度是对垂直滚动条而言，高度是对水平滚动条而言*/
|
|
|
+ ::-webkit-scrollbar-thumb { background: #cea763; }
|
|
|
+ ::-webkit-scrollbar-button { display: none; }
|
|
|
+ ::-webkit-scrollbar-track { background: transparent; }
|
|
|
+ // 横竖滚动条轨道交汇处
|
|
|
+ ::-webkit-scrollbar-corner { background: transparent; }
|
|
|
+ // 有必要给resizer设置border_radius吗？
|
|
|
+ ::-webkit-scrollbar-resizer { background: transparent; }
|
|
|
.hotspot-detail-desc {
|
|
|
position: absolute;
|
|
|
left: 4.7rem;
|
|
|
@@ -64,6 +72,8 @@ export default {
|
|
|
border-top: solid 0.78rem #CEA763;
|
|
|
border-bottom: solid 0.78rem #CEA763;
|
|
|
padding: 2.92rem 3rem;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
.close-btn {
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
@@ -77,6 +87,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
> h1 {
|
|
|
+ flex: 0 0 auto;
|
|
|
margin-top: 2.29rem;
|
|
|
font-size: 2rem;
|
|
|
font-weight: bold;
|
|
|
@@ -85,9 +96,12 @@ export default {
|
|
|
margin-bottom: 2.13rem;
|
|
|
}
|
|
|
> .desc {
|
|
|
+ flex: 1 0 1px;
|
|
|
font-size: 1.67rem;
|
|
|
color: #FFFFFF;
|
|
|
line-height: 2.92rem;
|
|
|
+ overflow: auto;
|
|
|
+ padding-right: 0.5em;
|
|
|
}
|
|
|
}
|
|
|
}
|
任一存