attiya/ebike-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:修改首页样式效果

Browse Source
This commit is contained in:
5g0Wp7Zy 2025-07-30 10:55:28 +08:00
parent 0ea119cd1d
commit 0014e7e6cb
2 changed files with 128 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ebike-maintenance/pages/home/home.css
View File

@ -1,5 +1,5 @@
.divHead { .divHead {
background: #1082FF; background: #1082ff;
height: 75px; height: 75px;
padding-top: 40px; padding-top: 40px;
padding-left: 10px; padding-left: 10px;
@ -14,14 +14,11 @@
} }
.divHeadSel { .divHeadSel {
border-bottom: 2px solid white !important; border-bottom: 2px solid white !important;
font-weight: bold; font-weight: bold;
color: white !important; color: white !important;
} }
.divTag { .divTag {
position: absolute; position: absolute;
z-index: 100; z-index: 100;
@ -60,7 +57,7 @@
} }
.divBtnBlue { .divBtnBlue {
background-color: #0084FF; background-color: #0084ff;
color: white; color: white;
border-radius: 5px; border-radius: 5px;
padding: 5px 15px; padding: 5px 15px;
@ -72,6 +69,8 @@
bottom: 0; bottom: 0;
left: 35px; left: 35px;
display: flex; display: flex;
z-index: -1;
overflow: hidden;
} }
.divLowerLeftMoreBtn { .divLowerLeftMoreBtn {
@ -143,10 +142,10 @@
} }
.divSliderLable { .divSliderLable {
background-color: #E2F8FF; background-color: #e2f8ff;
border-radius: 15px; border-radius: 15px;
padding: 3px 15px; padding: 3px 15px;
color: #0AB6F9; color: #0ab6f9;
margin-right: 10px; margin-right: 10px;
} }
@ -155,7 +154,7 @@
font-weight: bold; font-weight: bold;
} }
.wx-labal{ .wx-labal {
font-size: 28rpx; font-size: 28rpx;
color: #999; color: #999;
} }
@ -166,7 +165,7 @@
justify-content: space-evenly; justify-content: space-evenly;
} }
.flex-column-wrapper{ .flex-column-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

17
ebike-maintenance/pages/home/home.vue
View File

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