root/apt15e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

电量图片

Browse Source
This commit is contained in:
caill
2025-06-27 14:37:06 +08:00
parent 842533515d
commit 0a28e86ec2
4 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/images/new/elec.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
src/images/new/elec_bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/images/new/elec_y.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 659 B

33
src/pages/shells/index.vue
View File

@@ -8,10 +8,10 @@
<el-row type="flex" justify="end" align="middle">
<div class="state-item">自动模式</div>
<div class="state-item">执行中</div>
<div class="relative elec-qty-wrap">
<div class="absolute elec-qty elec-qty_s" style="width: 100%"></div>
<div class="absolute zbox elec-qty_border"></div>
<div class="elec-txt">100%</div>
<div class="relative elec-qty-wrap elec-wraning">
<div class="absolute elec-qty" style="width: 62%"></div>
<div class="absolute elec-qty-border"></div>
<div class="elec-txt">38%</div>
</div>
<i class="el-icon-user-solid icon-user" :style="{'color': isUsed ? '#00ff29' : '#737f92'}" @click="loginModalHandle"></i>
<i class="el-icon-s-tools icon-tools" @click="configModalHandle"></i>
@@ -122,24 +122,29 @@ export default {
margin-right .04rem
background center / 100% 100% url(../../images/new/state-item_bg.png) no-repeat
.elec-qty-wrap
_wh(.5rem, .28rem)
_wh(.5rem, .25rem)
margin-right .04rem
background center / 100% 100% url(../../images/new/elec.png) no-repeat
border 1px solid #5ADFBC
z-index 151
.elec-qty
right 0
z-index 152
_wh(0, 100%)
background-color green
background left top url(../../images/new/elec.png) no-repeat
background-size cover
.elec-qty_s
background-image url(../../images/new/elec.png)
.elec-qty_border
height 100%
background-color #0d2d59
.elec-qty-border
_wh(100%, 100%)
z-index 152
background center / 100% 100% url(../../images/new/elec_bg.png) no-repeat
box-shadow inset 0px 0px 4px 2px rgba(90, 223, 188, 70%)
.elec-wraning
border-color #ffe600
background center / 100% 100% url(../../images/new/elec_y.png) no-repeat
.elec-qty-border
box-shadow inset 0px 0px 4px 2px rgba(192, 176, 28, 70%)
.elec-txt
position relative
z-index 153
_font(.15rem, .28rem, #fff,,center)
_font(.15rem, .25rem, #fff,,center)
font-family 'Adobe Heiti Std'
.icon-user
font-size .24rem