fix: fix button width limitation

yuzhanglong · Sep 16, 2021 · 2c5d832 · 2c5d832
1 parent 384050b
commit 2c5d832
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/assets/index.css b/assets/index.css
diff --git a/assets/index.scss b/assets/index.scss
@@ -25,10 +25,10 @@
 
   .back {
     margin-right: 12px;
-    width: 80px;
+    min-width: 80px;
   }
 
   .forward {
-    width: 80px;
+    min-width: 80px;
   }
 }
diff --git a/src/onboarding/onboarding.tsx b/src/onboarding/onboarding.tsx
@@ -123,16 +123,18 @@ export const OnBoarding: React.FC<OnBoardingProps> = (props) => {
 
     const defaultOperation = (
       <div className={'onboarding-default-operation'}>
-        <Button
-          className={'back'}
-          onClick={() => back()}>
-          上一步
-        </Button>
+        {
+          currentStep !== 0 && <Button
+            className={'back'}
+            onClick={() => back()}>
+            上一步
+          </Button>
+        }
         <Button
           className={'forward'}
           type={'primary'}
           onClick={() => forward()}>
-          下一步
+          {currentStep === steps.length - 1 ? '我知道了' : '下一步'}
         </Button>
       </div>
     );