111

src/sheep/components/base/base-just-flot-nav/base-just-flot-nav.vue

@@ -40,9 +40,11 @@ function getNavTop() {
 </script>
 
 <template>
-    <view class="navbar" :style="{ top: getNavTop() }" v-if="showLeft && !isTabbar" @tap="doBackClick">
-        <text class="sicon-back icon" v-if="isHistiry" />
-        <text class="sicon-home icon" v-else />
+    <view class="navbar" :style="{ top: getNavTop() }">
+        <view class="navbar_center" v-if="showLeft && !isTabbar" @tap="doBackClick">
+            <text class="sicon-back icon" v-if="isHistiry" />
+            <text class="sicon-home icon" v-else />
+        </view>
     </view>
 </template>
 
@@ -50,19 +52,26 @@ function getNavTop() {
 .navbar {
     position: absolute;
     left: 20rpx;
-    background: #fff;
-    box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08), 0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
-    border-radius: 28rpx;
-    width: 56rpx;
-    height: 56rpx;
+    height: 44px;
     display: flex;
     justify-content: center;
     align-items: center;
-    z-index: 100;
-}
 
-.icon {
-    font-size: 32rpx;
-    color: #333;
+    &_center {
+        background: #fff;
+        box-shadow: 0px 0px 4rpx rgba(51, 51, 51, 0.08), 0px 4rpx 6rpx 2rpx rgba(102, 102, 102, 0.12);
+        border-radius: 28rpx;
+        width: 56rpx;
+        height: 56rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        z-index: 100;
+
+        &>.icon {
+            font-size: 32rpx;
+            color: #333;
+        }
+    }
 }
 </style>

src/sheep/components/crud/crud-layout/crud-layout.vue

@@ -70,7 +70,7 @@ function initBackStyle() {
     case "default":
       break;
     case "just-flot-back":
-      state.visble.topSafe = false
+      state.visble.topSafe = true
       state.visble.topNav = false
       break;
     default:
@@ -135,7 +135,7 @@ page {
   }
 
   &_header {
-    z-index: 1;
+    z-index: 100;
   }
 
   &_main {