H5适配

2026-09-04 14:10:33 +08:00
parent 1701169c9d
commit e2926b0c70
13 changed files with 17 additions and 14 deletions
@@ -0,0 +1,41 @@
+.custom-tab-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  height: 110rpx;
+  padding-bottom: env(safe-area-inset-bottom);
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border-top: 1rpx solid rgba(0, 0, 0, 0.06);
+  z-index: 999;
+  box-sizing: content-box;
+
+  .tab-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: #969799;
+  }
+
+  .tab-icon{
+    width: 36px;
+    height: 36px;
+    margin-bottom: 10px;
+  }
+
+  .tab-label {
+    font-size: 24rpx;
+  }
+}
+
+.custom-tab-content {
+  height: 110rpx;
+  padding-bottom: env(safe-area-inset-bottom);
+}