浏览代码

修复了"card部署后的border异常"

napier 3 年之前
父节点
当前提交
c7735a7830
共有 1 个文件被更改,包括 6 次插入2 次删除
  1. 6 2
      src/components/card.vue

+ 6 - 2
src/components/card.vue

@@ -214,7 +214,9 @@ export default {
   }
 
   .el-card-div {
-    border-radius: 24px;
+    -moz-border-radius: 24px !important; /* Firefox */
+    -webkit-border-radius: 24px !important; /* Safari 和 Chrome */
+    border-radius: 24px !important; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
     text-align: center;
 
     position: absolute;
@@ -229,7 +231,9 @@ export default {
   }
   /*卡片设置*/
   .el-card {
-    border-radius: 24px;
+    -moz-border-radius: 24px !important; /* Firefox */
+    -webkit-border-radius: 24px !important; /* Safari 和 Chrome */
+    border-radius: 24px !important; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
     border: none;
     filter: drop-shadow(0px 16px 16px #475837);
     position: center;