feat(raised-tabbar): 样式调整
This commit is contained in:
parent
abc9fc5b98
commit
c30f3226a8
|
@ -184,20 +184,6 @@ export default {
|
||||||
height: 60px;
|
height: 60px;
|
||||||
background: #ffffff;
|
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 {
|
&::after {
|
||||||
content: '';
|
content: '';
|
||||||
|
@ -270,11 +256,12 @@ export default {
|
||||||
|
|
||||||
.center-icon-wrapper {
|
.center-icon-wrapper {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -60rpx;
|
top: -58rpx;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
padding: 4rpx;
|
padding: 4rpx;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
.center-icon {
|
.center-icon {
|
||||||
width: 92rpx;
|
width: 92rpx;
|
||||||
|
|
Loading…
Reference in New Issue