fix(modal): modal action buttons should not have top margin, #76

Author: b2nil

src/components/modal/index.ts

@@ -45,6 +45,15 @@ const AtModal = defineComponent({
       'at-modal--active': state._isOpened
     }))
 
+    // to make sure button+button 
+    // not having any top margin in h5
+    // may remove this if button+button margin fixed by Taro
+    const h5ButtonStyle = computed(() => {
+      return state.isWEB
+        ? 'margin-top: 0;'
+        : null
+    })
+
     watch(() => props.isOpened, (val, oldVal) => {
       if (val !== oldVal) {
         handleTouchScroll(val)
@@ -141,6 +150,7 @@ const AtModal = defineComponent({
                         ),
                         props.confirmText && (
                           h(Button, {
+                            style: h5ButtonStyle.value,
                             onTap: handleConfirm
                           }, { default: () => props.confirmText })
                         )

src/pages/action/modal/index.vue

@@ -50,7 +50,10 @@
         </at-modal-content>
         <at-modal-action>
           <button @tap="closeModal(1, '点击了取消')">取消</button>
-          <button @tap="closeModal(1, '点击了确定')">确定</button>
+          <button
+            style="margin-top: 0;"
+            @tap="closeModal(1, '点击了确定')"
+          >确定</button>
         </at-modal-action>
       </at-modal>