95 lines
1.9 KiB
Plaintext
95 lines
1.9 KiB
Plaintext
<template>
|
||
<cl-page>
|
||
<view class="p-3">
|
||
<demo-item :label="t('自定义')">
|
||
<cl-button @tap="openPopup">{{ t("打开弹窗") }}</cl-button>
|
||
</demo-item>
|
||
|
||
<demo-item :label="t('隐藏取消按钮')">
|
||
<cl-button @tap="openPopup2">{{ t("打开弹窗") }}</cl-button>
|
||
</demo-item>
|
||
|
||
<demo-item :label="t('自定义文本')">
|
||
<cl-button @tap="openPopup3">{{ t("打开弹窗") }}</cl-button>
|
||
</demo-item>
|
||
|
||
<demo-item :label="t('关闭前钩子')">
|
||
<cl-button @tap="openPopup4">{{ t("打开弹窗") }}</cl-button>
|
||
</demo-item>
|
||
|
||
<demo-item :label="t('显示时长')">
|
||
<cl-button @tap="openPopup5">{{ t("打开弹窗") }}</cl-button>
|
||
</demo-item>
|
||
</view>
|
||
</cl-page>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { t } from "@/locale";
|
||
import DemoItem from "../components/item.uvue";
|
||
import { useUi } from "@/uni_modules/cool-ui";
|
||
|
||
const ui = useUi();
|
||
|
||
function openPopup() {
|
||
ui.showConfirm({
|
||
title: t("提示"),
|
||
message: t("确定要删除吗？"),
|
||
callback(action) {
|
||
if (action == "confirm") {
|
||
ui.showToast({
|
||
message: t("确定")
|
||
});
|
||
} else {
|
||
ui.showToast({
|
||
message: t("取消")
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
function openPopup2() {
|
||
ui.showConfirm({
|
||
title: t("提示"),
|
||
message: t("确定要删除吗？"),
|
||
showCancel: false
|
||
});
|
||
}
|
||
|
||
function openPopup3() {
|
||
ui.showConfirm({
|
||
title: t("提示"),
|
||
message: t("确定要删除吗？"),
|
||
cancelText: t("关闭"),
|
||
confirmText: t("下一步")
|
||
});
|
||
}
|
||
|
||
function openPopup4() {
|
||
ui.showConfirm({
|
||
title: t("提示"),
|
||
message: t("确定要删除吗？"),
|
||
beforeClose: (action, { close, showLoading, hideLoading }) => {
|
||
if (action == "confirm") {
|
||
showLoading();
|
||
|
||
setTimeout(() => {
|
||
close();
|
||
}, 1000);
|
||
} else {
|
||
close();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
function openPopup5() {
|
||
ui.showConfirm({
|
||
title: t("提示"),
|
||
message: t("确定要删除吗？3秒后自动关闭"),
|
||
duration: 3000
|
||
});
|
||
}
|
||
</script>
|