页面优化

src/components/BowTarget.vue

@@ -75,7 +75,7 @@ function calcRealY(num) {
 <style scoped>
 .container {
   width: calc(100% - 30px);
-  margin: 15px;
+  padding: 15px;
   overflow: hidden;
 }
 .target {

src/components/Container.vue

@@ -26,11 +26,12 @@ defineProps({
 <style scoped>
 .content {
   width: 100%;
-  height: calc(100vh - 96px);
+  height: calc(100vh - 116px);
   overflow: auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
+  padding-bottom: 10px;
 }
 </style>

src/components/Guide.vue

@@ -33,15 +33,14 @@ defineProps({
   display: flex;
   align-items: center;
   padding: 0 15px;
-  width: 100%;
+  width: clac(100% - 30px);
 }
 .container > image {
   width: 20%;
 }
 .container > view {
   position: relative;
-  width: 75%;
-  padding-right: 25px;
+  width: 80%;
   min-height: 55px;
   display: flex;
   flex-direction: column;
@@ -49,7 +48,7 @@ defineProps({
 .container > view > image {
   position: absolute;
   left: -7%;
-  width: 98%;
+  width: 108%;
 }
 .container > view {
   color: #fff;

src/components/ScoreResult.vue

@@ -97,7 +97,7 @@ setTimeout(() => {
           :onClick="() => (showComment = true)"
         />
         <SButton width="70vw" :rounded="30" :onClick="closePanel"
-          >下一步</SButton
+          >完成</SButton
         >
       </view>
     </view>