<script setup>
import Container from "@/components/Container.vue";
import SButton from "@/components/SButton.vue";
</script>

<template>
  <Container title="智能弓箭">
    <view class="container">
      <image src="../static/1v1-bg.png" mode="widthFix" />
      <text>商品形象图及配图标题</text>
      <text
        >在射灵世界中，等级是衡量您射箭技能的重要指标，而点数则是您提升等级的关键。具体的要求如下
        每射出一支箭并上靶：无论您射出的箭命中哪个环数，只要箭成功上靶，您将获得1点基础点数。这是您积累点数的基本方式，每一次射击都是您向更高目标迈进的一步。
        射出的箭命中7-9环：当您的箭命中7环、8环或9环时，除了获得1点基础点数外，还将额外获得0.5点基础点数；
        射出的箭命中10环：命中10环是射箭中的最高成就，因此，当您的箭命中10环时，除了获得1点基础点数外，还将额外获得1点基础点数.即每次命中10环将总共获得？</text
      >
      <SButton>加官方企业微信订购（有优惠）</SButton>
    </view>
  </Container>
</template>

<style scoped>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container > image {
  width: 80%;
}
.container > text {
  color: #fff;
  margin: 20px 0;
}
.container > text:nth-child(3) {
  font-size: 14px;
  color: #fff9;
  margin-top: 0;
  padding: 0 15px;
}
</style>
