|
|
@@ -11,7 +11,7 @@
|
|
|
}
|
|
|
dialog::backdrop{
|
|
|
background-color: bisque;
|
|
|
- backdrop-filter: blur(3px);
|
|
|
+ backdrop-filter: blur(1px);
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
@@ -108,12 +108,14 @@
|
|
|
<router-link to="/about" @click="dialog.showModal()">关于</router-link>
|
|
|
</p>
|
|
|
|
|
|
- <router-view></router-view>
|
|
|
+ <!-- <router-view></router-view> -->
|
|
|
|
|
|
<button onclick="dialog.show()">弹窗show（）</button>
|
|
|
<button onclick="dialog.showModal()">弹窗showModal（）</button>
|
|
|
<dialog id="dialog">
|
|
|
<h2>这是弹窗内容</h2>
|
|
|
+ <router-view></router-view>
|
|
|
+
|
|
|
<button onclick="dialog.close()">关闭</button>
|
|
|
</dialog>
|
|
|
|
