naive-ui/demo/documentation/components/modal/zhCN/dark4Debug.demo.md

28 lines
551 B
Markdown
Raw Normal View History

# Dark Debug 4
```html
<n-button @click="modalActive = !modalActive">Toggle</n-button>
<n-modal
title="Dark Modal Debug"
preset="card"
v-model="modalActive"
:overlay-style="{ marginTop: '24px', marginBottom: '24px', width: '800px' }"
>
<n-popover>
<template v-slot:activator>
<n-button style="margin:0;">
悬浮
</n-button>
</template>
<span>或许不想知道你的花园长得咋样</span>
</n-popover>
</n-modal>
```
```js
export default {
data() {
return {
modalActive: false
}
}
}
```