登录页面样式&检测计划样式修改

frontend/src/views/home/index.vue

@@ -79,162 +79,8 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-.main_container {
+.home{
   width: 100%;
-  height: calc(100vh - 120px);
-  // overflow-y: auto;
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  // padding: 20px 2%;
-  .mode {
-    //   width: 31.5%;
-    //   height: 100%;
-    flex: none;
-    width: 32.5%;
-    height: 100%;
-    border: 1px solid #eee;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    // justify-content: space-around;
-    background: #fff;
-    border-radius: 6px;
-    margin-bottom: 20px;
-    background: linear-gradient(
-      180deg,
-      rgba(0, 153, 255, 1) 0%,
-      rgba(0, 153, 255, 1) 0%,
-      rgba(0, 102, 255, 1) 65%,
-      rgba(0, 51, 255, 1) 100%,
-      rgba(0, 51, 255, 1) 100%
-    );
-    //   padding: 40px 0;
-    .mode_top {
-      width: 100%;
-      height: 40px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      background: #008aff;
-      border-radius: 6px 6px 0 0;
-      .mode_name {
-        width: 100%;
-        height: 40px;
-        flex: 1;
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        p {
-          font-family: "微软雅黑 Bold", "微软雅黑", "微软雅黑", sans-serif;
-          font-weight: 700;
-          font-style: normal;
-          font-size: 16px;
-          color: #ffffff;
-          text-align: center;
-          //   background: #fff;
-          line-height: 40px;
-          text-align: left;
-          padding-left: 10px;
-          // margin-top: 20px;
-        }
-        .mode_subName {
-          font-family: "微软雅黑", sans-serif;
-          font-weight: 400;
-          font-style: normal;
-          font-size: 12px;
-          color: #ffffff;
-          line-height: 40px;
-          text-align: center;
-          padding: 5px 0 0 10px;
-          // margin-top: 10px;
-        }
-      }
-
-      .test_button {
-        width: 150px;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        padding-right: 5px;
-      }
-    }
-    .mode_img {
-      width: 100%;
-      height: auto;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      // padding: 30px 0 50px;
-      margin-top: 100px;
-      img:nth-child(1) {
-        width: 60%;
-        height: auto;
-        display: block;
-      }
-      img:nth-child(2) {
-        width: 70%;
-        height: auto;
-        display: block;
-      }
-      img:nth-child(3) {
-        width: 60%;
-        height: auto;
-        display: block;
-      }
-    }
-    .mode_test {
-      width: 100%;
-      height: 40px;
-      display: flex;
-      justify-content: center;
-      margin-bottom: 20px;
-      .test_button {
-        width: 120px;
-        height: 100%;
-        border: 1px solid rgba(121, 121, 121, 1);
-        border-radius: 5px;
-        font-family: "微软雅黑", sans-serif;
-        font-weight: 400;
-        font-style: normal;
-        color: #fff;
-        line-height: 20px;
-        text-align: center;
-        line-height: 40px;
-        cursor: pointer;
-      }
-      .test_button:hover {
-        background: rgba(0, 0, 0, 0.2);
-      }
-    }
-  }
-
-  .mode:nth-child(3n + 3) {
-    background: linear-gradient(
-      180deg,
-      rgba(0, 153, 255, 1) 0%,
-      rgba(0, 153, 255, 1) 0%,
-      rgba(0, 102, 255, 1) 39%,
-      rgba(102, 51, 204, 1) 100%,
-      rgba(102, 51, 204, 1) 100%
-    );
-  }
-  .mode_off {
-    .mode_name,
-    .mode_subName,
-    .test_button {
-      color: #fff !important;
-    }
-    .test_button:hover {
-      // background: rgba(0, 0, 0, 0.2) !important;
-      cursor: pointer;
-    }
-  }
-}
-::v-deep .el-sub-menu__title {
-  border-bottom: 0 !important;
-  outline: none !important;
+  height: 100%;
 }
 </style>