fix(curtain): 处理冒泡

jd-opensource · Dec 19, 2018 · 47f2ee6 · 47f2ee6
1 parent fd7fbb0
commit 47f2ee6
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/curtain/index.js b/src/components/curtain/index.js
@@ -30,10 +30,15 @@ export default class AtCurtain extends AtComponent {
     onClose: PropTypes.func
   }
 
-  onClose () {
+  onClose (e) {
+    e.stopPropagation()
     this.props.onClose(...arguments)
   }
 
+  _stopPropagation (e) {
+    e.stopPropagation()
+  }
+
   render () {
     const {
       className,
@@ -51,6 +56,7 @@ export default class AtCurtain extends AtComponent {
           }, className)
         }
         style={customStyle}
+        onClick={this._stopPropagation}
       >
         <View className='at-curtain__container'>
           <View className='at-curtain__body'>
@@ -62,12 +68,12 @@ export default class AtCurtain extends AtComponent {
                   'at-curtain__close-box--top': closeBtnPosition === 'top'
                 })
               }
-              onClick={this.onClose.bind(this)}
             >
               <AtIcon
                 customStyle={{ fontSize: '30px' }}
                 value='close-circle'
                 color='#fff'
+                onClick={this.onClose.bind(this)}
               />
             </View>
           </View>