style: css优化

src/pages/course/tag/item.vue

@@ -8,13 +8,15 @@
         <div class="tag-content" v-html="html"></div>
       </div>
       <div class="tools">
-        <ul>
-          <li @click="toExamPage">知识点考试</li>
-        </ul>
-        <ul>
-          <li @click="getCourseTag(detail.last)" v-if="detail.last">上一点</li>
-          <li @click="getCourseTag(detail.next)" v-if="detail.next">下一点</li>
-        </ul>
+        <div class="inner">
+          <ul>
+            <li @click="toExamPage">知识点考试</li>
+          </ul>
+          <ul>
+            <li @click="getCourseTag(detail.last)" v-if="detail.last">上一点</li>
+            <li @click="getCourseTag(detail.next)" v-if="detail.next">下一点</li>
+          </ul>
+        </div>
       </div>
     </div>
   </div>
@@ -99,23 +101,23 @@ export default {
 .course-tag-hd {
   position: sticky;
   top: 0;
-  padding: 0.4rem;
+  padding: 20px;
   background-color: #fff;
   z-index: 10;
 }
 .course-tag-bd {
-  padding: 0.4rem;
+  padding: 20px;
 }
 .course-tag-main {
-  padding: 0.2rem;
+  padding: 10px;
   background-color: #fff;
-  border-radius: 0.12rem;
+  border-radius: 6px;
 }
 .tag-title {
-  font-size: 0.3rem;
+  font-size: 15px;
   font-weight: bold;
   color: #222;
-  line-height: 0.48rem;
+  line-height: 24px;
 }
 .tag-content {
   padding: 20px 0;
@@ -129,13 +131,24 @@ export default {
   }
 }
 .tools {
-  display: flex;
-  justify-content: space-between;
   margin-top: 5px;
+  height: 34px;
+  padding-bottom: env(safe-area-inset-bottom);
+  .inner {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    justify-content: space-between;
+    height: 34px;
+    padding: 20px 20px 0;
+    padding-bottom: env(safe-area-inset-bottom);
+  }
   li {
     display: inline-block;
     height: 24px;
-    margin: 0 0 10px 10px;
+    margin-left: 10px;
     padding: 0 15px;
     font-size: 13px;
     color: #fff;

src/pages/course/tag/list.vue

@@ -109,32 +109,33 @@ export default {
 .course-tag-hd {
   position: sticky;
   top: 0;
-  padding: 0.4rem;
+  padding: 20px;
   background-color: #fff;
   z-index: 10;
 }
 .course-tag-bd {
-  padding: 0.4rem;
+  padding: 20px;
 }
 .course-tag-main {
-  padding: 0.2rem;
+  padding: 10px;
   background-color: #fff;
-  border-radius: 0.12rem;
+  border-radius: 6px;
 }
 .course-title {
-  font-size: 0.3rem;
+  font-size: 15px;
+  font-weight: bold;
   color: #222;
 }
 .tag-title {
-  font-size: 0.3rem;
+  font-size: 15px;
   font-weight: bold;
   color: #222;
-  line-height: 0.48rem;
+  line-height: 24px;
 }
 .tag-item {
   position: relative;
-  padding: 0.4rem 0.4rem 0.4rem 0;
-  font-size: 0.3rem;
+  padding: 20px 20px 20px 0;
+  font-size: 15px;
   color: #222;
   line-height: 1.4;
   border-bottom: 1px solid #eee;

src/pages/login/login.vue

@@ -292,7 +292,7 @@ export default {
     border-radius: 3px;
   }
 }
-.van-toast {
+.van-toast--text {
   padding: 20px;
   border-radius: 6px;
 }

src/style.scss

-html * {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  outline: none;
-  -webkit-text-size-adjust: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
 body,
 h1,
 h2,