liqian
48e3d7f846
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
51 lines
1.2 KiB
CSS
51 lines
1.2 KiB
CSS
.bly {
|
||
margin: 0 0.34rem;
|
||
aspect-ratio: 682/338;
|
||
/* max-height: 6.97rem; */
|
||
padding-top: 1.5rem;
|
||
}
|
||
|
||
.bly .ba-slider .handle:after {
|
||
position: absolute;
|
||
top: 50%;
|
||
/* 1. 缩小宽高：从48px改为32px（可根据需求再调，比如28px/30px） */
|
||
width: 0.32rem;
|
||
height: 0.32rem;
|
||
/* 2. 同步调整margin：宽高的一半，保证居中（48px对应-24px，32px对应-16px） */
|
||
margin: -0.16rem 0 0 -0.16rem;
|
||
content: '';
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: #fff
|
||
url('https://dev.ow.f2b211.com/static/index/pc/images/ba-arrow.png')
|
||
/* 3. 缩小背景箭头：从22px改为16px（匹配整体尺寸） */ center center /
|
||
0.16rem 0.16rem no-repeat;
|
||
border: 1px solid #fff;
|
||
border-radius: 50%;
|
||
transition: all 0.3s ease;
|
||
transform: scale(1);
|
||
z-index: 5;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.bly .ba-slider .handle.ba-draggable:after {
|
||
transform: scale(0.8);
|
||
}
|
||
.bly-t {
|
||
font-size: 0.36rem;
|
||
color: #fff;
|
||
text-align: center;
|
||
width: 100%;
|
||
}
|
||
.bly-p {
|
||
font-size: 0.18rem;
|
||
color: #cbcfd8;
|
||
text-align: center;
|
||
width: 100%;
|
||
padding-top: 0.37rem;
|
||
padding-bottom: 0.56rem;
|
||
font-family: 'HarmonyOS-Light';
|
||
line-height: 1.5;
|
||
}
|