activity/src/view/schedule/page5.vue

<template>
  <skeleton title="活动日程" titleLine="">
    <div class="item ptitle">一、报到</div>
    <div class="group">
      <div class="item">时间：7月8日12:00-7月9日12:00</div>
      <div class="item">地点：陕西宾馆18号楼一楼大厅</div>
    </div>
    <div class="item ptitle">二、主体活动</div>
    <div class="group">
      <div class="item ctitle">1. "盛世中华 何以中国"网上主题宣传启动仪式</div>
      <div class="item">时间：7月9日20:00-21:30</div>
      <div class="item">地点：陕西考古博物馆</div>
    </div>
    <div class="group">
      <div class="item ctitle">
        2. "担负新时代文化使命 激活中华文明新活力"主题论坛
      </div>
      <div class="item">时间：7月9日14:30-16:30</div>
      <div class="item">地点：陕西宾馆会议中心3-5会议室</div>
    </div>
    <div class="group">
      <div class="item ctitle">3. 主体活动期间安排文博单位考察</div>
      <div class="item">时间：7月9日上午</div>
      <div class="item">地点：陕西考古博物馆</div>
      <div class="item">时间：7月10日上午</div>
      <div class="item">地点：陕西考古博物馆或小雁塔博物院</div>
    </div>

    <div class="item ptitle">三、媒体活动</div>
    <div class="group">
      <div class="item ctitle">
        1. 创意直播
      </div>
      <div class="item" style="text-indent: 2em;">
        哔哩哔哩平台联合陕西广电融媒体集团,推出“何以中国·宝藏少年问陕西”创意直播活动,以UP主的青春视角,通过技术赋能文化传播,以探馆对话音乐舞蹈等创新表达,实现古老文明与现代技术的激情碰撞,探寻“何以中国”的陕西答案。
      </div>
      <div class="item">时间：7月8日-7月10日</div>
    </div>
    <div class="group">
      <div class="item ctitle">2. 线下采访</div>
      <div class="item" style="text-indent: 2em;">
        “盛世中华 何以中国”全国主题采访活动首站从陕西拉开帷幕。中央媒体、文物大省和属地新闻网站、新媒体组成采访团，在陕西各地文博一线展开线下主题采访活动，多维度展现中华优秀传统文化传承发展的时代价值和丰硕成果。
      </div>
      <div class="item">时间：7月9日-7月13日</div>
      <div class="item ctitle">西安市</div>
      <div class="item">陕西历史博物馆、秦始皇帝陵博物院</div>
      <div class="item ctitle">宝鸡市</div>
      <div class="item">宝鸡青铜器博物馆</div>
      <div class="item ctitle">延安市</div>
      <div class="item">黄帝陵</div>
      <div class="item ctitle">榆林市</div>
      <div class="item">镇北台、红石峡、石峁遗址、统万城遗址</div>
    </div>
    <div class="item"></div>
  </skeleton>
</template>
<script setup>
import skeleton from './skeleton.vue';
</script>
<style lang="scss">
// 动画库
@import url(./sass/animation.scss);
@import url(./sass/base.scss);
h2 {
  margin-bottom: 10px;
}

.group {
  padding-left: 2em;

  .ctitle {
    color: #6778a8;
  }
}
.item {
  line-height: 2em;
  padding-left: 3px;
  margin-bottom: 10px;
}
.ptitle {
  font-weight: 600;
  color: #6778a8;
}
</style>