chore: 调整浮动按钮的背景色及字体颜色

This commit is contained in:
2025-12-27 13:57:35 +08:00
parent c67479e0e7
commit b96cb99b3b
2 changed files with 71 additions and 2 deletions

View File

@@ -1 +1,70 @@
.container-box{width:100%}.container-box .item-wrap{border-radius:10rpx}.container-box .item-wrap .image-box{border-radius:10rpx}.container-box .item-wrap image{width:100%;height:auto;border-radius:10rpx;will-change:transform}.fixed-box{position:fixed;right:0rpx;bottom:200rpx;z-index:10;border-radius:120rpx;padding:20rpx 0;display:flex;justify-content:center;flex-direction:column;width:100rpx;box-sizing:border-box;transition:.3s;overflow:hidden}.fixed-box .btn-item{display:flex;justify-content:center;text-align:center;flex-direction:column;line-height:1;margin:14rpx 0;transition:.1s;background:#ff0000;color:#fff;border-radius:50rpx;width:80rpx;height:80rpx;padding:0}.fixed-box .btn-item text{font-size:36rpx;font-weight:700}.fixed-box .btn-item view{font-size:26rpx;font-weight:700}.fixed-box .btn-item.show{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fixed-box .btn-item.icon-xiala{margin:0;margin-top:.1rpx}
.container-box {
width: 100%
}
.container-box .item-wrap {
border-radius: 10rpx
}
.container-box .item-wrap .image-box {
border-radius: 10rpx
}
.container-box .item-wrap image {
width: 100%;
height: auto;
border-radius: 10rpx;
will-change: transform
}
.fixed-box {
position: fixed;
right: 0rpx;
bottom: 200rpx;
z-index: 10;
border-radius: 120rpx;
padding: 20rpx 0;
display: flex;
justify-content: center;
flex-direction: column;
width: 100rpx;
box-sizing: border-box;
transition: .3s;
overflow: hidden
}
.fixed-box .btn-item {
display: flex;
justify-content: center;
text-align: center;
flex-direction: column;
line-height: 1;
margin: 14rpx 0;
transition: .1s;
background: #fffc;
color: #000;
border-radius: 50rpx;
width: 80rpx;
height: 80rpx;
padding: 0
}
.fixed-box .btn-item text {
font-size: 36rpx;
font-weight: 700
}
.fixed-box .btn-item view {
font-size: 26rpx;
font-weight: 700
}
.fixed-box .btn-item.show {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.fixed-box .btn-item.icon-xiala {
margin: 0;
margin-top: .1rpx
}