提交

2024-11-04 18:08:04 +08:00
parent 38c79bcd47
commit 6211bfda7c
19 changed files with 6559 additions and 1197 deletions
--- a/components/battery.vue
+++ b/components/battery.vue
@@ -0,0 +1,63 @@
+<template>
+	<view class="battery-container">
+		<view class="battery-body"><view class="battery" :style="{ width: `${level}%` }"></view></view>
+		<view class="battery-head"></view>
+	</view>
+</template>
+
+<script>
+export default {
+	props: {
+		level: {
+			type: Number,
+			default: 0
+		},
+		charging: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {};
+	},
+	mounted() {},
+	methods: {}
+};
+</script>
+
+<style lang="scss" scoped>
+.battery-container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 25px;
+	height: 10px;
+	.battery-body {
+		position: relative;
+		padding: 1px;
+		width: 22px;
+		height: 100%;
+		border-radius: 1px;
+		border: $minor-text-color solid 1px;
+		.battery {
+			height: 100%;
+			background-color: $minor-text-color;
+		}
+		.charging {
+			position: absolute;
+			left: 50%;
+			top: 50%;
+			transform: translate(-50%, -50%);
+			height: 12px;
+			line-height: 12px;
+			font-size: 15px;
+			color: #333;
+		}
+	}
+	.battery-head {
+		width: 2px;
+		height: 6px;
+		background-color: $minor-text-color;
+	}
+}
+</style>