4月23

src/project/wuxi/AppMeeting/AppAgenda.vue

@@ -1,6 +1,10 @@
 <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="time">9：35 — 9：40 </p>
         <p class="text">重庆市巫溪县政府副县长：<span>陈钢</span></p>
 
@@ -39,6 +43,56 @@
 
         <p class="time">12：20 — 12：30</p>
         <p class="text">会议结束</p>
+      </div>
+      
+      <div class="tab-content" v-if="tabIndex == 1">
+        <p class="time">19：20 — 19：30 </p>
+        <p class="text">暖场及观看宣传片</p>
+
+        <p class="title">第一篇章：<span>迎盛会｜老鹰茶韵飘万里·文化传承谱新篇</span></p>
+        <p class="time">19：30 — 19：33</p>
+        <p class="text">巫溪县人民政府县长王中同志致欢迎辞</p>
+
+        <p class="time">19：33 — 19：36</p>
+        <p class="text">为中国经济林协会为巫溪县老鹰茶协会、重庆市老鹰茶检测研发中心揭牌</p>
+
+        <p class="time">19：36 — 19：38</p>
+        <p class="text">发布巫溪老鹰茶团体标准（老鹰茶种苗技术规程、巫溪老鹰茶加工技术规范、林木良种证），以及重庆市食品安全地方标准</p>
+
+        <p class="time">19：38 — 19：40</p>
+        <p class="text">颁发老鹰茶有机认证证书</p>
+
+        <p class="time">19：40 — 19：45</p>
+        <p class="text">发布巫溪老鹰茶VI视觉体系、老鹰茶特色产区、巫溪老鹰茶“茶王”“茶后”</p>
+
+        <p class="time">19：45 — 19：50</p>  
+        <p class="text">发放聘书</p>
+
+        <p class="time">19：50 — 19：58</p>  
+        <p class="text">招商签约仪式</p>
+
+        <p class="time">19：58 — 20：04</p>  
+        <p class="text">老鹰茶封藏仪</p>
+
+        <p class="time">20：04 — 20：07</p>  
+        <p class="text">中国老鹰茶之2024巫溪老鹰茶文旅消费节启动仪式</p>
+
+        <p class="title">二篇章：溯茶源｜巫咸古韵舞翩跹·老鹰茶歌传四方</p>
+        <p class="time">20：10 — 21：10 </p>
+        <p class="text">（1）节目一：序--音乐剧《巫溪欢迎你》</p>
+        <p class="text">（2）节目二：情景颂唱《老鹰茶赋》</p>
+        <p class="text">（3）节日三：歌伴舞《敬你一杯老鹰茶》</p>
+        <p class="text">（4）节目四：情景男子群舞《盐之灵》</p>
+        <p class="text">（5）节目五：情景歌舞剧《巫溪茶姑》</p>
+
+        <p class="text">①篇章《采茶舞》</p>
+        <p class="text">②篇章《制茶舞》；</p>
+        <p class="text">③篇章《献茶舞》</p>
+        <p class="text">（6）节目六：情景歌舞《金色老鹰茶》</p>
+        <p class="text">（7）节目七：流行说唱《家乡美如画》</p>
+        <p class="text">（8）节目八：融合剧《天地灵气》</p>
+        <p class="text">（9）节目九：大型情景融合剧《梦逍遥》</p>
+      </div>
 
     </div>
   </div>
@@ -52,6 +106,8 @@ export default {
 
   data() {
     return {
+      tabList: ['4月22日', '4月23日'],
+      tabIndex: 0
     }
   },
   mounted() {
@@ -113,5 +169,28 @@ uni-page-body{
     }
 
   }
+  .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>