From 2c5d8326b43de76d260ec376eb758eda5a2d640e Mon Sep 17 00:00:00 2001
From: yuzhanglong <yuzl1123@163.com>
Date: Thu, 16 Sep 2021 11:59:04 +0800
Subject: [PATCH] fix: fix button width limitation

---
 assets/index.css              |  4 ++--
 assets/index.scss             |  4 ++--
 src/onboarding/onboarding.tsx | 14 ++++++++------
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/assets/index.css b/assets/index.css
index 0e528ee..a3ab946 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -25,10 +25,10 @@
 }
 .onboarding-default-operation .back {
   margin-right: 12px;
-  width: 80px;
+  min-width: 80px;
 }
 .onboarding-default-operation .forward {
-  width: 80px;
+  min-width: 80px;
 }
 
 /*# sourceMappingURL=index.css.map */
diff --git a/assets/index.scss b/assets/index.scss
index acc6f70..0ba94e2 100644
--- 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
index f8c3cee..ebe69ea 100644
--- 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>
     );