fix(curtain): 修复细节问题

jd-opensource · Nov 6, 2018 · a9a2c7c · a9a2c7c
1 parent 7123ffb
commit a9a2c7c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/curtain/index.scss b/src/components/curtain/index.scss
@@ -1,7 +1,7 @@
 @import "../../style/theme/default.scss";
 @import "../../style/mixins/index.scss";
 
-$spacing-v: -50PX;
+$spacing-v: 50PX;
 
 .at-curtain {
   display: block;
@@ -22,28 +22,28 @@ $spacing-v: -50PX;
     align-items: center;
     box-sizing: border-box;
     margin: 0 auto;
-    padding: 150px 0;
+    padding: $spacing-v * 2 0;
     opacity: 1;
   }
 
   &__body {
     position: relative;
     overflow: visible;
     min-height: 70%;
-    max-height: 90%;
+    width: 100%;
   }
 
   &__close-box {
     display: flex;
     position: absolute;
     width: 100%;
-    bottom: $spacing-v;
+    bottom: -$spacing-v;
     justify-content: center;
     align-items: center;
     z-index: $zindex-toast + 1;
 
     &--top {
-      top: $spacing-v;
+      top: -$spacing-v;
       justify-content: flex-end;
       bottom: auto;
     }

diff --git a/src/pages/view/curtain/index.js b/src/pages/view/curtain/index.js
@@ -50,7 +50,7 @@ export default class TagPage extends Taro.Component {
             closeBtnPosition={closeBtnPosition}
             onClose={this.onClose.bind(this)}
           >
-            <Image src={curtainPng} width='100%' height='100%'></Image>
+            <Image src={curtainPng} width='200px' height='100%'></Image>
           </AtCurtain>
           {/* 右上关闭 */}
           <View className='panel'>