完善弓箭调试和相关组件

src/pages/first-try.vue

@@ -2,17 +2,18 @@
 import AppBackground from "@/components/AppBackground.vue";
 import Header from "@/components/Header.vue";
 import Guide from "@/components/Guide.vue";
+import Button from "@/components/Button.vue";
 </script>
 
 <template>
   <view>
     <AppBackground />
     <Header title="新手试炼场" />
-    <Guide
-      title="hi，Rocker，这是新人必刷小任务，0基础小白也能快速掌握弓箭技巧和游戏规则哦~：）"
-    />
+    <Guide>
+      hi，Rocker，这是新人必刷小任务，0基础小白也能快速掌握弓箭技巧和游戏规则哦~：）</Guide
+    >
     <image src="../static/first-try-tip.png" class="try-tip" mode="widthFix" />
-    <button class="start-btn">开始</button>
+    <Button>开始</Button>
   </view>
 </template>
 
@@ -21,13 +22,4 @@ import Guide from "@/components/Guide.vue";
   width: calc(100% - 20px);
   margin: 10px 10px;
 }
-.start-btn {
-  margin: 0 10px;
-  padding: 15px 0;
-  font-weight: bold;
-  width: calc(100% - 20px);
-  background-color: #fed847;
-  font-size: 15px;
-  border-radius: 10px;
-}
 </style>