feat(raised-tabbar): 样式调整
This commit is contained in:
parent
abc9fc5b98
commit
c30f3226a8
|
@ -184,20 +184,6 @@ export default {
|
|||
height: 60px;
|
||||
background: #ffffff;
|
||||
|
||||
// 使用伪元素创建拱形切口
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 80px;
|
||||
height: 40px;
|
||||
background: transparent;
|
||||
border-radius: 0 0 40px 40px;
|
||||
box-shadow: 0 20px 0 0 #ffffff;
|
||||
}
|
||||
|
||||
// 添加底部安全区域
|
||||
&::after {
|
||||
content: '';
|
||||
|
@ -270,11 +256,12 @@ export default {
|
|||
|
||||
.center-icon-wrapper {
|
||||
position: absolute;
|
||||
top: -60rpx;
|
||||
top: -58rpx;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
font-size: 0;
|
||||
padding: 4rpx;
|
||||
z-index: 10;
|
||||
|
||||
.center-icon {
|
||||
width: 92rpx;
|
||||
|
|
Loading…
Reference in New Issue