初始化移动端提交

sheep/scss/tabbar-fix.scss

@@ -0,0 +1,58 @@
+/* 
+ * 底部导航修复样式
+ * 修复安全区域和层级问题
+ */
+
+/* 确保页面内容不被底部导航遮挡 */
+.page-body {
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+/* 修复底部导航在不同设备上的显示问题 */
+.u-tabbar--fixed {
+  position: fixed !important;
+  bottom: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  z-index: 1000 !important;
+  background: #fff;
+}
+
+/* 确保底部导航的安全区域填充 */
+.u-tabbar__content {
+  background: #fff;
+  box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.08);
+  border-top: 1rpx solid #f0f0f0;
+}
+
+/* 修复中心凸起按钮的层级问题 */
+.tabbar-center-item {
+  z-index: 10 !important;
+}
+
+/* 修复占位元素高度 */
+.u-tabbar__placeholder {
+  min-height: 50px;
+}
+
+/* 修复图标和文字样式 */
+.u-tabbar-item__text {
+  font-size: 12px !important;
+  line-height: 1.2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+
+.u-tabbar-item__icon {
+  margin-bottom: 4px;
+}
+
+/* 适配 iPhone 底部安全区域 */
+@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
+  .u-tabbar--fixed {
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+}