<template>
  <Container
    title="挑战"
    :scrollStyle="{
      padding: 0,
    }"
    :showBack="false"
  >
    <view>
      <view class="bg"></view>
    </view>
    <template #stick>
      <button class="btn" @click="toAdd">立即报名！参与挑战！</button>
    </template>
  </Container>
</template>

<script setup>
import Container from "../../components/Container/Container.vue";
import { router } from "../../utils/router";

const toAdd = () => {
  router.push({
    url: "/pages/challenge/addContant",
  })
}
</script>

<style lang="scss" scoped>
.bg {
  width: 100%;
  height: 1734rpx;
  background: url("https://openwork-oss.oss-cn-shenzhen.aliyuncs.com/uploads/question/2025/05/IFolqhKEbaTWdBgII6gjvqMKrf8WUbbgEpoeRH5t.png");
  background-size: cover;
  padding: 32rpx;
  box-sizing: border-box;
}

.btn {
  width: 660rpx;
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
}
</style>
