shoot-miniprograms/src/pages/first-try.vue

<script setup>
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>
      hi，Rocker，这是新人必刷小任务，0基础小白也能快速掌握弓箭技巧和游戏规则哦~：）</Guide
    >
    <image src="../static/first-try-tip.png" class="try-tip" mode="widthFix" />
    <Button>开始</Button>
  </view>
</template>

<style scoped>
.try-tip {
  width: calc(100% - 20px);
  margin: 10px 10px;
}
</style>