diff --git a/components/hover-nav/hover-nav.vue b/components/hover-nav/hover-nav.vue index aa45b34..f21f8a4 100644 --- a/components/hover-nav/hover-nav.vue +++ b/components/hover-nav/hover-nav.vue @@ -11,10 +11,6 @@ :style="{ backgroundImage: 'url(' + (kefuimg ? kefuimg : '') + ')', backgroundSize: '100% 100%' }"> - - - @@ -25,13 +21,7 @@ {{ unreadCount > 99 ? '99+' : unreadCount }} - + @@ -150,8 +140,6 @@ export default { right: 0rpx; bottom: 200rpx; z-index: 10; - // background: #fff; - // box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3); border-radius: 120rpx; padding: 20rpx 0; display: flex; @@ -166,7 +154,6 @@ export default { display: flex; justify-content: center; align-items: center; - /* 新增:让🤖表情垂直居中 */ text-align: center; flex-direction: column; line-height: 1; @@ -189,52 +176,40 @@ export default { font-weight: bold; } - &.show { - transform: rotate(180deg); + // 未读消息小红点 + .unread-badge { + position: absolute; + top: -5rpx; + right: -5rpx; + background-color: #ff4544; + color: white; + border-radius: 20rpx; + min-width: 30rpx; + height: 30rpx; + font-size: 10rpx; + line-height: 30rpx; + text-align: center; + padding: 0 8rpx; + z-index: 1; + box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3); + + .badge-text { + font-size: 8rpx; + // #ifdef MP-WEIXIN + font-size: 20rpx; + // #endif + } } - &.switch {} - - &.icon-xiala { - margin: 0; - margin-top: 0.1rpx; - - // 未读消息小红点 - .unread-badge { - position: absolute; - top: -5rpx; - right: -5rpx; - background-color: #ff4544; - color: white; - border-radius: 20rpx; - min-width: 30rpx; - height: 30rpx; - font-size: 10rpx; - line-height: 30rpx; - text-align: center; - padding: 0 8rpx; - z-index: 1; - box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3); - - .badge-text { - font-size: 8rpx; - // #ifdef MP-WEIXIN - font-size: 20rpx; - // #endif - } - } - - // AI图标样式优化(让🤖表情居中显示) - .ai-icon { - font-size: 40rpx; // 调整🤖表情大小 - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 100%; - } + // AI图标样式优化(让🤖表情居中显示) + .ai-icon { + font-size: 40rpx; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; } } - } \ No newline at end of file