|
@@ -4,6 +4,16 @@
|
|
|
<meta charset="UTF-8">
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>index</title>
|
|
<title>index</title>
|
|
|
|
|
+ <style>
|
|
|
|
|
+ dialog{
|
|
|
|
|
+ border-radius: 15px;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ dialog::backdrop{
|
|
|
|
|
+ background-color: bisque;
|
|
|
|
|
+ backdrop-filter: blur(3px);
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
|
<!-- <h3>this is node -> Vue test</h3> -->
|
|
<!-- <h3>this is node -> Vue test</h3> -->
|
|
@@ -100,6 +110,8 @@
|
|
|
|
|
|
|
|
<router-view></router-view>
|
|
<router-view></router-view>
|
|
|
|
|
|
|
|
|
|
+ <button onclick="dialog.show()">弹窗show（）</button>
|
|
|
|
|
+ <button onclick="dialog.showModal()">弹窗showModal（）</button>
|
|
|
<dialog id="dialog">
|
|
<dialog id="dialog">
|
|
|
<h2>这是弹窗内容</h2>
|
|
<h2>这是弹窗内容</h2>
|
|
|
<button onclick="dialog.close()">关闭</button>
|
|
<button onclick="dialog.close()">关闭</button>
|
