naive-ui/demo/documentation/components/modal/zhCN/dark4Debug.demo.md
07akioni 487001d697 build: add changelog to site, refactor loader based on suffix
.demo.md for component demo
.demo-entry.md for demo entry
.md for common docs
2020-08-19 23:30:04 +08:00

551 B

Dark Debug 4

<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>
export default {
  data() {
    return {
      modalActive: false
    }
  }
}