更新记录

1.0.4（2021-12-11）

添加app操作物理返回键时关闭弹框配置

1.0.3（2021-07-26）

更新高亮兼容、添加模态框内容大小控制

1.0.2（2021-07-26）

点击取消、确定按钮添加高亮

平台兼容性

fy-showModal 显示模态弹窗，可以只有一个确定按钮，也可以同时有确定和取消按钮

替换app android端的uni.showModal模态框，其他端包括app ios端都是使用原生uni.showModal api，使模态框在各端按钮、样式相对统一。
参考g-show-modal，在其基础上将样式和小程序对齐，并修改了路由跳转跳转后模态框不能点击关闭的问题。
下面按钮提现不全，请下载代码查看每步的详细操作，涉及文件：app.vue、main.js、mixins/index.js、js_sdk/fy-showModal

注意

1. this.$showModal 全局调用显示的模态框，在各端调用的api不一样，在app-android端调用的是fy-showModal，在小程序和app-ios端则是使用了uni.showModal，使用this.$showModal不需要开发者再去做兼容处理。
2. 具体代码可以查看 项目更目录->js_sdk->fy_showModal->index.js文件
3. this.$showModal成功失败的回调使用的是Promise的then、catch

调用示例

<!-- index.vue -->
<button class="button" @click="handlerClick">显示模态框</button>

// index.vue
export default {
    methods: {
        handlerClick() {
            this.$showModal();
        }
    }
}

// mixins/index.js
import Vue from 'vue'
import Fy from '@/js_sdk/fy-showModal/index.js'

export default {
    methods: {
        $showModal(e = {}) {
            return Fy.showModal(e)
        },
    }
}

nvue中使用时得注意mixins需要手动加载

// index.nvue
<script>
import indexMixins from '@/mixins/index.js'
export default {
    mixins: [indexMixins],
    methods: {
        handlerClick() {
            this.$showModal();
        }
    }
}
</script>

属性说明

最后提示：也可将mixins中的$showModal放在store中调用，这可避免在nvue中文件多引用一次mixins。