在线上课

pc/src/components/levelIcon.vue

@@ -1,5 +1,5 @@
 <template>
-    <div  :class="[{'levelIconTV':true},{'levelIconTest':true},{'levelIcon':true}]">
+    <div :class="[{'levelIconTV':true},{'levelIconTest':true},{'levelIcon':true}]">
         <ul>
             <li>
           <span class="cube">
@@ -50,29 +50,29 @@
 </template>
 
 <style scoped>
-    ul,li {
+    ul, li {
         list-style: none;
         margin: 0;
         padding: 0;
     }
+
     .levelIcon {
-      width: 100%;
-      overflow: hidden;
-      display: block;
-      margin: 0 auto;
-      height: 5rem;
+        width: 85%;
+        overflow: hidden;
+        display: block;
+        margin: 0 auto;
+        height: 5rem;
     }
+
     .levelIconTest {
 
     }
+
     .levelIconTV {
-      /*position: absolute;*/
-      /*bottom: 0.1rem;*/
-      /*padding-bottom: 5px;*/
     }
 
     .levelIcon ul {
-        width: 96%;
+        width: 90%;
         height: 100%;
         overflow: hidden;
         display: block;
@@ -185,8 +185,8 @@
 
     .levelIcon li:nth-child(4) em {
         background: rgba(186, 204, 1, 0.16);
-        border: 1px solid #DFB200 ;
-        box-shadow: 0px 0px 5px #DFB200 ;
+        border: 1px solid #DFB200;
+        box-shadow: 0px 0px 5px #DFB200;
     }
 
     .levelIcon li:nth-child(5) em {
@@ -230,14 +230,16 @@
         margin-left: 3%;
         float: left;
     }
+
     /*pc part */
     .levelIcon {
         padding-top: 10px;
         padding-bottom: 10px;
-        background: #666;
     }
+
     .levelIcon li span div {
         padding-top: 15px;
     }
+
     /*pc part */
 </style>

pc/src/components/power.vue

@@ -17,19 +17,19 @@
     .powerContainer {
         float: right!important;
         color: #fff;
-        font-size: 0.23rem;
-        width: 0.55rem!important;
+        font-size:1rem;
+        width: 3rem!important;
         overflow: hidden;
     }
     .powerContainer img {
-        width: 0.33rem;
+        width:2rem;
         line-height: 0.3rem;
     }
     .powerContainer span {
         display: inline-block;
-        line-height: 0.2rem;
+        line-height: 1rem;
     }
     .powerContainer em {
-        font-size: 0.15rem;
+        font-size: 1rem;
     }
 </style>