<template>
  <div class="WorldCup">
    <!-- 背景图 -->
    <img
      src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
      style="width: 100%"
    />
    <!-- 宣传视频 -->
    <!-- <video
      preload="metadata"
      crossorigin="anonymous"
      class="video_fill"
    >
      您的浏览器不支持 video 标签
    </video> -->
    <gsVideo url="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" />
    <!-- 活动介绍 -->
    <div>
      <van-cell-group>
        <van-cell title="活动介绍" />
      </van-cell-group>
    </div>
    <!-- 投稿区域 -->
    <div>
      <van-cell-group>
        <van-cell title="投稿区域" />
      </van-cell-group>
    </div>
    <!-- 投稿排行 -->
    <div>
      <van-cell-group>
        <van-cell title="投稿排行" />
      </van-cell-group>
    </div>
    <!-- 弹幕 -->
    <div>
      <van-cell-group inset>
        <van-field v-model="sms" center clearable placeholder="请输入弹幕">
          <template #button>
            <van-button size="small" type="primary">发送</van-button>
          </template>
        </van-field>
      </van-cell-group>
    </div>
    <!-- 冠军预测 -->
    <div>
      <van-cell-group>
        <van-cell title="冠军预测" />
      </van-cell-group>
    </div>
  </div>
</template>
<script setup>
// import { reactive } from "vue";
import { ref, onMounted } from "vue";
import gsVideo from "@/components/video.vue";
// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
/**
 * window.$originData.orginParames.title 页面标题
 * window.$originData.orginParames.parameters 固定参数值
 * window.$originData.urlParames url参数
 */
const sms = ref("");

onMounted(() => {});


</script>
<style>
.WorldCup {
  width: 100vw;
  height: 100vh;
  font-size: 0;
}

</style>
