From 0c709871f36218ec51a538814e635de37c75643f Mon Sep 17 00:00:00 2001 From: chika <983123963@qq.com> Date: Sat, 31 Jul 2021 14:11:24 +0800 Subject: [PATCH 1/3] =?UTF-8?q?fix(lockscreen):=20=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=E8=B7=9D=E7=A6=BB=E7=94=B5=E6=B1=A0=E5=85=85=E6=BB=A1=E6=97=B6?= =?UTF-8?q?=E9=97=B4=E6=98=BE=E7=A4=BA=E9=94=99=E8=AF=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Lockscreen/Lockscreen.vue | 4 +++- src/components/Lockscreen/Recharge.vue | 6 +++++- src/hooks/useBattery.ts | 9 +++++++++ 3 files changed, 17 insertions(+), 2 deletions(-) diff --git a/src/components/Lockscreen/Lockscreen.vue b/src/components/Lockscreen/Lockscreen.vue index 900ad83..16a648d 100644 --- a/src/components/Lockscreen/Lockscreen.vue +++ b/src/components/Lockscreen/Lockscreen.vue @@ -21,6 +21,7 @@ :battery="battery" :battery-status="batteryStatus" :calc-discharging-time="calcDischargingTime" + :calc-charging-time="calcChargingTime" />
@@ -114,7 +115,7 @@ const router = useRouter(); const route = useRoute(); - const { battery, batteryStatus, calcDischargingTime } = useBattery(); + const { battery, batteryStatus, calcDischargingTime, calcChargingTime } = useBattery(); const userInfo: object = userStore.getUserInfo || {}; const username = userInfo['username'] || ''; const state = reactive({ @@ -176,6 +177,7 @@ battery, batteryStatus, calcDischargingTime, + calcChargingTime, onLockLogin, onLogin, goLogin, diff --git a/src/components/Lockscreen/Recharge.vue b/src/components/Lockscreen/Recharge.vue index d36fbae..514dd36 100644 --- a/src/components/Lockscreen/Recharge.vue +++ b/src/components/Lockscreen/Recharge.vue @@ -13,7 +13,7 @@ 剩余可使用时间:{{ calcDischargingTime }}
- 距离电池充满需要:{{ calcDischargingTime }} + 距离电池充满需要:{{ calcChargingTime }} @@ -36,6 +36,10 @@ type: String, default: '', }, + calcChargingTime: { + type: String, + default: '', + }, batteryStatus: { // 电池状态 type: String, diff --git a/src/hooks/useBattery.ts b/src/hooks/useBattery.ts index 4b0ce45..1728a73 100644 --- a/src/hooks/useBattery.ts +++ b/src/hooks/useBattery.ts @@ -33,6 +33,14 @@ export const useBattery = () => { return `${~~hour}小时${~~minute}分钟`; }); + // 计算电池充满剩余时间 + const calcChargingTime = computed(() => { + console.log(state.battery); + const hour = state.battery.chargingTime / 3600; + const minute = (state.battery.chargingTime / 60) % 60; + return `${~~hour}小时${~~minute}分钟`; + }); + // 电池状态 const batteryStatus = computed(() => { if (state.battery.charging && state.battery.level >= 100) { @@ -80,5 +88,6 @@ export const useBattery = () => { ...toRefs(state), batteryStatus, calcDischargingTime, + calcChargingTime, }; }; From 81a3e6d970c24cde895d3bbf97baec17b9059ec3 Mon Sep 17 00:00:00 2001 From: chika <983123963@qq.com> Date: Sat, 31 Jul 2021 14:20:47 +0800 Subject: [PATCH 2/3] =?UTF-8?q?fix(lockscreen):=20=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=E7=94=B5=E6=B1=A0=E7=BB=84=E4=BB=B6=E5=9C=A8=E5=AE=BD=E5=BA=A6?= =?UTF-8?q?=E8=BE=83=E5=B0=8F=E7=9A=84=E6=83=85=E5=86=B5=E4=B8=8B=E4=BC=9A?= =?UTF-8?q?=E4=B8=8E=E6=97=B6=E9=97=B4=E9=87=8D=E5=8F=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Lockscreen/Recharge.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Lockscreen/Recharge.vue b/src/components/Lockscreen/Recharge.vue index 514dd36..63913e9 100644 --- a/src/components/Lockscreen/Recharge.vue +++ b/src/components/Lockscreen/Recharge.vue @@ -55,7 +55,7 @@ bottom: 20vh; left: 50vw; width: 300px; - height: 400px; + height: 500px; transform: translateX(-50%); .number { From e602fc50c0f6e53feaf92264bde1219e0d6d5b2f Mon Sep 17 00:00:00 2001 From: chika <983123963@qq.com> Date: Sat, 31 Jul 2021 14:25:52 +0800 Subject: [PATCH 3/3] =?UTF-8?q?fix(lockscreen):=20=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E7=94=B5=E9=87=8F=E6=98=BE=E7=A4=BA=E4=BD=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Lockscreen/Recharge.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Lockscreen/Recharge.vue b/src/components/Lockscreen/Recharge.vue index 63913e9..b8f7f81 100644 --- a/src/components/Lockscreen/Recharge.vue +++ b/src/components/Lockscreen/Recharge.vue @@ -60,7 +60,7 @@ .number { position: absolute; - top: 27%; + top: 20%; z-index: 10; width: 300px; font-size: 32px;