uni-popup 弹出框

:maskClick="false"  是点击空白遮罩处不关闭弹窗

<uni-popup ref="popup" type="center" :maskClick="false">
        <div style="width: 80vw;padding: 0.5em;box-sizing: border-box; background-color: #fff; border-radius: 0.5em;">
            <div style="border-bottom: 1px solid #ccc;text-align: right;padding: 0.3em;">
                <div @click="colsePopup">关闭</div>
            </div>
            <div style="font-size: 0.9em;color: #848484;margin-top: 0.5em;padding: 0.5em;">
                <div style="text-align: center;">[用户服务协议]与[个人信息保护政策]</div>
                为有效保障您使用本服务的合法权益，您理解并同意接受以下规则:</br>
                1.您通过包括但不限于以下方式向服贸会数字平台发出的指令，均视为您本人的指令，不可撤回或撤销，您应自行对服贸会数字平台执行前述指令所产生的任何结果承担责任</br>
                2.通过您的服贸会数字平台账户和密码进行的所有操作:</br>
                通过与您的账号绑走的手机号码向服贸会数字平台发送的全部信息</br>
                3.通过与您的账号绑定的其他硬件、终端、软件、代号、编码、代码、其他账户名等有形体或无形体向服贸会数字平台发送的信息:</br>
                4.其他服贸会数字平台与您约走或服贸会数字平台认可的其他方式。</br>
            </div>
        </div>

    </uni-popup>

const popup = ref(null);

    const openPopup = () => {
        // 打开弹出层
        popup.value?.open();
        datetimePickerShow.value = false;
    }
    const colsePopup = () => {
        // 打开弹出层
        popup.value?.close()
        datetimePickerShow.value = true;
    }