细节优化

src/pages/practise-two.vue

@@ -6,6 +6,8 @@ import BowTarget from "@/components/BowTarget.vue";
 import ScorePanel from "@/components/ScorePanel.vue";
 import ScoreResult from "@/components/ScoreResult.vue";
 import SButton from "@/components/SButton.vue";
+import Avatar from "@/components/Avatar.vue";
+import BowPower from "@/components/BowPower.vue";
 import { createPractiseAPI } from "@/apis";
 import { MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
@@ -66,11 +68,13 @@ onUnmounted(() => {
         :tips="`请连续射箭${total}支`"
         :total="120"
       />
+      <view class="infos">
+        <Avatar :src="user.avatar" :size="35" />
+        <BowPower :power="power" />
+      </view>
       <BowTarget
         :totalRound="total"
         :currentRound="scores.length + 1"
-        :avatar="user.avatar"
-        :power="power"
         :scores="scores"
         :tips="
           !start && scores.length > 0
@@ -102,4 +106,12 @@ onUnmounted(() => {
   </Container>
 </template>
 
-<style scoped></style>
+<style scoped>
+.infos {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 15px;
+  padding-top: 15px;
+}
+</style>