页面布局优化

src/pages/first-try.vue

@@ -260,7 +260,7 @@ const onClose = () => {
       />
       <canvas class="share-canvas" id="shareCanvas" type="2d"></canvas>
     </view>
-    <view :style="{ marginBottom: '20px' }">
+    <template #bottom>
       <SButton v-if="step !== 4" :onClick="nextStep" :disabled="btnDisabled">
         <BubbleTip v-if="showGuide" :type="step === 1 ? 'long' : 'short'">
           <text :style="{ transform: 'translateY(-18rpx)' }">{{
@@ -269,7 +269,7 @@ const onClose = () => {
         </BubbleTip>
         {{ stepButtonTexts[step] }}
       </SButton>
-    </view>
+    </template>
   </Container>
 </template>