fix(LoadMore): 修复按钮宽度问题

jd-opensource · Apr 9, 2019 · 710fda5 · 710fda5
1 parent cae0285
commit 710fda5
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/src/components/load-more/index.js b/src/components/load-more/index.js
@@ -28,13 +28,17 @@ export default class AtLoadMore extends AtComponent {
     if (status === 'loading') {
       component = <AtActivityIndicator mode='center' content={loadingText} />
     } else if (status === 'more') {
-      component = <AtButton
-        full
-        onClick={this.onClick.bind(this)}
-        customStyle={moreBtnStyle}
-      >
-        {moreText}
-      </AtButton>
+      component = (
+        <View className='at-load-more__cnt'>
+          <AtButton
+            full
+            onClick={this.onClick.bind(this)}
+            customStyle={moreBtnStyle}
+          >
+            {moreText}
+          </AtButton>
+        </View>
+      )
     } else {
       component = <Text
         className='at-load-more__tip'

diff --git a/src/style/components/button.scss b/src/style/components/button.scss
@@ -96,7 +96,7 @@
   }
 
   &--full {
-    width: 1000px;
+    width: 100%;
     max-width: 100%;
     border-radius: 0;
     border-left: none;

diff --git a/src/style/components/load-more.scss b/src/style/components/load-more.scss
@@ -12,6 +12,10 @@
   overflow: hidden;
   box-sizing: border-box;
 
+  &__cnt {
+    flex: 1;
+  }
+
   &__tip {
     text-align: center;
     width: 100%;