巫溪

project/wuxi/h5/AppAgenda/AppAgenda.vue

@@ -0,0 +1,120 @@
+<template>
+  <div class="AppAgenda">
+    <div class="home-content">
+      <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>
+</template>
+
+<script>
+
+export default {
+  name: 'Agenda',
+  label: '活动议程',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    menuName: {default: "活动议程"}
+  },
+
+  data() {
+    return {
+
+    }
+  },
+
+  mounted() {
+  },
+
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss">
+.AppAgenda {
+  height: 100%;
+  width: 100%;
+  background-image: url("./img/detail-bg.png");
+  background-size: 100% 100%;
+  padding: 16px 0 64px 0;
+  overflow: auto;
+  .home-content {
+    min-height: calc(100% - 158px);
+    width: calc(100% - 32px);
+    margin: 0 16px;
+    padding: 24px 16px 14px;
+    background: #FFF;
+    border-radius: 12px;
+    .title {
+      line-height: 22px;
+      font-family: PingFangSC-SNaNpxibold;
+      font-weight: 600;
+      font-size: 16px;
+      color: #F5510A;
+      margin: 4px 0 0 2px;
+    }
+    .time {
+      line-height: 22px;
+      font-family: PingFangSC-SNaNpxibold;
+      font-weight: 600;
+      font-size: 16px;
+      color: #999;
+      margin-bottom: 2px;
+    }
+    .text {
+      color: #222;
+      font-size: 14px;
+      font-family: PingFangSC;
+      font-weight: 600;
+      line-height: 24px;
+      margin-bottom: 12px;
+      span {
+        display: inline-block;
+        font-weight: 400;
+      }
+    }
+
+  }
+}
+</style>

project/wuxi/h5/AppCheckInfo/AppCheckInfo.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="AppCheckInfo">
+    <div class="home-content">
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'CheckInfo',
+  label: '入住信息',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    menuName: {default: "入住信息"}
+  },
+
+  data() {
+    return {
+    }
+  },
+
+  mounted() {
+  },
+
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss">
+.AppCheckInfo {
+  height: 100%;
+  width: 100%;
+  background-image: url("./img/detail-bg.png");
+  background-size: 100% 100%;
+  .home-content {
+    height: calc(100% - 158px);
+    width: calc(100% - 32px);
+    margin: 0 16px;
+    background: #FFF;
+    border-radius: 12px;
+  }
+}
+</style>

project/wuxi/h5/AppDetail/AppDetail.vue

@@ -0,0 +1,186 @@
+<template>
+  <div class="AppDetail">
+    <!-- <div class="top-title">{{tabList[tabIndex]}}</div> -->
+    <div class="home-content">
+      <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="tab-content" v-if="tabIndex == 0">
+        <div class="title">天地灵气 逍遥巫溪</div>
+        <p>
+          “天地灵巫,融水汇溪”。巫溪由此得名,古称“上古盐都”,今誉“峡郡桃源”。全县幅员面积4030平方公里,辖32个乡镇(街道),户籍人口54万。
+          获得了“全国文明城市”“国家卫生县城”“国家园林县城”“中国人居环境范例奖”“全国森林旅游示范县”“全国药材生产红旗县”等殊荣,为长江三峡“
+          黄金三角”文旅协同发展示范区。2023年,全县地区生产总值130.6亿元、同比增长6:5%。
+        </p>
+        <img src="./img/detail-ljwx.png" alt="">
+      </div>
+      <div class="tab-content" v-if="tabIndex == 1">
+        <div class="title">“巫巴文化”的故乡</div>
+        <p>
+          始建于汉建安十五年,历代政区迭变,悠久的历史积淀了厚重的“巴风巫韵”曾创造出“利分秦楚域,泽沛汉唐年”“一泉流白玉万里走黄金”的辉煌,
+          孕育了神秘的巫文化、盐文化。巫溪县是中华烤鱼文化的发源地,古法技艺味美鲜香、享誉全国;有“国家历史文化名镇”-宁厂古镇,宝源山天赐
+          盐泉亘古不竭,古法制盐技艺传承千年;有神秘悠远的盐马古栈道,有雄险奇秀的云台峰,有堪称世界之谜的荆竹坝西汉岩棺群,有三峡库区唯一未
+          淹没的古县城大宁古城.……..巫溪,是探索人类历史文明密码的宝库。
+        </p>
+        <img src="./img/detail-ljwx.png" alt="">
+      </div>
+      <div class="tab-content" v-if="tabIndex == 2">
+        <div class="title">三峡库区的“生态明珠”</div>
+        <p>
+          巫溪，是三峡库区的“生态明珠”。境内山清水秀、资源富集,有“重庆第一高峰”阴条岭“亚洲第一深谷”兰英大峡谷、“天下第一溪’大宁河,
+          有全市唯一一条I类水质河流-后溪河,有被誉为“大宁河七峡之冠”的妙峡,更有“南国第一高山草甸”-红池坝,是重庆市第一森林资源大县、
+          森林覆盖率达70.2%,是旅游观光、休闲度假的一方圣地。境内立体气候独特、农特产品绿色。有重庆市唯一中欧互认免检农产品-“巫溪洋芋”
+          有大西南地区面积最大的野生老鹰茶生长地是“中国老鹰茶之乡”;有历经千年传承品味正宗的“巫溪烤鱼”,是“国际烤鱼之乡”;有享誉全国的
+          太白贝母、大宁党参、巫溪独活等优质药材,是“中国道地药材之乡”。
+        </p>
+        <img src="./img/detail-ljwx.png" alt="">
+      </div>
+      <div class="tab-content" v-if="tabIndex == 3">
+        <div class="title">老鹰茶名字的由来</div>
+        <p>
+          传说在上古时期,神农氏到深山收罗草药,吃了一种草后不幸中毒,正值生命垂危之际,突然一只受伤的老鹰飞到树上,在啄食了几片树叶后便缓解了伤势。
+          神农氏看到之后也学着老鹰拾起几片清香缕缕的树叶,放入口中嚼而食之,顿觉神清气爽,诸毒豁然而解神农氏也不知此神树为何种树木,因与老鹰相遇而
+          发现就将其命名为“老鹰树”百姓常采叶煮饮之,最终成为了家喻户晓、流传千古的“老鹰茶”。的树叶,放入口中嚼而食之,顿觉神清气爽,诸毒豁然而解。
+          神农氏也不知此神树为何种树木,因与老鹰相遇而发现就将其命名为“老鹰树”,百姓常采叶煮饮之,最终成为了家喻户晓、流传千古的“老鹰茶”。
+        </p>
+        <img src="./img/detail-ljwx.png" alt="">
+      </div>
+      <div class="tab-content" v-if="tabIndex == 4">
+        <div class="title">巫溪老鹰茶历史悠久</div>
+        <p>
+          老鹰茶在我国发展历史悠久,最早可追溯至春秋战国时代,唐朝时期曾为贡茶,宋朝时期已作为茶马互市、博马贸易的主要商品,
+          明朝时期被收录于《本草纲目》之中。此外《万县乡土志》中也曾对老鹰茶有过记载和描述(当时巫溪县属于万县市管理)。
+        </p>
+        <p>
+          巫溪老鹰茶发展基本上与“巫盐文化”同时期产生。古代巫溪盐业发达,但山高路陡,食盐运输全靠人背马驮,运输期间只能自
+          备茶水老鹰茶因长时间不变味,成为了盐夫、商旅之人的必备饮用茶。几百年来,老鹰茶作为巫溪群众的日常饮品,在生产生
+          活中具有重要地位直至今日,巫溪民间将老鹰茶称为“盐背子茶”、“药王茶”还仍然保留着夏日饮用老鹰茶解渴、日常以老
+          鹰茶泡饭等生活习惯。
+        </p>
+        <img src="./img/detail-ljwx.png" alt="">
+      </div>
+      <div class="tab-content" v-if="tabIndex == 5">
+        <div class="title">品质优良 品牌响亮</div>
+        <p>
+          根据浙江省茶叶学会出具的《巫溪老鹰茶科学技术成果评价报告》表明,巫溪老鹰茶具有三个明显的成分特性:①老鹰茶属樟科植物不含咖啡碱,不会兴奋神经,
+          还能促进和提高睡眠质量。②老鹰茶富含黄酮类物质,远高于其他茶类,具有抗衰老氧化、降血糖血脂、保肝免疫等多种功效。③老鹰茶富含芳香油,具有除臭
+          祛味、抗炎降火的特殊功效。
+        </p>
+        <p>
+          按照家军书记调研巫溪后关于将“巫溪老鹰茶”作为“一县一品”重庆爆品打造的部署要求,巫溪县委、县政府已明确将“巫溪老鹰茶”列入全县“一主两辅”
+          特色产业进行重点打造到2030年,全县老鹰茶种植规模将达20万亩，年总产量达1万吨,年综合产值达50亿元,巫溪老鹰茶将成为具有“重庆辨识度、
+          国际影响力的爆品,领跑茶叶产业“新赛道”
+        </p>
+        <img src="./img/detail-ljwx.png" alt="">
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'AppDetail',
+  label: '了解巫溪',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    menuName: {default: "了解巫溪"}
+  },
+
+  data() {
+    return {
+      tabList: ['了解巫溪', '巫巴文化', '生态明珠', '老鹰茶由来', '老鹰茶历史', '品质与品牌'],
+      tabIndex: 0
+    }
+  },
+
+  mounted() {
+  },
+
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss">
+.AppDetail {
+  height: 100%;
+  width: 100%;
+  background-image: url("./img/detail-bg.png");
+  background-size: 100% 100%;
+  padding-top: 16px;
+  .top-title {
+    font-family: PingFangSC-SNaNpxibold;
+    font-weight: 600;
+    font-size: 17px;
+    line-height: 24px;
+    color: #FFF;
+    letter-spacing: 0;
+    text-align: center;
+    padding-top: 10px;
+    text-align: center;
+    margin-bottom: 26px;
+  }
+  .home-content {
+    height: calc(100% - 158px);
+    width: calc(100% - 32px);
+    margin: 0 16px;
+    background: #FFF;
+    border-radius: 12px;
+    .tab-content {
+      padding: 0 16px;
+      .title {
+        line-height: 30px;
+        font-family: PingFangSC-SNaNpxibold;
+        font-weight: 600;
+        font-size: 22px;
+        color: #222;
+        text-align: center;
+        padding: 20px 0 18px 0;
+      }
+      p {
+        width: 100%;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 15px;
+        color: #222;
+        text-align: justify;
+        line-height: 26px;
+        word-break: break-all;
+        text-indent: 2em;
+        margin-bottom: 16px;
+      }
+      img {
+        width: 100%;
+        height: 254px;
+        margin-bottom: 16px;
+      }
+    }
+    .tab {
+      position: fixed;
+      top: 500px;
+      left: 0;
+      padding: 8px;
+      background: rgba($color: #fff, $alpha: 0.4);
+      border-radius: 4px;
+      .item {
+        width: 88px;
+        line-height: 34px;
+        color: #666;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        text-align: center;
+      }
+      .active {
+        background: #FFF;
+        border-radius: 4px;
+        color: #F5510A;
+      }
+    }
+  }
+}
+</style>

project/wuxi/h5/AppIntroduce/AppIntroduce.vue

@@ -0,0 +1,142 @@
+<template>
+  <div class="AppIntroduce">
+    <div class="home-content">
+      <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="tab-content" v-if="tabIndex == 0">
+        <div class="title">2024巫溪老鹰茶文旅消费节<br/>研讨会暨产销对接会</div>
+        <img src="./img/seat-img.png" alt="" class="detail-img">
+        <p>
+          中国老鹰茶之乡·2024巫溪老鹰茶文旅消费节将于4月23日开幕。期间，将举办文创大赛、斗茶大赛、科普研学等系列。
+        </p>
+        <p>
+          消费节前期，巫溪组织专家对巫溪老鹰茶的历史渊源、独特功效、制作工艺、泡饮技巧、文化价值等5个方面进行深入研究，并开展“茶博士
+          说老鹰茶”科普活动；推动老鹰茶产业规范化发展，制定了育苗、产品加工、产品等系列“巫溪老鹰茶相关行业标准”；开展市场推广，启动了
+          老鹰茶特色示范产区命名和“茶王”“茶后”评比工作，擦亮“天地灵气 巫咸古茶”品牌；举办“渝你同饮”巫溪老鹰茶山城快闪活动，开发“巫溪
+          老鹰茶老冰棍”等系列产品，全方位展示巫溪老鹰茶产业发展成果。消费节期间，将通过全网直播等形式，全过程展示市级非遗技艺——巫溪老
+          鹰茶制作工艺，并推出老鹰茶长桌宴，举办巫溪老鹰产销对接会、主题研学和盐茶古道徒步等活动。
+        </p>
+      </div>
+      <div class="tab-content" v-if="tabIndex == 1">
+        <div class="title">座位表</div>
+        <img src="./img/seat-img.png" alt="" class="seat-img">
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'AppIntroduce',
+  label: '会议介绍',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    menuName: {default: "会议介绍"}
+  },
+
+  data() {
+    return {
+      tabList: ['了解会议', '座位表'],
+      tabIndex: 0
+    }
+  },
+
+  mounted() {
+  },
+
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss">
+.AppIntroduce {
+  height: 100%;
+  width: 100%;
+  background-image: url("./img/detail-bg.png");
+  background-size: 100% 100%;
+  padding-top: 16px;
+  .top-title {
+    font-family: PingFangSC-SNaNpxibold;
+    font-weight: 600;
+    font-size: 17px;
+    line-height: 24px;
+    color: #FFF;
+    letter-spacing: 0;
+    text-align: center;
+    padding-top: 10px;
+    text-align: center;
+    margin-bottom: 26px;
+  }
+  .home-content {
+    min-height: calc(100% - 158px);
+    width: calc(100% - 32px);
+    margin: 0 16px;
+    background: #FFF;
+    border-radius: 12px;
+    padding-bottom: 32px;
+    .tab-content {
+      padding: 0 16px;
+      .title {
+        line-height: 30px;
+        font-family: PingFangSC-SNaNpxibold;
+        font-weight: 600;
+        font-size: 22px;
+        color: #222;
+        text-align: center;
+        padding: 20px 0 18px 0;
+      }
+      p {
+        width: 100%;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 15px;
+        color: #222;
+        text-align: justify;
+        line-height: 26px;
+        word-break: break-all;
+        text-indent: 2em;
+        margin-bottom: 16px;
+      }
+      .detail-img {
+        width: 100%;
+        height: 254px;
+        margin-bottom: 16px;
+      }
+      .seat-img {
+        width: 100%;
+        height: 220px;
+        margin-top: 10px;
+      }
+
+    }
+    .tab {
+      position: fixed;
+      top: 500px;
+      left: 0;
+      padding: 8px;
+      background: rgba($color: #fff, $alpha: 0.4);
+      border-radius: 4px;
+      .item {
+        width: 88px;
+        line-height: 34px;
+        color: #666;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        text-align: center;
+      }
+      .active {
+        background: #FFF;
+        border-radius: 4px;
+        color: #F5510A;
+      }
+    }
+  }
+}
+</style>

project/wuxi/h5/AppMeeting/AppMeeting.vue

@@ -0,0 +1,193 @@
+<template>
+  <div class="AppMeeting">
+    <div class="top-title">2024巫溪老鹰茶文旅消费节</div>
+    <div class="home-content">
+      <div class="home-logo">
+        <img src="./img/home-logo.png" alt="">
+      </div>
+      <div class="home-title">
+        <img src="./img/home-title.png" alt="">
+      </div>
+      <div class="home-welcome">
+        <img src="./img/home-welcome.png" alt="">
+      </div>
+      <div class="flex-content">
+        <div class="item" v-for="(item, index) in list" :key="index" @click="linkTo(item.linkUrl)">
+          <img :src="item.icon" alt="">
+          <p>{{item.text}}</p>
+        </div>
+      </div>
+    </div>
+    <div class="home-footer">
+      <p>主办单位</p>
+      <div>中共巫溪县委员会   巫溪县人民政府</div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'AppMeeting',
+  label: '会议首页',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    menuName: {default: "会议首页"}
+  },
+
+  data() {
+    return {
+      list: [
+        {
+          linkUrl: '../AppDetail/AppDetail',
+          icon: require('./img/home-ljwx-icon.png'),
+          text: '了解巫溪'
+        },
+        {
+          linkUrl: '../AppIntroduce/AppIntroduce',
+          icon: require('./img/home-hyjs-icon.png'),
+          text: '会议介绍'
+        },
+        {
+          linkUrl: '../AppAgenda/AppAgenda',
+          icon: require('./img/home-hdyc-icon.png'),
+          text: '活动议程'
+        },
+        {
+          linkUrl: '../AppCheckInfo/AppCheckInfo',
+          icon: require('./img/home-rzxx-icon.png'),
+          text: '入住信息'
+        }
+      ]
+    }
+  },
+
+  mounted() {
+  },
+
+  methods: {
+    linkTo(url) {
+      this.$router.push({path: url})
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.AppMeeting {
+  height: 100%;
+  width: 100%;
+  background-image: url("./img/home-bg.png");
+  background-size: 100% 100%;
+  padding-top: 16px;
+  .top-title {
+    font-family: PingFangSC-SNaNpxibold;
+    font-weight: 600;
+    font-size: 17px;
+    line-height: 24px;
+    color: #FFF;
+    letter-spacing: 0;
+    text-align: center;
+    padding-top: 10px;
+    text-align: center;
+    margin-bottom: 26px;
+  }
+  .home-content {
+    height: calc(100% - 158px);
+    width: calc(100% - 32px);
+    margin: 0 16px;
+    background: #FFF;
+    border-radius: 12px;
+    .home-logo {
+      text-align: center;
+      img {
+        width: 66px;
+        height: 66px;
+        margin: 28px 0 21px 0;
+      }
+    }
+    .home-title {
+      text-align: center;
+      img {
+        width: 287px;
+        height: 64px;
+        margin-bottom: 20px;
+      }
+    }
+    .home-welcome {
+      text-align: center;
+      margin: 21px 0 45px 0;
+      img {
+        width: 66px;
+        height: 20px;
+      }
+    }
+    .content-text {
+      line-height: 25px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 18px;
+      color: #222;
+      text-align: center;
+      margin-bottom: 41px;
+    }
+    
+    .flex-content {
+      padding-left: 16px;
+      .item {
+        width: calc(50% - 16px);
+        height: 140px;
+        background-size: 100% 100%;
+        margin: 0 16px 16px 0;
+        text-align: center;
+        float: left;
+        img {
+          display: inline-block;
+          width: 32px;
+          height: 32px;
+          margin: 39px 0 16px 0;
+        }
+        p {
+          line-height: 22px;
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 16px;
+          color: #857351;
+        }
+      }
+      .item:nth-of-type(1) {
+        background-image: url("./img/home-ljwx-bg.png");
+      }
+      .item:nth-of-type(2) {
+        background-image: url("./img/home-hyjs-bg.png");
+      }
+      .item:nth-of-type(3) {
+        background-image: url("./img/home-hdyc-bg.png");
+      }
+      .item:nth-of-type(4) {
+        background-image: url("./img/home-rzxx-bg.png");
+      }
+    
+    }
+    
+  }
+  .home-footer {
+    padding: 44px 0 10px 0;
+    text-align: center;
+    font-size: 14px;
+    color: #FFF;
+    line-height: 20px;
+    p {
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      margin-bottom: 4px;
+    }
+    div {
+      font-family: PingFangSC-SNaNpxibold;
+      font-weight: 600;
+    }
+  }
+}
+</style>