更新记录

1.0.2（2024-02-05）

更换资源，修复问题

1.0.1（2024-02-05）

修复问题

1.0.0（2024-02-05）

swvenq-modal组件初版，支持多端运行，支持自定义UI按钮颜色以及渐变背景图片。（可弹出提示、输入文本内容、单选等功能）

平台兼容性

sevenq-modal

使用说明

目前组件初版支持确认弹框，可配置输入框、选择按钮，可自定义渐变背景以及按钮颜色(组件根据文本按钮颜色传参自动计算出背景渐变颜色），方便使用。后续迭代版本将持续迭代更新。

特别声明： 本组件是为了兼容多端运行，以及自定义背景以及组件ui样式，基于jt-my-modal组件之上全面修改的组件。

如需仅支持APP端退出应用时弹窗，看参考jt-my-modal组件，可满足仅APP端效果哈。

组件传参信息

个别参数解释说明

https://yjfk.hgjt.cn:9901/file/a7605eafa8ab4a4c84c8747e30fe8c7b.png

注意： 本组件完全遵守按需导入规则哈，不需要页面单独引入，下载到项目中直接可以使用

页面中使用

<template>
    <view>
        <view @tap="openModal">打开弹框</view>
        <sevenq-modal :is-show-modal="isShow" markOpacity="0.2" type="tips" content="确定退出登录？" confirmText="确定" cancelText="取消" 
            :isConfirmCallback="true" confirmEmitName="submit" :isCancelCallback="true" cancelEmitName="cancel" :custom-style="customStyleModal"
            @submit="submitBtn"  @cancel="cancelBtn"></sevenq-modal>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                isShow: false,
                customStyleModal:{
                    isGradientsBg: false,//是否渐变背景颜色  true为自定义背景颜色 false图片背景
                    gradientBgPic: '/uni_modules/sevenq-modal/static/toast-bg.png',
                    textColor: '#F74545', //字体整体风格颜色
                    btnOpacticy:'0.1'
                }
            };
        },
        methods: {
            openModal() {
                this.isShow = true
            },
            submitBtn(e) {
                this.isShow = e.isShow
            },
            cancelBtn(e) {
                this.isShow = e.isShow
            }
        }
    }
</script>