fix(AtFab): 修复 AtFab 点击事件

psaren · May 30, 2020 · 3609d01 · 3609d01
1 parent 91bb7ca
commit 3609d01
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/fab/index.jsx b/src/components/fab/index.jsx
@@ -12,14 +12,14 @@ export default {
       type: [Object, String],
       default: '',
     },
-    handleClick: {
+    onClick: {
       type: Function,
       default: () => () => {},
     },
   },
   methods: {
     handleTab(event) {
-      this.handleClick && this.handleClick(event)
+      this.onClick && this.onClick(event)
     },
   },
   render() {
@@ -28,7 +28,7 @@ export default {
       [`at-fab--${size}`]: size,
     })
     return (
-      <view class={rootClass} onTab={this.handleTab}>
+      <view class={rootClass} onTap={this.handleTab}>
         {this.$slots.default}
       </view>
     )

diff --git a/src/pages/demo/index.vue b/src/pages/demo/index.vue
@@ -3,6 +3,9 @@
     <text />
     <view />
     <input type="text">
+    <AtFab :on-click="clickFab">
+      fab
+    </AtFab>
     <AtBadge dot>
       <AtButton loading>
         按钮文字
@@ -110,6 +113,9 @@ export default {
     },
     clickAccordion() {
       this.open = !this.open
+    },
+    clickFab(e) {
+      console.log('clickFab', e)
     }
   }
 }