Browse Source

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

napier 3 years ago
parent
commit
c7735a7830
1 changed files with 6 additions and 2 deletions
  1. 6 2
      src/components/card.vue

+ 6 - 2
src/components/card.vue

@@ -214,7 +214,9 @@ export default {
   }
   }
 
 
   .el-card-div {
   .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;
     text-align: center;
 
 
     position: absolute;
     position: absolute;
@@ -229,7 +231,9 @@ export default {
   }
   }
   /*卡片设置*/
   /*卡片设置*/
   .el-card {
   .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;
     border: none;
     filter: drop-shadow(0px 16px 16px #475837);
     filter: drop-shadow(0px 16px 16px #475837);
     position: center;
     position: center;