UI开发

2025-05-16 15:56:54 +08:00
parent 34c9dd00e2
commit 779b3395db
35 changed files with 1003 additions and 40 deletions
--- a/src/components/BowPower.vue
+++ b/src/components/BowPower.vue
@@ -0,0 +1,28 @@
+<script setup>
+defineProps({
+  power: {
+    type: Number,
+    default: 0,
+  },
+});
+</script>
+
+<template>
+  <view class="container">
+    <image src="../static/b-power.png" mode="widthFix" />
+    <view>电量{{ power }}%</view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  display: flex;
+  align-items: center;
+  color: #b9b9b9;
+  font-size: 13px;
+}
+.container > image {
+  width: 22px;
+  margin-right: 5px;
+}
+</style>