持续集成分支

library/project/wuxi/AppMeeting/AppMeeting.vue

@@ -0,0 +1,197 @@
+<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',
+  appName: '中国老鹰茶之乡',
+
+  data() {
+    return {
+      list: [
+        {
+          linkUrl: './AppDetail',
+          icon: require('./img/home-ljwx-icon.png'),
+          text: '了解巫溪'
+        },
+        {
+          linkUrl: './AppIntroduce',
+          icon: require('./img/home-hyjs-icon.png'),
+          text: '会议介绍'
+        },
+        {
+          linkUrl: './AppAgenda',
+          icon: require('./img/home-hdyc-icon.png'),
+          text: '日程安排'
+        },
+        {
+          linkUrl: './AppCheckInfo',
+          icon: require('./img/home-rzxx-icon.png'),
+          text: '入住信息'
+        }
+      ]
+    }
+  },
+
+  mounted() {
+    document.title = '中国老鹰茶之乡'
+  },
+
+  methods: {
+    linkTo(url) {
+      this.$router.push({path: url})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body{
+  height: 100%;
+}
+.AppMeeting {
+  height: 100%;
+  width: 100%;
+  background-image: url("./img/home-bg.png");
+  background-size: 100% 100%;
+  padding-top: 32px;
+  box-sizing: border-box;
+  .top-title {
+    font-family: PingFangSC-SNaNpxibold;
+    font-weight: 600;
+    font-size: 34px;
+    line-height: 48px;
+    color: #FFF;
+    letter-spacing: 0;
+    text-align: center;
+    padding-top: 20px;
+    text-align: center;
+    margin-bottom: 52px;
+  }
+  .home-content {
+    height: calc(100% - 216px);
+    width: calc(100% - 64px);
+    margin: 0 32px;
+    background: #FFF;
+    border-radius: 24px;
+    .home-logo {
+      text-align: center;
+      img {
+        width: 132px;
+        height: 132px;
+        margin: 32px 0 24px 0;
+      }
+    }
+    .home-title {
+      text-align: center;
+      img {
+        width: 574px;
+        height: 128px;
+        margin-bottom: 8px;
+      }
+    }
+    .home-welcome {
+      text-align: center;
+      margin: 24px 0 30px 0;
+      img {
+        width: 132px;
+        height: 40px;
+      }
+    }
+    .content-text {
+      line-height: 50px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 36px;
+      color: #222;
+      text-align: center;
+      margin-bottom: 41px;
+    }
+    
+    .flex-content {
+      padding-left: 32px;
+      .item {
+        width: calc(50% - 32px);
+        height: 260px;
+        background-size: 100% 100%;
+        margin: 0 32px 16px 0;
+        text-align: center;
+        float: left;
+        img {
+          display: inline-block;
+          width: 64px;
+          height: 64px;
+          margin: 78px 0 32px 0;
+        }
+        p {
+          line-height: 44px;
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 32px;
+          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 {
+    width: 100%;
+    padding: 88px 0 20px 0;
+    text-align: center;
+    font-size: 28px;
+    color: #FFF;
+    line-height: 40px;
+    box-sizing: border-box;
+    position: fixed;
+    bottom: 44px;
+    left: 0;
+    p {
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      margin-bottom: 8px;
+    }
+    div {
+      font-family: PingFangSC-SNaNpxibold;
+      font-weight: 600;
+    }
+  }
+}
+</style>