You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
820 B
Vue
26 lines
820 B
Vue
<script setup lang="ts">
|
|
import { ContentWrap } from '@/components/ContentWrap'
|
|
import { Dialog } from '@/components/Dialog'
|
|
import { ElButton } from 'element-plus'
|
|
import { useI18n } from '@/hooks/web/useI18n'
|
|
import { ref } from 'vue'
|
|
|
|
const { t } = useI18n()
|
|
|
|
const dialogVisible = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<ContentWrap :title="t('dialogDemo.dialog')" :message="t('dialogDemo.dialogDes')">
|
|
<ElButton type="primary" @click="dialogVisible = !dialogVisible">
|
|
{{ t('dialogDemo.open') }}
|
|
</ElButton>
|
|
<Dialog v-model="dialogVisible" :title="t('dialogDemo.dialog')">
|
|
<div v-for="v in 10000" :key="v">{{ v }}</div>
|
|
<template #footer>
|
|
<el-button @click="dialogVisible = false">{{ t('dialogDemo.close') }}</el-button>
|
|
</template>
|
|
</Dialog>
|
|
</ContentWrap>
|
|
</template>
|