Files
dvcp_v2_wxcp_app/library/project/wuxi/AppMeeting/AppAgenda.vue
2024-10-31 14:34:57 +08:00

179 lines
6.5 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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">1230 1700 </p>
<p class="text">报到地点水韵酒店 杜一丹 18996685665胡鐘月 13618377596</p>
<p class="title">欢迎晚宴</p>
<p class="time">1800 1900 </p>
<p class="text">就餐地点水韵酒店 1 号宴会厅</p>
<p class="title"><span></span></p>
<p class="time">1910 1920</p>
<p class="text">乘车前往县影剧院</p>
<p class="time">1930 2115 </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">2115 2130</p>
<p class="text">乘车返回水韵酒店</p>
</div>
<div class="tab-content" v-if="tabIndex == 1">
<p class="time">935 940 </p>
<p class="text">重庆市巫溪县政府副县长<span>陈钢</span></p>
<p class="time">940 1000 </p>
<p class="text">中国工程院院士刘仲华院士<span>祝福视频</span></p>
<p class="title">第一篇章代用之茶巫溪老鹰茶</p>
<p class="time">1005 1020 </p>
<p class="text">中国茶叶学会理事西南大学涪陵研究院院长曾亮议题<span>老鹰茶的物质基础组成和功效评价</span></p>
<p class="time">1020 1035</p>
<p class="text">林草种质资源创新利用所副所长戴前莉议题<span>巫溪老鹰茶资源禀赋铸就产业先发展</span></p>
<p class="title">第二篇章健康之茶巫溪老鹰茶</p>
<p class="time">1035 1050</p>
<p class="text">中国农业科学院茶叶研究所所长茶业经济与文化研究创新团队首席科学家中国茶叶学会理事长姜仁华议题<span>科技赋能老鹰茶产品健康功效</span></p>
<p class="time">1050 1105</p>
<p class="text">中华全国供销合作总社杭州茶叶研究所党委委员谭蓉议题<span>不同加工工艺对老鹰茶风味品质的影响研究</span></p>
<p class="time">1105 1120</p>
<p class="text">重庆中医药学院中药学院副院长曹纬国副院长<br/>议题<span>老鹰茶食用价值研究</span></p>
<p class="title">第三篇章爆品之茶巫溪老鹰茶</p>
<p class="time">1120 1135</p>
<p class="text">宁饮川老鹰茶公司运营总监周泓妤议题<span>巫溪老鹰茶发展历程与品牌发展</span></p>
<p class="time">1135 1150</p>
<p class="text">金蒲莲老鹰茶公司负责人黎军议题<span>巫溪老鹰茶品牌营销金蒲莲的拓圈之路</span></p>
<p class="time">1150 1205</p>
<p class="text">深圳市华巨臣国际会展集团三茶创新研究院项目负责人&企划中心品牌副经理孙逸超议题<span>平台赋能巫溪老鹰茶品牌塑造与产业崛起之道</span></p>
<p class="time">1205 1220</p>
<p class="text">小罐茶联合创始人于进江议题<span>鹰姿飒爽打造百亿老鹰茶区域品牌</span></p>
<p class="time">1220 1230</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>