Initial commit

wechat-mini-program/pages/index/index.wxss

@@ -54,10 +54,9 @@
 .bell-btn {
   background-color: rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(4px);
-  padding: 16rpx;
+  padding: 0;
   border-radius: 50%;
   color: var(--text-white);
-  font-size: 32rpx;
   width: 72rpx;
   height: 72rpx;
   display: flex;
@@ -65,6 +64,25 @@
   justify-content: center;
   box-sizing: border-box;
   border: 1rpx solid rgba(255, 255, 255, 0.3);
+  position: relative;
+}
+
+.notification-icon {
+  width: 40rpx;
+  height: 40rpx;
+}
+
+.badge {
+  position: absolute;
+  top: -6rpx;
+  right: -6rpx;
+  background-color: #ff4d4f;
+  color: white;
+  font-size: 20rpx;
+  padding: 4rpx 10rpx;
+  border-radius: 20rpx;
+  line-height: 1;
+  border: 2rpx solid #fff;
 }
 
 .search-bar {