默认屏修改

src/assets/scss/style.scss

@@ -220,7 +220,7 @@ html{
     .swaper-header{
       font-size: 1.4rem;
       text-align: center;
-      padding: 0.6rem 0;
+      padding: 0.58rem 0;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -237,8 +237,8 @@ html{
     }
     .swaper-text{
       flex: 1;
-      height: 2.88rem;
-      line-height: 2.88rem;;
+      height: 2.8rem;
+      line-height: 2.8rem;;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -246,9 +246,11 @@ html{
       box-sizing: border-box;
       padding: 0 4px;
       &.green{
+        flex: 0 0 3.3rem;
         color: #64B77C;
       }
       &.yellow{
+        flex: 0 0 3.3rem;
         color: #E0A11B;
       }
       &.icon{
@@ -256,9 +258,8 @@ html{
        text-align: center;
       }
       &.state{
-        font-size: 1.4rem;
+        font-size: 1.3rem;
         flex: 0 0 3.3rem;
-        text-align: center;
       }
     }
   }

src/pages/home/Index.jsx

@@ -511,8 +511,9 @@ class Home extends React.Component {
                   delayPat={this.state.delayPat}
                   hosLogo={this.state.hosLogo}
                 />
-                :< BigScreenOld
+                :< BigScreen
                   userData={this.state.userData}
+                  roomObj={this.state.roomObj}
                   patListArea={this.state.patListArea}
                   delayPat={this.state.delayPat}
                   hosLogo={this.state.hosLogo}