02/20 23:14

111

src/views/teacher/reportDetail.vue

@@ -51,7 +51,7 @@
     <div class="reportWrap1">
       <div class="imgBox1">
         <div style="width:100%;  position: relative; margin-top:.1rem">
-          <img :src="imgList.logo" class="logo" alt />
+          <img :src="imgList.logo" class="logo1" alt />
           <p class="title">
             <img :src="imgList.squrt" class="squrt" alt />
             节奏准确度
@@ -206,6 +206,13 @@ div {
     right: -0.15rem;
     top: -0.15rem;
   }
+  .logo1{
+     width: 1.03rem;
+    height: 0.77rem;
+    position: absolute;
+    right: 0rem;
+    top: -0.08rem;
+  }
   .topWrap {
     background-color: #f6f6f6;
     width: 3.51rem;
@@ -324,22 +331,23 @@ div {
     .imgBox1 {
       position: relative;
       width: 3.3rem;
-      height: 4.625rem;
+      height: 5.02rem;
       background: url("../../assets/images/start/box2.png") no-repeat;
       background-size: 100% 100%;
       display: flex;
       flex-direction: column;
       align-items: center;
-      padding: 0.5rem 0.22rem;
+      padding: 0.6rem 0.22rem 0;
       .title {
         box-sizing: border-box;
         display: flex;
         flex-direction: row;
         justify-content: flex-start;
+        align-items: center;
         font-size: 0.21rem;
         height: 0.3rem;
         line-height: 0.3rem;
-        margin: 0.12rem 0;
+        margin: 0.1rem 0;
         padding: 0 0.16rem;
         color: #000;
         .squrt {
@@ -367,7 +375,7 @@ div {
         box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.14);
         background-color: #fff;
         font-size: 0.12rem;
-        // margin-bottom: 0.245rem;
+        margin-bottom: 0.125rem;
         border: 1px solid transparent;
         .icons {
           width: 0.22rem;