<route lang="json5">
{
  style: {
    navigationBarTitleText: '线下活动',
    navigationBarBackgroundColor: '#fff',
  },
}
</route>

<script setup lang="ts">
import SectionHeading from '@/components/section-heading.vue'
import Card from '@/components/card.vue'
import RegisterCard from '../components/register-card.vue'
import OfflineActivityItem from '../components/offline-activity-item.vue'

const tab = ref<number>(0)
</script>

<template>
  <view class="px-3.5">
    <section-heading custom-class="my-6" title="线下活动"></section-heading>
    <register-card></register-card>
    <card custom-class="my-6">
      <div class="my-7.5 text-black text-xl font-normal font-['PingFang SC'] leading-[10.18px]">
        筑巢荟-活动营
      </div>
      <div
        class="w-[319px] h-[264px] text-justify text-black/40 text-base font-normal font-['PingFang SC'] leading-relaxed"
      >
        我们为您精心打造了一个独特且极具价值的活动营。这个项目的核心旨在全方位提升您作为设计师的能力。
        在这里，您将拥有无比优质的游学资源。我们与全球知名的设计学府、顶尖设计工作室以及具有代表性的经典建筑和室内空间建立了紧密合作。您将有机会深入这些卓越的场所，亲身体验最前沿的设计理念和实践。
        参与专业的研讨会和工作坊，与同行们分享见解、碰撞思维火花，进一步深化对设计的理解。
      </div>
    </card>
    <wd-tabs v-model="tab">
      <block v-for="item in 4" :key="item">
        <wd-tab :title="`标签${item}`"></wd-tab>
      </block>
    </wd-tabs>
    <offline-activity-item class="my-6"></offline-activity-item>
    <offline-activity-item class="my-6"></offline-activity-item>
  </view>
</template>

<style scoped lang="scss"></style>
