fix:修改首页样式效果

ebike-maintenance/pages/home/home.css

@@ -1,5 +1,5 @@
 .divHead {
-	background: #1082FF;
+  background: #1082ff;
   height: 75px;
   padding-top: 40px;
   padding-left: 10px;
@@ -14,14 +14,11 @@
 }
 
 .divHeadSel {
-
   border-bottom: 2px solid white !important;
   font-weight: bold;
   color: white !important;
 }
 
-
-
 .divTag {
   position: absolute;
   z-index: 100;
@@ -60,7 +57,7 @@
 }
 
 .divBtnBlue {
-	background-color: #0084FF;
+  background-color: #0084ff;
   color: white;
   border-radius: 5px;
   padding: 5px 15px;
@@ -72,6 +69,8 @@
   bottom: 0;
   left: 35px;
   display: flex;
+  z-index: -1;
+  overflow: hidden;
 }
 
 .divLowerLeftMoreBtn {
@@ -143,10 +142,10 @@
 }
 
 .divSliderLable {
-	background-color: #E2F8FF;
+  background-color: #e2f8ff;
   border-radius: 15px;
   padding: 3px 15px;
-	color: #0AB6F9;
+  color: #0ab6f9;
   margin-right: 10px;
 }
 

ebike-maintenance/pages/home/home.vue

@@ -111,10 +111,13 @@
             :color="iconcolor"
             :size="iconsize"
           />
-          <div>更多</div>
+          <div>{{ showMore ? "关闭" : "更多" }}</div>
         </div>
       </div>
-      <div v-if="showMore" class="divLowerLeftMore">
+      <!-- v-if="showMore" -->
+      <div class="divLowerLeftMore">
+        <uni-transition mode-class="slide-left" :show="showMore">
+          <div style="display: flex">
             <div class="divBtn divLowerLeftMoreBtn" @click="showRegionData">
               <uni-icons
                 custom-prefix="iconfont"
@@ -122,7 +125,9 @@
                 :color="showRegion ? showColor : iconcolor"
                 :size="iconsize"
               />
-          <div :style="{ color: showRegion ? showColor : iconcolor }">站点</div>
+              <div :style="{ color: showRegion ? showColor : iconcolor }">
+                站点
+              </div>
             </div>
             <div class="divBtn divLowerLeftMoreBtn" @click="showBikeData">
               <uni-icons
@@ -131,10 +136,14 @@
                 :color="showBike ? showColor : iconcolor"
                 :size="iconsize"
               />
-          <div :style="{ color: showBike ? showColor : iconcolor }">车辆</div>
+              <div :style="{ color: showBike ? showColor : iconcolor }">
+                车辆
               </div>
             </div>
           </div>
+        </uni-transition>
+      </div>
+    </div>
     <div class="divLowerRight">
       <div v-show="selRight.lx == 'hd'" @click="openChangebatteries">
         <uni-icons type="scan" :color="iconcolor" :size="iconsize" />