<template>
  <view class="index">
    <image
      v-for="i in 10"
      :key="i"
      :src="`/static/index/image_${i}.jpeg`"
      mode="widthFix"
      class="img"
    />

    <view class="btn-bottom">
      <button class="next-btn" @tap="nextStep">马上体验</button>
    </view>
  </view>
</template>

<script setup>
  import sheep from '@/sheep';
  import { ref } from 'vue';

  import { onLoad } from '@dcloudio/uni-app';

  const token = ref('');

  onLoad((e) => {
    token.value = e.token;
    uni.setStorageSync('token', e.token);
  });

  const nextStep = () => {
    sheep.$router.go(`/pages/base-info/index?token=${token.value}`);
  };
</script>

<style lang="scss" scoped>
  .index {
    .img {
      display: block;
      width: 100%;
    }

    .btn-bottom {
      margin-top: -120rpx;

      height: 300rpx;
      //   background-color: red;

      .next-btn {
        width: 80% !important;
        height: 80rpx;
        // border-radius: 16rpx;
        background-color: #0d232c;
        color: white;
        font-size: 32rpx;
      }
    }
  }
</style>
