完善弓箭调试和相关组件

2025-05-08 22:05:53 +08:00
parent ab169af87f
commit a8834ad899
15 changed files with 238 additions and 41 deletions
--- a/src/components/BowTarget.vue
+++ b/src/components/BowTarget.vue
@@ -0,0 +1,49 @@
+<script setup></script>
+
+<template>
+  <view class="container">
+    <view class="header">
+      <image src="../static/avatar.png" mode="widthFix" />
+      <view>
+        <image src="../static/b-power.png" mode="widthFix" />
+        <view>电量50%</view>
+      </view>
+    </view>
+    <image src="../static/bow-target.png" mode="widthFix" />
+  </view>
+</template>
+
+<style scoped>
+.container {
+  position: relative;
+  width: calc(100% - 30px);
+  padding: 50px 15px;
+}
+.container > image {
+  width: 100%;
+}
+.header {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: calc(100% - 30px);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 15px;
+  font-size: 13px;
+}
+.header > image {
+  width: 40px;
+  height: 40px;
+}
+.header > view {
+  display: flex;
+  align-items: center;
+  color: #b9b9b9;
+}
+.header > view > image {
+  width: 22px;
+  margin-right: 5px;
+}
+</style>