暂存

src/HManagement/serviceDataScreen/index.vue

@@ -25,7 +25,7 @@
             <spna class="span">{{week}}</spna>
             <span>{{nowTime}}</span>
           </div>
-          <div >
+          <div>
             <el-button size="small" class="button" type="primary" icon="el-icon-s-home" style="background-color: #144894"  @click="$router.push('/message')">{{$t(`返回首页`)}}</el-button>
           </div>
         </div>
@@ -255,119 +255,130 @@ export default {
   width: 30%;
   padding-top: 12px;
 }
-@media (min-height: 866px) {
-  .title-style {
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: bold;
-    font-size: 44px;
-    color: #E6F4FF;
-    text-shadow: 0px 2px 4px #A9D7F9;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-    padding-top: 15px;
-  }
-}
-@media (min-height: 1092px) {
-  .title-style {
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: bold;
-    font-size: 44px;
-    color: #E6F4FF;
-    text-shadow: 0px 2px 4px #A9D7F9;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-    padding-top: 20px;
-  }
-}
-@media (min-height: 1206px) {
-  .title-style {
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: bold;
-    font-size: 44px;
-    color: #E6F4FF;
-    text-shadow: 0px 2px 4px #A9D7F9;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-    padding-top: 20px;
-  }
-}
-@media (min-height: 1134px) {
-  .title-style {
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: bold;
-    font-size: 44px;
-    color: #E6F4FF;
-    text-shadow: 0px 2px 4px #A9D7F9;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-    padding-top: 25px;
-  }
-}
-@media (min-height: 1391px) {
-  .title-style {
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: bold;
-    font-size: 44px;
-    color: #E6F4FF;
-    text-shadow: 0px 2px 4px #A9D7F9;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-    padding-top: 30px;
-  }
-}
-@media (min-height: 1506px) {
-  .title-style {
-    font-family: Microsoft YaHei, Microsoft YaHei;
-    font-weight: bold;
-    font-size: 44px;
-    color: #E6F4FF;
-    text-shadow: 0px 2px 4px #A9D7F9;
-    text-align: left;
-    font-style: normal;
-    text-transform: none;
-    padding-top: 40px;
-  }
+/*@media (min-height: 866px) {*/
+/*  .title-style {*/
+/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
+/*    font-weight: bold;*/
+/*    font-size: 44px;*/
+/*    color: #E6F4FF;*/
+/*    text-shadow: 0px 2px 4px #A9D7F9;*/
+/*    text-align: left;*/
+/*    font-style: normal;*/
+/*    text-transform: none;*/
+/*    padding-top: 15px;*/
+/*  }*/
+/*}*/
+/*@media (min-height: 1092px) {*/
+/*  .title-style {*/
+/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
+/*    font-weight: bold;*/
+/*    font-size: 44px;*/
+/*    color: #E6F4FF;*/
+/*    text-shadow: 0px 2px 4px #A9D7F9;*/
+/*    text-align: left;*/
+/*    font-style: normal;*/
+/*    text-transform: none;*/
+/*    padding-top: 20px;*/
+/*  }*/
+/*}*/
+/*@media (min-height: 1206px) {*/
+/*  .title-style {*/
+/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
+/*    font-weight: bold;*/
+/*    font-size: 44px;*/
+/*    color: #E6F4FF;*/
+/*    text-shadow: 0px 2px 4px #A9D7F9;*/
+/*    text-align: left;*/
+/*    font-style: normal;*/
+/*    text-transform: none;*/
+/*    padding-top: 20px;*/
+/*  }*/
+/*}*/
+/*@media (min-height: 1134px) {*/
+/*  .title-style {*/
+/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
+/*    font-weight: bold;*/
+/*    font-size: 44px;*/
+/*    color: #E6F4FF;*/
+/*    text-shadow: 0px 2px 4px #A9D7F9;*/
+/*    text-align: left;*/
+/*    font-style: normal;*/
+/*    text-transform: none;*/
+/*    padding-top: 25px;*/
+/*  }*/
+/*}*/
+/*@media (min-height: 1391px) {*/
+/*  .title-style {*/
+/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
+/*    font-weight: bold;*/
+/*    font-size: 44px;*/
+/*    color: #E6F4FF;*/
+/*    text-shadow: 0px 2px 4px #A9D7F9;*/
+/*    text-align: left;*/
+/*    font-style: normal;*/
+/*    text-transform: none;*/
+/*    padding-top: 30px;*/
+/*  }*/
+/*}*/
+/*@media (min-height: 1506px) {*/
+/*  .title-style {*/
+/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
+/*    font-weight: bold;*/
+/*    font-size: 44px;*/
+/*    color: #E6F4FF;*/
+/*    text-shadow: 0px 2px 4px #A9D7F9;*/
+/*    text-align: left;*/
+/*    font-style: normal;*/
+/*    text-transform: none;*/
+/*    padding-top: 40px;*/
+/*  }*/
+/*}*/
+.title-style {
+  font-family: Microsoft YaHei, Microsoft YaHei;
+  font-weight: bold;
+  font-size: 2.292vw;
+  color: #E6F4FF;
+  text-shadow: 0.000vw 0.104vw 0.208vw #A9D7F9;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding-top: 1.042vw;
 }
 /*.title-style {*/
 /*  font-family: Microsoft YaHei, Microsoft YaHei;*/
 /*  font-weight: bold;*/
-/*  font-size: 44px;*/
+/*  font-size: 1.733vw ;*/
 /*  color: #E6F4FF;*/
-/*  text-shadow: 0px 2px 4px #A9D7F9;*/
+/*  text-shadow: 0.000vw 0.533vw 0.967vw #A9D7F9;*/
 /*  text-align: left;*/
 /*  font-style: normal;*/
 /*  text-transform: none;*/
-/*  padding-top: 20px;*/
+/*  padding-top: 0.833vw;*/
 /*}*/
 .time-style{
   font-family: Microsoft YaHei, Microsoft YaHei;
-  width: 30%;
+  width: 30vw;
   font-weight: 400;
-  font-size: 18px;
+  font-size: 0.938vw;
   color: #E6F4FF;
   text-align: right;
   font-style: normal;
   text-transform: none;
-  padding-top: 18px;
+  padding-top: 0.938vw;
 }
 .time-style .span {
-  margin-right: 20px;
+  margin-right: 1.042vw;
 }
 .time-style .button {
   font-family: Microsoft YaHei, Microsoft YaHei;
   font-weight: 400;
-  font-size: 18px;
+  font-size: 0.938vw;
   color: #E6F4FF;
   text-align: left;
   font-style: normal;
   text-transform: none;
-  margin-top: 20px;
-  border-radius: 6px 6px 6px 6px;
+  margin-top: 1.042vw;
+  border-radius: 0.313vw 0.313vw 0.313vw 0.313vw;
   border: none;
 }
 .justify-style{
@@ -375,9 +386,9 @@ export default {
   justify-content: space-between
 }
 .content-style{
-  margin: 90px 20px 20px 20px;
-  border: 1px solid #5daf34;
-  height: calc(100vh - 220px);
+  margin: 1.042vw 1.042vw 1.042vw 1.042vw;
+  border: 0.052vw solid #5daf34;
+  height: calc(100vh - 11.458vw);
 }
 /deep/ .el-input {
   position: relative;