修改标签栏样式

.idea/workspace.xml

@@ -2,9 +2,8 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="66102da6-d8e2-4f98-976c-45db41c8fbe2" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/card.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/card.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/mobileBar.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/mobileBar.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -39,7 +38,7 @@
       <option name="presentableId" value="Default" />
       <updated>1633693759532</updated>
       <workItem from="1633693760645" duration="5858000" />
-      <workItem from="1634022035080" duration="4163000" />
+      <workItem from="1634022035080" duration="10793000" />
     </task>
     <servers />
   </component>

src/components/mobileBar.vue

@@ -499,4 +499,21 @@ export default {
   border-radius: 7px;
 }
 
+/*设置低端标签栏样式*/
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.btn-outline-primary:not(:disabled):not(.disabled).active, .show >
+.btn-outline-primary.dropdown-toggle {
+  background-color: #87BF96;
+  border-color: #87BF96;
+}
+.btn-outline-primary, .btn-outline-primary:hover{
+  color: #87BF96;
+  border-color: #87BF96;
+  font-family: "Noto Sans SC";
+}
+/deep/.rounded-pill.mx-1.btn.btn-outline-primary.btn-sm.active.focus{
+  border-color:#87BF96;
+  box-shadow: none;
+}
+
 </style>