<template>
  <view
    class="home-page page4"
    :style="{ backgroundImage: `url(${baseUrl}/images/bg-4.png)` }"
  >
    <view class="logo">
      <image src="@/assets/reservation-images/logo.svg" mode="widthFix"></image>
    </view>
    <!-- 内容 -->
    <view class="title"> 注意事项 </view>
    <view class="card blur-bg">
      <view class="card-item" v-for="(item, index) in list" :key="index">
        {{ item }}
      </view>
    </view>
  </view>
</template>

<script setup>
import { baseUrl } from '@/reservation/config'
import { ref } from 'vue'
defineOptions({
  name: 'page4',
})
const list = ref([
  '若有特殊参观要求，如参观路线、时长，讲解内容等，请联系工厂工作人员。',
  '提交预约信息后，工作人员审核后生效。请抵达工厂时向正作人员出示入场二维码。',
  '每日可提交次日预约信息，如遇时段已满或闭馆情况，请更换预约时间。',
  '所有参观人员须实名预约，实名入场参观。',
  '除特殊工作犬外，不得携带任何宠物。',
  '馆内禁止吸烟，请自觉维护环境卫生，勿丢弃杂物。',
  '酗酒者、衣冠不整者以及无行为能力或限制行为能力者、无监护人陪伴的，谢绝入馆。',
  '管制械具、打火机等易燃易爆品，饮料、食品及宠物等禁止带入场馆，请提前处理。',
  '参观前请路将随身包裹奇存，贵重物品自行保管。',
  '参观时清自觉遵守参观秩序，不要大声喧哗，以免影响其他观众。请将手机设置为静音。',
])
</script>

<style lang="less" scoped>
@import './index.less';
</style>
