dashboard

src/views/dashboard/index.vue

@@ -1,8 +1,8 @@
 <template>
-  <el-card>
+  <el-card style="background-color: rgb(41, 51, 61)">
     <div class="dashboard-container">
       <div class="sudoku_row" >
-        <div class="dashboard-text">name:{{ name }}</div>
+        <div class="dashboard-text" style="color:white">name:{{ name }}</div>
         <el-divider content-position="right">消息通知</el-divider>
         <el-card v-for="(sudoku,index) in sudokus" :class="curSelect==sudoku.id?'opacity':''" :key="index" shadow="hover" class="sudoku_item ">
           <div>
@@ -137,7 +137,10 @@ export default {
 }
 </script>
 <style rel="stylesheet/scss" lang="scss">
-
+  .dashboard-container .el-divider__text {
+    color: white;
+    background-color: rgb(41,51,61);
+  }
 </style>
 <style rel="stylesheet/scss" lang="scss" scoped>
   /*.text {*/
@@ -173,7 +176,7 @@ export default {
   .sudoku_item{
     margin-bottom: 20px;
     margin-left: 20px;
-    /*border: 1px solid red;*/
+    border: 0 solid red;
     display: flex;
     justify-content: center;
     align-items: center;