diff --git a/components/hover-nav/hover-nav.vue b/components/hover-nav/hover-nav.vue index 5198ede..bbe7f94 100644 --- a/components/hover-nav/hover-nav.vue +++ b/components/hover-nav/hover-nav.vue @@ -177,7 +177,7 @@ export default { .fixed-box { position: fixed; right: 0rpx; - bottom: 200rpx; + bottom: 240rpx; z-index: 10; // background: #fff; // box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3); @@ -199,15 +199,28 @@ export default { line-height: 1; margin: 14rpx 0; transition: 0.1s; - background: #fff; - border-radius: 50rpx; + background: #c6251b; + color: #fff; + border-radius: 60%; width: 80rpx; height: 80rpx; padding: 0; + overflow: hidden; text { + font-size: 28rpx; + } + .iconfont, + .icox { font-size: 36rpx; font-weight: bold; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + border-radius: 60%; + /* 确保图标本身也是圆形 */ } view {