lisenzhou 2 年前
父节点
当前提交
d6f5baebd3
共有 1 个文件被更改,包括 12 次插入0 次删除
  1. 12
    0
      src/components/PopUp.vue

+ 12
- 0
src/components/PopUp.vue 查看文件

6
         {{ info.content }}
6
         {{ info.content }}
7
       </div>
7
       </div>
8
     </div>
8
     </div>
9
+    <div class="colse" ><i class="iconfont icon-roundclose"></i></div>
9
   </div>
10
   </div>
10
 </template>
11
 </template>
11
 
12
 
60
   }
61
   }
61
   animation: fade-in; /*动画名称*/
62
   animation: fade-in; /*动画名称*/
62
   animation-duration: 0.7s; /*动画持续时间*/
63
   animation-duration: 0.7s; /*动画持续时间*/
64
+
65
+  .colse{
66
+   position: absolute;
67
+   bottom: 30px;
68
+    color: rgba(256, 256, 256, 0.8);
69
+    .icon-roundclose{
70
+      font-size: 48px;
71
+    }
72
+   
73
+    
74
+  }
63
 }
75
 }
64
 @keyframes fade-in {
76
 @keyframes fade-in {
65
   0% {
77
   0% {