style:优化知识点详情页样式

src/pages/course/tag/item.vue

@@ -10,7 +10,7 @@
       <div class="tools">
         <div class="inner">
           <ul>
-            <li @click="toExamPage">知识点考试</li>
+            <li @click="toExamPage">去测试</li>
           </ul>
           <ul>
             <li @click="getCourseTag(detail.last)" v-if="detail.last">上一点</li>
@@ -123,16 +123,16 @@ export default {
   padding: 10px 0;
   font-size: 13px;
   line-height: 22px;
-  img {
+  ::v-deep img {
     max-width: 100%;
   }
-  b {
+  ::v-deep b {
     font-weight: bold;
   }
 }
 .tools {
   margin-top: 5px;
-  height: 34px;
+  height: 50px;
   padding-bottom: env(safe-area-inset-bottom);
   .inner {
     position: fixed;
@@ -141,20 +141,26 @@ export default {
     bottom: 0;
     display: flex;
     justify-content: space-between;
-    height: 34px;
-    padding: 20px 20px 0;
+    align-items: center;
+    height: 50px;
+    padding: 0 20px;
     padding-bottom: env(safe-area-inset-bottom);
+    background-color: #fff;
+    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
+  }
+  ul {
+    font-size: 0;
   }
   li {
     display: inline-block;
-    height: 24px;
+    height: 35px;
     margin-left: 10px;
-    padding: 0 15px;
+    padding: 0 30px;
     font-size: 13px;
     color: #fff;
-    line-height: 24px;
-    background: #67a8ff;
-    border-radius: 12px;
+    line-height: 35px;
+    background: #2b7ce9;
+    border-radius: 6px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;