diff --git a/ebike-maintenance/pages/home/home.css b/ebike-maintenance/pages/home/home.css
index 2b0e07d..2e336a8 100644
--- a/ebike-maintenance/pages/home/home.css
+++ b/ebike-maintenance/pages/home/home.css
@@ -1,175 +1,174 @@
 .divHead {
-	background: #1082FF;
-	height: 75px;
-	padding-top: 40px;
-	padding-left: 10px;
-	font-size: 16px;
-	color: #d8d3d3db;
+  background: #1082ff;
+  height: 75px;
+  padding-top: 40px;
+  padding-left: 10px;
+  font-size: 16px;
+  color: #d8d3d3db;
 }
 
 .divHead label {
-	margin-right: 30px;
-	padding-bottom: 3px;
-	border-bottom: 2px solid #bdb9b9a1;
+  margin-right: 30px;
+  padding-bottom: 3px;
+  border-bottom: 2px solid #bdb9b9a1;
 }
 
 .divHeadSel {
-
-	border-bottom: 2px solid white !important;
-	font-weight: bold;
-	color: white !important;
+  border-bottom: 2px solid white !important;
+  font-weight: bold;
+  color: white !important;
 }
 
-
-
 .divTag {
-	position: absolute;
-	z-index: 100;
-	margin-top: 2vh;
-	margin-left: 3vw;
-	width: 100%;
-	font-size: 12px;
+  position: absolute;
+  z-index: 100;
+  margin-top: 2vh;
+  margin-left: 3vw;
+  width: 100%;
+  font-size: 12px;
 }
 
 .divArea {
-	margin-top: 7vh;
+  margin-top: 7vh;
 }
 
 .divbgColor {
-	background-color: white;
+  background-color: white;
 }
 
 .mapFont {
-	color: #6f7777;
+  color: #6f7777;
 }
 
 .divLowerLeft {
-	position: absolute;
-	z-index: 100;
-	left: 10px;
-	bottom: 30vh;
+  position: absolute;
+  z-index: 100;
+  left: 10px;
+  bottom: 30vh;
 }
 
 .divBtn {
-	background-color: white;
-	font-size: 12px;
-	border-radius: 5px;
-	margin-bottom: 5px;
-	text-align: center;
-	border: 1px solid #80808061;
+  background-color: white;
+  font-size: 12px;
+  border-radius: 5px;
+  margin-bottom: 5px;
+  text-align: center;
+  border: 1px solid #80808061;
 }
 
 .divBtnBlue {
-	background-color: #0084FF;
-	color: white;
-	border-radius: 5px;
-	padding: 5px 15px;
-	font-size: 14px;
+  background-color: #0084ff;
+  color: white;
+  border-radius: 5px;
+  padding: 5px 15px;
+  font-size: 14px;
 }
 
 .divLowerLeftMore {
-	position: absolute;
-	bottom: 0;
-	left: 35px;
-	display: flex;
+  position: absolute;
+  bottom: 0;
+  left: 35px;
+  display: flex;
+  z-index: -1;
+  overflow: hidden;
 }
 
 .divLowerLeftMoreBtn {
-	margin-left: 10px;
-	width: 35px;
-	text-align: center;
-	padding: 10px 0px;
+  margin-left: 10px;
+  width: 35px;
+  text-align: center;
+  padding: 10px 0px;
 }
 
 .divBtnTitle {
-	padding-top: 10px;
+  padding-top: 10px;
 }
 
 .divLowerRight {
-	position: absolute;
-	z-index: 100;
-	right: 10px;
-	bottom: 30vh;
-	background-color: white;
-	border-radius: 5px;
-	width: 40px;
-	text-align: center;
-	font-size: 12px;
-	padding: 10px 5px;
-	border: 1px solid #80808061;
+  position: absolute;
+  z-index: 100;
+  right: 10px;
+  bottom: 30vh;
+  background-color: white;
+  border-radius: 5px;
+  width: 40px;
+  text-align: center;
+  font-size: 12px;
+  padding: 10px 5px;
+  border: 1px solid #80808061;
 }
 
 .divBottom {
-	position: absolute;
-	bottom: 10px;
-	width: 100%;
-	z-index: 100;
-	padding: 0px 10px;
+  position: absolute;
+  bottom: 10px;
+  width: 100%;
+  z-index: 100;
+  padding: 0px 10px;
 }
 
 .divBottomBack {
-	border-radius: 5px;
-	background: #ffffffe0;
-	padding: 10px 0px;
-	border: 1px solid #80808061;
+  border-radius: 5px;
+  background: #ffffffe0;
+  padding: 10px 0px;
+  border: 1px solid #80808061;
 }
 
 .divQuantity {
-	text-align: center;
+  text-align: center;
 }
 
 .divQuantityCount,
 .divCount {
-	font-size: 18px;
-	font-weight: bolder;
+  font-size: 18px;
+  font-weight: bolder;
 }
 
 .divFlex {
-	display: flex;
-	justify-content: space-evenly;
-	text-align: center;
+  display: flex;
+  justify-content: space-evenly;
+  text-align: center;
 }
 
 .divCountLabel {
-	font-size: 14px;
+  font-size: 14px;
 }
 
 .divSlider {
-	display: flex;
-	align-items: center;
-	margin-left: 10px;
-	font-size: 14px;
-	padding-top: 10px;
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+  font-size: 14px;
+  padding-top: 10px;
 }
 
 .divSliderLable {
-	background-color: #E2F8FF;
-	border-radius: 15px;
-	padding: 3px 15px;
-	color: #0AB6F9;
-	margin-right: 10px;
+  background-color: #e2f8ff;
+  border-radius: 15px;
+  padding: 3px 15px;
+  color: #0ab6f9;
+  margin-right: 10px;
 }
 
 .wx-value {
-	font-size: 32rpx;
-	font-weight: bold;
+  font-size: 32rpx;
+  font-weight: bold;
 }
 
-.wx-labal{
-	font-size: 28rpx;
-	color: #999;
+.wx-labal {
+  font-size: 28rpx;
+  color: #999;
 }
 
 .flex-wrapper {
-	display: flex;
-	align-items: center;
-	justify-content: space-evenly;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
 }
 
-.flex-column-wrapper{
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 8px;
-}
\ No newline at end of file
+.flex-column-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
diff --git a/ebike-maintenance/pages/home/home.vue b/ebike-maintenance/pages/home/home.vue
index 0eac9dc..05fc166 100644
--- a/ebike-maintenance/pages/home/home.vue
+++ b/ebike-maintenance/pages/home/home.vue
@@ -111,28 +111,37 @@
             :color="iconcolor"
             :size="iconsize"
           />
-          <div>更多</div>
+          <div>{{ showMore ? "关闭" : "更多" }}</div>
         </div>
       </div>
-      <div v-if="showMore" class="divLowerLeftMore">
-        <div class="divBtn divLowerLeftMoreBtn" @click="showRegionData">
-          <uni-icons
-            custom-prefix="iconfont"
-            type="icon-ebikeP"
-            :color="showRegion ? showColor : iconcolor"
-            :size="iconsize"
-          />
-          <div :style="{ color: showRegion ? showColor : iconcolor }">站点</div>
-        </div>
-        <div class="divBtn divLowerLeftMoreBtn" @click="showBikeData">
-          <uni-icons
-            custom-prefix="iconfont"
-            type="icon-ebikedianpingchechongdianzhuang"
-            :color="showBike ? showColor : iconcolor"
-            :size="iconsize"
-          />
-          <div :style="{ color: showBike ? showColor : iconcolor }">车辆</div>
-        </div>
+      <!-- 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"
+                type="icon-ebikeP"
+                :color="showRegion ? showColor : iconcolor"
+                :size="iconsize"
+              />
+              <div :style="{ color: showRegion ? showColor : iconcolor }">
+                站点
+              </div>
+            </div>
+            <div class="divBtn divLowerLeftMoreBtn" @click="showBikeData">
+              <uni-icons
+                custom-prefix="iconfont"
+                type="icon-ebikedianpingchechongdianzhuang"
+                :color="showBike ? showColor : iconcolor"
+                :size="iconsize"
+              />
+              <div :style="{ color: showBike ? showColor : iconcolor }">
+                车辆
+              </div>
+            </div>
+          </div>
+        </uni-transition>
       </div>
     </div>
     <div class="divLowerRight">