巫溪

src/project/wuxi/AppMeeting/AppAgenda.vue

@@ -55,6 +55,7 @@ export default {
     }
   },
   mounted() {
+    document.title = '活动议程'
   },
   methods: {
 

src/project/wuxi/AppMeeting/AppCheckInfo.vue

@@ -21,67 +21,66 @@
           <p>春申大道421号</p>
         </div>
       </div>
-      <div class="map-info">
+      <AiMap class="map-info" :map.sync="amap" :lib.sync="mapLib" />
-        <!-- <ai-t-map :map.sync="map" ref="AiTMap" :lib.sync="mapLib" @loaded="onMapInit" /> -->
-        <!-- <ai-map class="eventMap" :map.sync="map" :lib.sync="AMap"/> -->
-        <div id="map" style="width: 100%; height: 280px;"></div>
-        <!-- <ai-map :map.sync="map" :lib.sync="AMap"/> -->
-      </div>
       <div class="bottom-bg"></div>
     </div>
   </div>
 </template>
 
 <script>
-import AMapLoader from '@amap/amap-jsapi-loader'
+
 export default {
   name: 'CheckInfo',
   appName: '入住信息',
-
   data() {
     return {
-      map: null,
+      amap: null,
-      AMap: null,
+      mapLib: null,
+      lat: '31.39439',
+      lng: '109.559364',
+      address: '水韵酒店'
     }
   },
 
   mounted() {
-    this.$nextTick(() => {
+    document.title = '入住信息'
-      this.initMap()
+    this.initMap()
-    })
   },
 
   methods: {
     initMap() {
-      AMapLoader.load({
+      if(this.mapLib){
-        key: 'b553334ba34f7ac3cd09df9bc8b539dc',
+        let pos = new this.mapLib.LngLat(this.lng, this.lat)
-        version: '2.0',
+        var marker = new this.mapLib.Marker({
-        plugins: ['AMap.Geocoder'],
+          position: pos,
-      }).then(AMap => {
+          anchor: 'bottom-center',
-        let map = new AMap.Map('map', {
+          content: `<div class="marker">${this.address}</div>`,
-          resizeEnable: true,
-          center: [109.559364, 31.39439],
-          zoom: 18,
         })
-        var icon = new AMap.Icon({
+        this.amap.on('click', () => {
-          image: "https://cdn.cunwuyun.cn/dvcp/h5/Location2.png",
+          this.openMap()
-          size: new AMap.Size(24, 24)
+        })
-        });
+        this.amap.add(marker)
-        var marker = new AMap.Marker({
+        this.amap.setFitView()
-          position: map.getCenter(),
+
-          icon: icon,
+      }else {
-          offset: new AMap.Pixel(-13, -30)
+        setTimeout(() => {
-        });
+          this.initMap()
-        marker.setMap(map);
+        },3000)
-        marker.setTitle('水韵酒店');
+      }      
-        marker.setLabel({
+      
-          offset: new AMap.Pixel(-5, 0),  //设置文本标注偏移量
-          content: "<div class='info'>水韵酒店</div>", //设置文本标注内容
-          direction: 'top' //设置文本标注方位
-        });
-      })
     },
-  }
+    openMap() {
+      var userAgent = navigator.userAgent.toLowerCase();
+        if (userAgent.indexOf('micromessenger') !== -1) {
+          // return this.$u.toast("请点击右上角[...],在浏览器打开。")
+          this.$confirm('请点击右上角[...],在浏览器打开。', '提示')
+        } else {
+          window.location.href = `amapuri://route/plan/?sourceApplication=amap&did=&dlat=${this.lat}&dlon=${this.lng}&dname=巫溪县水韵酒店&dev=0&t=0`
+        }
+
+    }
+
+  },
 }
 </script>
 
@@ -145,22 +144,45 @@ uni-page-body{
       position: fixed;
       bottom: 0;
       left: 0;
+      pointer-events: none;
     }
   }
 
-  ::v-deep .amap-icon {
+  ::v-deep .marker {
-    img {
+    border-radius: 52px;
-      width: 100%;
+    background: #F46159;
-      height: 100%;
+    color: #fff;
-    }
+    font-size: 22px;
-  }
+    padding: 4px 16px;
+    white-space: nowrap;
+    position: relative;
 
-  ::v-deep .amap-marker-label {
+    &:before {
-    border: 1px solid #fff;
+      position: absolute;
-    font-size: 28px;
+      left: calc(50% - 30px);
-    line-height: 48px;
+      bottom: -34px;
-    padding: 0 16px;
+      z-index: -1;
-    border-radius: 4px;
+      width: 60px;
+      height: 60px;
+      border-radius: 50%;
+      background-color: #F46159;
+      animation: mapWarn 1s ease-out 0s infinite;
+      content: " ";
+    }
+
+    &:after {
+      position: absolute;
+      display: block;
+      content: " ";
+      bottom: -8px;
+      left: 50%;
+      transform: translateX(-50%);
+      border: 8px solid transparent;
+      border-bottom: none;
+      border-top-color: #F46159;
+      height: 0;
+      width: 0;
+    }
   }
  
 }

src/project/wuxi/AppMeeting/AppDetail.vue

@@ -91,6 +91,7 @@ export default {
   },
 
   mounted() {
+    document.title = '了解巫溪'
   },
 
   methods: {
@@ -108,7 +109,7 @@ uni-page-body{
   width: 100%;
   background-image: url("./img/detail-bg.png");
   background-size: 100% 100%;
-  padding-top: 32px;
+  padding: 32px 0 64px 0;
   box-sizing: border-box;
   .top-title {
     font-family: PingFangSC-SNaNpxibold;

src/project/wuxi/AppMeeting/AppIntroduce.vue

@@ -20,7 +20,7 @@
       </div>
       <div class="tab-content" v-if="tabIndex == 1">
         <div class="title">座位表</div>
-        <img src="./img/seat-img.png" alt="" class="seat-img">
+        <img src="./img/seat-img.jpg" alt="" class="seat-img" @click="previewImage">
       </div>
     </div>
   </div>
@@ -35,15 +35,20 @@ export default {
   data() {
     return {
       tabList: ['了解会议', '座位表'],
-      tabIndex: 0
+      tabIndex: 0,
     }
   },
-
   mounted() {
+    document.title = '会议介绍'
   },
 
   methods: {
-
+    previewImage() {
+      uni.previewImage({
+        urls: ['https://cdn.cunwuyun.cn/dvcp/h5/seat-img.jpg'],
+        current: 'https://cdn.cunwuyun.cn/dvcp/h5/seat-img.jpg'
+      })
+    },
   }
 }
 </script>

src/project/wuxi/AppMeeting/AppMeeting.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="AppMeeting">
-    <div class="top-title">2024巫溪老鹰茶文旅消费节</div>
+    <!-- <div class="top-title">2024巫溪老鹰茶文旅消费节</div> -->
     <div class="home-content">
       <div class="home-logo">
         <img src="./img/home-logo.png" alt="">
@@ -18,10 +18,10 @@
         </div>
       </div>
     </div>
-    <div class="home-footer">
+    <!-- <div class="home-footer">
       <p>主办单位</p>
       <div>中共巫溪县委员会   巫溪县人民政府</div>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -29,7 +29,7 @@
 
 export default {
   name: 'AppMeeting',
-  appName: '会议首页',
+  appName: '2024巫溪老鹰茶文旅消费节',
 
   data() {
     return {
@@ -59,6 +59,7 @@ export default {
   },
 
   mounted() {
+    document.title = '2024巫溪老鹰茶文旅消费节'
   },
 
   methods: {
@@ -78,7 +79,7 @@ uni-page-body{
   width: 100%;
   background-image: url("./img/home-bg.png");
   background-size: 100% 100%;
-  padding-top: 16px;
+  padding-top: 32px;
   box-sizing: border-box;
   .top-title {
     font-family: PingFangSC-SNaNpxibold;
@@ -93,7 +94,7 @@ uni-page-body{
     margin-bottom: 52px;
   }
   .home-content {
-    height: calc(100% - 316px);
+    height: calc(100% - 216px);
     width: calc(100% - 64px);
     margin: 0 32px;
     background: #FFF;
@@ -103,7 +104,7 @@ uni-page-body{
       img {
         width: 132px;
         height: 132px;
-        margin: 56px 0 42px 0;
+        margin: 32px 0 24px 0;
       }
     }
     .home-title {
@@ -111,12 +112,12 @@ uni-page-body{
       img {
         width: 574px;
         height: 128px;
-        margin-bottom: 40px;
+        margin-bottom: 8px;
       }
     }
     .home-welcome {
       text-align: center;
-      margin: 42px 0 90px 0;
+      margin: 24px 0 30px 0;
       img {
         width: 132px;
         height: 40px;
@@ -129,16 +130,16 @@ uni-page-body{
       font-size: 36px;
       color: #222;
       text-align: center;
-      margin-bottom: 82px;
+      margin-bottom: 41px;
     }
     
     .flex-content {
       padding-left: 32px;
       .item {
         width: calc(50% - 32px);
-        height: 280px;
+        height: 260px;
         background-size: 100% 100%;
-        margin: 0 32px 32px 0;
+        margin: 0 32px 16px 0;
         text-align: center;
         float: left;
         img {
@@ -172,11 +173,16 @@ uni-page-body{
     
   }
   .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;