修改实验面板样式bug

以及其他的页面样式

src/components/case/index.vue

@@ -97,7 +97,10 @@
             <el-tab-pane label="实验要求" name="second">
               <el-collapse v-model="activeNames" accordion>
               <div  v-for="(item,index) in requires" :key="index">
-                <el-collapse-item :title="item.name" :name="item.id">
+                <el-collapse-item :name="item.id">
+                    <template slot="title" style='line-height: 0px;font-size: 18px'>
+                        <i class='el-icon-s-ticket'></i> {{ item.name }}
+                    </template>
                   <div class="break-all" v-html="item.experimentalRequirements"></div>
                 </el-collapse-item>
               </div>
@@ -917,6 +920,8 @@ export default {
       border-bottom: none;
     }
     .el-collapse-item__header {
+        font-size: 17px;
+        line-height: 0px;
       border-bottom: none;
     }
     .el-tabs__content {
@@ -978,7 +983,7 @@ export default {
         z-index: 1001;
     }
     img{
-      height: 150px;
+      height: 200px;
       cursor: pointer;
     }
   }

src/pages/counter/list/index.vue

@@ -2280,16 +2280,16 @@ export default {
         flex-direction: column;
         justify-content: center;
         align-items: center;
-        width: 94px;
+        width: 80px;
-        height: 200px;
+        height: 180px;
         cursor: pointer;
         z-index: 998;
-        background: url(../../../assets/img/sth-bg.png) 0 0 / cover no-repeat;
+        background: url(../../../assets/img/sth-bg.png) 0 0/100% 100% no-repeat;
         span {
             width: 30px;
             margin-bottom: 10px;
             color: #fff;
-            font-size: 30px;
+            font-size: 26px;
             text-align: center;
         }
         .icon {

src/pages/lobbyManager/list/index.vue

@@ -65,7 +65,7 @@
             <ul class="list">
                 <li :class="{checked: checkList.includes(1)}" @click="checkData(1)">
                     <el-image
-                        style="margin-top: -10"
+                        style="margin-top: -10px"
                         :src="elImg[0]"
                         :fit="elImgFit"
                         ></el-image>
@@ -309,6 +309,10 @@ export default {
 
 <style lang="scss" scoped>
     .wrap{
+        background: rgb(245,246,248);
+        width:100%;
+        //min-height:900px;
+        overflow:hidden;
         .sth{
             position: absolute;
             &.cp{
@@ -334,9 +338,8 @@ export default {
         }
         .manager{
             top: 68px;
-            // top: 0;
+            left: 10%;
-            left: 0;
+            width: 80%;
-            width: 100%;
             height: calc(100% - 68px);
         }
     }
@@ -353,13 +356,14 @@ export default {
             display: flex;
             justify-content: space-between;
             li{
-                width: 280px;
+                width: 200px;
                 margin-right: 50px;
                 text-align: center;
                 color: #fff;
                 font-size: 32px;
                 line-height: 94px;
                 background: url(../../../assets/img/lobby-btn-bg.png) 0 0/cover no-repeat;
+                background-size: 100% 100%;
                 cursor: pointer;
                 &:last-child{
                     margin-right: 0;
@@ -387,13 +391,14 @@ export default {
                 cursor: pointer;
                 background-color: rgba(216,216,216,0.10);
                 &:first-child{
-                    margin: 0 50px 50px 0;
+                    margin: 0 0px 50px 0;
                 }
                 &:last-child{
                     margin-left: 50px;
                 }
                 img{
-                    width: 40%;
+                    width: 30%;
+                    margin: 0;
                     //height: 154px;
                     //margin: 0 45px;
                 }
@@ -402,6 +407,7 @@ export default {
                     color: #000;
                     text-align: center;
                     font-weight: bold;
+                    padding: 0 20px;
                 }
                 &.checked{
                     background: rgba(97,145,255,0.10) url(../../../assets/svg/checked.svg) 96% 7%/auto no-repeat;
@@ -439,7 +445,8 @@ export default {
                 overflow: hidden;
                 padding: 10px;
                 &>img {
-                    max-width: 90%;
+                    width: 100%;
+                    //max-width: 90%;
                 }
                 &>.el-image {
                     width: 90%;