dvcp_v2_wxcp_app/library/project/wuxi/AppMeeting/AppAgenda.vue

<template>
  <div class="AppAgenda">
    <div class="tab">
      <div :class="tabIndex == index ? 'item active': 'item'" v-for="(item, index) in tabList" :key="index" @click="tabIndex=index">{{ item }}</div>
    </div>
    <div class="home-content">
      <div class="tab-content" v-if="tabIndex == 0">
        <p class="title">嘉宾报到</p>
        <p class="time">12：30 — 17：00 </p>
        <p class="text">报到地点：水韵酒店；联 系 人：杜一丹 18996685665；胡鐘月 13618377596</p>

        <p class="title">欢迎晚宴</p>
        <p class="time">18：00 — 19：00 </p>
        <p class="text">就餐地点：水韵酒店 1 号宴会厅</p>

        <p class="title"><span></span></p>
        <p class="time">19：10 — 19：20</p>
        <p class="text">乘车前往县影剧院</p>

        <p class="time">19：30 — 21：15 </p>
        <p class="text">参加中国老鹰茶之乡·2024巫溪老鹰茶文旅消费节启幕仪式</p>
        <p class="text">1.巫溪县委副书记、县政府县长王中致欢迎辞</p>
        <p class="text">2.中国经济林协会常务理事单位、重庆市老鹰茶检测研发中心揭牌</p>
        <p class="text">3.颁发老鹰茶有机认证证书</p>
        <p class="text">颁证人：北京爱科赛尔认证中心有限公司运营副总 周继强</p>
        <p class="text">接收人：盛景旅游（集团）公司董事长 李晓华</p>
        <p class="text">4.发布巫溪老鹰茶VI视觉体系、老鹰茶特色产区、巫溪老鹰</p>
        <!-- <p class="title">茶“树王”“树后”</p> -->
        <p class="text">5.巫溪老鹰茶产业顾问聘任仪式</p>
        <p class="text">6.签约仪式</p>
        <p class="text">7.中国工程院院士、湖南师范大学校长、教育部茶学重点实验室主任刘仲华和国际茶日推广大使张国立祝福视频。</p>
        <p class="text"> 8.老鹰茶封藏仪式</p>
        <p class="text">9.中国老鹰茶之乡·2024 巫溪老鹰茶文旅消费节启动仪式</p>
        <p class="text">10.“天地灵气 巫咸古茶”文艺展演</p>
 
        <p class="time">21：15 — 21：30</p>
        <p class="text">乘车返回水韵酒店</p>
      </div>
      <div class="tab-content" v-if="tabIndex == 1">
        <p class="time">9：35 — 9：40 </p>
        <p class="text">重庆市巫溪县政府副县长：<span>陈钢</span></p>

        <p class="time">9：40 — 10：00 </p>
        <p class="text">中国工程院院士刘仲华院士：<span>祝福视频</span></p>

        <p class="title">第一篇章：代用之茶——巫溪老鹰茶</p>
        <p class="time">10：05 — 10：20 </p>
        <p class="text">中国茶叶学会理事，西南大学涪陵研究院院长曾亮议题：<span>老鹰茶的物质基础组成和功效评价</span></p>

        <p class="time">10：20 — 10：35</p>
        <p class="text">林草种质资源创新利用所副所长戴前莉议题：<span>巫溪老鹰茶资源禀赋铸就产业先发展</span></p>

        <p class="title">第二篇章：健康之茶——巫溪老鹰茶</p>
        <p class="time">10：35 — 10：50</p>
        <p class="text">中国农业科学院茶叶研究所所长、茶业经济与文化研究创新团队首席科学家，中国茶叶学会理事长姜仁华议题：<span>科技赋能老鹰茶产品健康功效</span></p>

        <p class="time">10：50 — 11：05</p>
        <p class="text">中华全国供销合作总社杭州茶叶研究所党委委员谭蓉议题：<span>不同加工工艺对老鹰茶风味品质的影响研究</span></p>

        <p class="time">11：05 — 11：20</p>
        <p class="text">重庆中医药学院中药学院副院长曹纬国副院长<br/>议题：<span>老鹰茶食用价值研究</span></p>

        <p class="title">第三篇章：爆品之茶——巫溪老鹰茶</p>
        <p class="time">11：20 — 11：35</p>
        <p class="text">宁饮川老鹰茶公司运营总监周泓妤议题：<span>巫溪老鹰茶发展历程与品牌发展</span></p>

        <p class="time">11：35 — 11：50</p>
        <p class="text">金蒲莲老鹰茶公司负责人黎军议题：<span>巫溪老鹰茶品牌营销—金蒲莲的“拓圈”之路</span></p>

        <p class="time">11：50 — 12：05</p>
        <p class="text">深圳市华巨臣国际会展集团三茶创新研究院项目负责人&企划中心品牌副经理孙逸超议题：<span>平台赋能：巫溪老鹰茶品牌塑造与产业崛起之道</span></p>

        <p class="time">12：05 — 12：20</p>
        <p class="text">小罐茶联合创始人于进江议题：<span>鹰姿飒爽！打造百亿老鹰茶区域品牌</span></p>

        <p class="time">12：20 — 12：30</p>
        <p class="text">会议结束</p>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'AppAgenda',
  appName: '日程安排',

  data() {
    return {
      tabList: ['4月23日', '4月24日'],
      tabIndex: 0
    }
  },
  mounted() {
    document.title = '日程安排'
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
uni-page-body{
  height: 100%;
}
.AppAgenda {
  min-height: 100%;
  width: 100%;
  background-image: url("./img/detail-bg.png");
  background-size: 100% 100%;
  padding: 32px 0 128px 0;
  overflow: auto;
  box-sizing: border-box;
  .home-content {
    min-height: calc(100% - 316px);
    width: calc(100% - 64px);
    margin: 0 32px;
    padding: 48px 32px 28px;
    background: #FFF;
    border-radius: 24px;
    box-sizing: border-box;
    .title {
      line-height: 44px;
      font-family: PingFangSC-SNaNpxibold;
      font-weight: 600;
      font-size: 32px;
      color: #F5510A;
      margin: 8px 0 0 4px;
    }
    .time {
      line-height: 44px;
      font-family: PingFangSC-SNaNpxibold;
      font-weight: 600;
      font-size: 32px;
      color: #999;
      margin-bottom: 4px;
    }
    .text {
      color: #222;
      font-size: 28px;
      font-family: PingFangSC;
      font-weight: 600;
      line-height: 48px;
      margin-bottom: 24px;
      span {
        display: inline-block;
        font-weight: 400;
      }
    }

  }
  .tab {
    position: fixed;
    top: 752px;
    left: 0;
    padding: 16px;
    background-color: #F9F9F9;
    border-radius: 8px;
    z-index: 999;
    .item {
      width: 176px;
      line-height: 68px;
      color: #666;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      font-size: 28px;
      text-align: center;
    }
    .active {
      background: #FFF;
      border-radius: 8px;
      color: #F5510A;
    }
  }
}
</style>