查看质控页面样式

src/components/medicalRecordHomepage/index.vue

@@ -998,7 +998,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import './index.scss';
+// @import './index.scss';
 
 #medicalRecord {
     width: 100%;
@@ -1038,6 +1038,8 @@ export default {
         font-size: 25px;
         font-weight: bold;
         font-family: 'PingFang SC';
+        display: flex;
+        justify-content: center;
     }
 
     .juEnd {

src/styles/index.scss

 @import "./mixin.scss";
 @import "./variables.module.scss";
 @import "./sidebar.scss";
-
 // 编写全局样式
 body {
-    height: 100%;
+    height: 1000%;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
-    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
-        Microsoft YaHei, Arial, sans-serif;
+    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
     margin: 0;
 }
 
@@ -23,15 +21,12 @@ html {
 }
 
 #app {
-    height: 100%;
+    height: 486px;
     font-family: Avenir, Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-align: center;
     color: #2c3e50;
-
-
-    
 }
 
 *,

src/views/outseeQualityControl.vue

@@ -259,7 +259,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import '../styles/mixin.scss';
+// @import '../styles/mixin.scss';
 // @import 'styles/media/components/outseeQualityControl.scss';
 
 .outseeQualityControl {
@@ -324,7 +324,7 @@ export default {
             &_left {
                 width: 65%;
                 background-color: #ffffff;
-                height: 100%;
+                height: 900px;
 
                 padding: 0 8%;
 
@@ -334,7 +334,7 @@ export default {
 
             &_right {
                 width: 34%;
-                height: 100%;
+                height: 900px;
                 display: flex;
                 flex-direction: column;
                 flex-wrap: nowrap;
@@ -356,7 +356,7 @@ export default {
                     // padding: 3% 10%;
                     &_left {
                         flex: 1;
-                        height: 100%;
+                        height: 45%;
                         border-radius: 8px;
                         background-image: url('../assets/img/BG.png');
                         background-repeat: no-repeat;
@@ -371,7 +371,7 @@ export default {
 
                             img {
                                 width: 82px;
-                                height: 80px;
+                                height: 53px;
                             }
                         }
 
@@ -414,7 +414,7 @@ export default {
 
                     &_left11 {
                         flex: 1;
-                        height: 100%;
+                        height: 45%;
                         border-radius: 8px;
                         background-color: #fff;
                         background-repeat: no-repeat;
@@ -429,7 +429,7 @@ export default {
 
                             img {
                                 width: 82px;
-                                height: 80px;
+                                height: 63px;
                             }
                         }
 
@@ -471,7 +471,7 @@ export default {
                     }
 
                     &_right {
-                        height: 100%;
+                        height: 45%;
                         flex: 1;
                         border-radius: 8px;
                         display: flex;
@@ -484,7 +484,7 @@ export default {
 
                             img {
                                 width: 82px;
-                                height: 80px;
+                                height: 53px;
                             }
                         }
 
@@ -508,13 +508,13 @@ export default {
                             }
 
                             &_span11 {
-                                color: #ffff;
+                                color: white;
                                 font-size: 26px;
                                 font-weight: 700;
                             }
 
                             &_span22 {
-                                color: #ffff;
+                                color: white;
                                 font-size: 16px;
                                 font-weight: 500;
                             }
@@ -523,7 +523,7 @@ export default {
 
                     &_right11 {
                         flex: 1;
-                        height: 100%;
+                        height: 45%;
                         border-radius: 8px;
                         background-image: url('../assets/img/BG.png');
                         background-repeat: no-repeat;
@@ -538,7 +538,7 @@ export default {
 
                             img {
                                 width: 82px;
-                                height: 80px;
+                                height: 53px;
                             }
                         }
 
@@ -604,7 +604,7 @@ export default {
 
                         height: 10%;
 
-                        @include flexLayout;
+                        // @include flexLayout;
 
                         justify-content: left;
                     }