css-布局-对话框

//待补充

    <div id="dialog" v-if="isDiag">

    </div>

#dialog{
  width: 100px;
  height: 100px;
    position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  background-color: red;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
box-shadow
0：表示阴影的水平偏移量为 0，即阴影不水平偏移。默认向右
2px：表示阴影的垂直偏移量为 2 像素，即阴影向下偏移 2px。
4px：表示阴影的模糊半径为 4 像素，即阴影的边缘会有一个 4px 的模糊效果。
rgba(0, 0, 0, 0.2)：表示阴影的颜色为黑色（RGB 值为 0, 0, 0），透明度为 0.2，即阴影是一个半透明的黑色。