study

src/components/courseDetail.vue

@@ -7,7 +7,8 @@
             class="return"
             @click.stop="goTo('/index?userid=' + userid + '&oid=' + oid)"
           >
-            <img src="../assets/icon/return.png" alt="" />
+            返回
+            <!-- <img src="../assets/icon/return.png" alt="" /> -->
           </div>
           <div class="box_course">
             <div class="wheel">
@@ -283,7 +284,7 @@ export default {
 }
 .box_course {
   display: flex;
-  padding: 35px 0 20px 60px;
+  padding: 25px 0 20px 60px;
 }
 .right_box {
   display: flex;
@@ -459,12 +460,18 @@ export default {
   cursor: pointer;
 }
 .return {
-  width: 2rem;
-  height: 2rem;
-  top: 7px;
-  position: absolute;
-  left: 10px;
+  background: rgb(238, 238, 238);
+  width: 58px;
+  height: 30px;
+  color: rgb(22, 22, 22);
+  text-align: center;
+  line-height: 32px;
+  margin-right: 20px;
   cursor: pointer;
+  border-radius: 5px;
+  position: absolute;
+  right: 0;
+  top: 24px;
 }
 .return > img {
   width: 100%;

src/components/index.vue

@@ -231,7 +231,7 @@
 		padding: 0 0 20px;
 	}
 	.top {
-		padding: 20px 30px;
+		padding: 20px 30px 20px 1%;
 		box-sizing: border-box;
 		display: flex;
 		align-items: center;
@@ -297,6 +297,7 @@
 	.people {
 		display: flex;
 		margin-top: 5px;
+		align-items: center;
 	}
 	.people > div:nth-child(2) {
 		margin-left: 10px;

src/components/study.vue

@@ -752,7 +752,7 @@ export default {
   margin-left: 25px;
 }
 .study_top .check {
-  margin: 0 15px 0 0;
+  margin: 0 10px 0 0;
   /* border-bottom: 4px solid #ccc; */
   padding-bottom: 5px;
   text-align: center;
@@ -761,6 +761,7 @@ export default {
   height: 30px;
   box-sizing: border-box;
   display: flex;
+  padding: 0 10px;
 }
 .study_top .checked {
   border-bottom: 4px solid #3fc6a0;