全局ui修改

.gitignore

@@ -24,3 +24,4 @@ yarn-error.log*
 *.sw*
 *.lock
 /package-lock.json
+/vue.config.js

src/router/page/index.js

@@ -70,6 +70,11 @@ export default [
     ],
   },
   {
+    path: '/test',
+    name: '测试',
+    component: () => import('@/views/test'),
+  },
+  {
     path: '*',
     redirect: '/404',
   },

src/styles/element-ui.scss

@@ -64,9 +64,6 @@
   background-color: transparent !important;
 }
 
-.el-card__header {
-  padding: 6px 18px !important;
-}
 
 .el-card__body {
   //padding: 16px !important;
@@ -85,3 +82,25 @@
   height: 35px;
   padding: 0 !important;
 }
+
+.el-card__header{
+  border-bottom: none!important;
+  font-weight: bold!important;
+  color:#333;
+  padding-left: 32px!important;
+}
+.el-card{
+  position: relative;
+}
+
+.el-card__header::before{
+  display: block;
+  content:" ";
+  position: absolute;
+  left: 20px;
+  top: 22px;
+  width: 2px;
+  height: 14px;
+  background: #0084FF;
+  border-radius: 0px 0px 0px 0px;
+}

src/views/test.vue

@@ -1,5 +1,14 @@
 <template>
-  <basic-container>测试页</basic-container>
+  <div>
+    <el-card shadow>
+      <div slot="header">
+        <span>修改测试</span>
+      </div>
+      <!-- card body -->
+    </el-card>
+    
+  </div>
+  
 </template>
 
 <script>