mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-15 09:48:14 +08:00
🎨 t-confirm 替换完成
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-overlay v-model="visible">
|
<TOverlay v-model="visible" :to-click="onCancel">
|
||||||
<div class="confirm-div">
|
<div class="confirm-div">
|
||||||
<div class="confirm-box">
|
<div class="confirm-box">
|
||||||
<div class="confirm-title">
|
<div class="confirm-title">
|
||||||
@@ -27,14 +27,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</v-overlay>
|
</TOverlay>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
// vue
|
// vue
|
||||||
import { computed } from "vue";
|
import { computed } from "vue";
|
||||||
|
import TOverlay from "../main/t-overlay.vue";
|
||||||
|
|
||||||
interface TConfirmProps {
|
interface TOConfirmProps {
|
||||||
title: string;
|
title: string;
|
||||||
subtitle?: string;
|
subtitle?: string;
|
||||||
isInput?: boolean;
|
isInput?: boolean;
|
||||||
@@ -45,16 +46,15 @@ interface TConfirmProps {
|
|||||||
modelInput: string;
|
modelInput: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface TConfirmEmits {
|
interface TOConfirmEmits {
|
||||||
(e: "update:show", v: boolean): void;
|
|
||||||
(e: "update:modelValue", v: boolean): void;
|
(e: "update:modelValue", v: boolean): void;
|
||||||
(e: "update:modelInput", v: string): void;
|
(e: "update:modelInput", v: string): void;
|
||||||
(e: "confirm"): void;
|
(e: "confirm"): void;
|
||||||
(e: "cancel"): void;
|
(e: "cancel"): void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const emits = defineEmits<TConfirmEmits>();
|
const emits = defineEmits<TOConfirmEmits>();
|
||||||
const props = withDefaults(defineProps<TConfirmProps>(), {
|
const props = withDefaults(defineProps<TOConfirmProps>(), {
|
||||||
title: "确认",
|
title: "确认",
|
||||||
subtitle: "",
|
subtitle: "",
|
||||||
isInput: false,
|
isInput: false,
|
||||||
@@ -175,7 +175,7 @@
|
|||||||
// vue
|
// vue
|
||||||
import { computed, onMounted, ref } from "vue";
|
import { computed, onMounted, ref } from "vue";
|
||||||
import TLoading from "../components/main/t-loading.vue";
|
import TLoading from "../components/main/t-loading.vue";
|
||||||
import TConfirm from "../components/overlay/t-confirm.vue";
|
import TConfirm from "../components/overlay/to-confirm.vue";
|
||||||
// tauri
|
// tauri
|
||||||
import { app, fs, os } from "@tauri-apps/api";
|
import { app, fs, os } from "@tauri-apps/api";
|
||||||
// store
|
// store
|
||||||
|
|||||||
Reference in New Issue
Block a user