modal.uvue

<template>
    <view>
        <page-head :title="title"></page-head>
        <view class="uni-padding-wrap uni-common-mt">
            <view class="uni-btn-v">
                <button class="uni-btn" type="default" @tap="modalTap">有标题的modal</button>
                <button class="uni-btn" type="default" @tap="noTitlemodalTap">无标题的modal</button>
            </view>
        </view>
    </view>
</template>
<script lang="ts">
    export default {
        data() {
            return {
                title: 'modal'
            }
        },
        methods: {
            modalTap: function () {
                uni.showModal({
                    title: "弹窗标题",
                    content: "弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内",
                    showCancel: false,
                    confirmText: "确定"
                })
            },
            noTitlemodalTap: function () {
                uni.showModal({
                    content: "弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内",
                    confirmText: "确定",
                    cancelText: "取消"
                })
            }
        }
    }
</script>