Your Name 3 years ago
parent
commit
e630881ecf
2 changed files with 13 additions and 11 deletions
  1. 3
    3
      src/components/CustomNav/index.jsx
  2. 10
    8
      src/components/CustomNav/style.less

+ 3
- 3
src/components/CustomNav/index.jsx View File

13
   // 整体顶部导航
13
   // 整体顶部导航
14
   const navStyle = useMemo(() => {
14
   const navStyle = useMemo(() => {
15
     return {
15
     return {
16
-      height: `${menuBound.bottom}px`,
16
+      height: `${menuBound.bottom + 8}px`,
17
       backgroundImage: bgImg ? `url(${bgImg})` : 'none',
17
       backgroundImage: bgImg ? `url(${bgImg})` : 'none',
18
     }
18
     }
19
   }, [menuBound.bottom, bgImg])
19
   }, [menuBound.bottom, bgImg])
70
           }
70
           }
71
           {
71
           {
72
             !home && (
72
             !home && (
73
-              <view>
73
+              <view className='custom-nav-bar-action-btns'>
74
                 <view className='custom-nav-bar-action-part' onClick={handleAction}>
74
                 <view className='custom-nav-bar-action-part' onClick={handleAction}>
75
-                  {/* <image src={bgImg ? gobackWhite : gobackBlack} className='custom-nav-bar-action-goback' mode='aspectFit' /> */}
75
+                  <image src={bgImg ? gobackWhite : gobackBlack} className='custom-nav-bar-action-goback' mode='aspectFit' />
76
                 </view>
76
                 </view>
77
                 <view className='custom-nav-bar-action-part'>
77
                 <view className='custom-nav-bar-action-part'>
78
                 </view>                
78
                 </view>                

+ 10
- 8
src/components/CustomNav/style.less View File

17
         border: 0;
17
         border: 0;
18
       }
18
       }
19
 
19
 
20
-      &-part {
21
-        width: 50%;
22
-        display: inline-block;
23
-        text-align: center;
20
+      &-btns {
21
+        width: 100%;
24
         height: 100%;
22
         height: 100%;
23
+        display: flex;
24
+
25
+        & > view {
26
+          flex: auto;
27
+          width: 50%;
28
+          text-align: center;
25
 
29
 
26
-        image {
27
-          &:first-child {
28
-            width: 16px;
29
-            height: 28px;
30
+          image {
31
+            height: 30px;
30
           }
32
           }
31
         }
33
         }
32
       }
34
       }