feats

public/config.js

@@ -35,6 +35,6 @@ const FAMOUS_LINKS = [
   },
   {      
     image: './images/pg3/6.png',
-    link: '',
+    link: 'http://m2.nbs.cn/article/565729.html?id=565729&mid=1',
   },
 ]

src/pages/pg1/Md2.vue

@@ -9,9 +9,10 @@
         <p class="txt animate__animated animate__fadeInDown">
           南京广电集团以“紫金草”为原型，<br />
           制作紫金草徽章发放给市民。<br />
-          9年来，20万人加入“紫金草行动”，<br />
-          把紫金草徽章佩戴在离心脏最近的地方。<br />
-          在2亿人心中，和平的愿景被播撒。
+          9年来，来自五湖四海的近20万人，<br />
+          通过各类线下活动、<br />
+          微信、微博、邮箱、电话与我们取得联系，<br />
+          把紫金草徽章佩戴在离心脏最近的地方。
         </p>
         <img class="animate__animated animate__fadeInDown" style="animation-delay: 300ms;" src="/images/pg1/md1-1.png" alt="">
       </div>

src/pages/pg1/P2.vue

@@ -12,7 +12,7 @@
       <p class="animate__animated animate__fadeInRight" style="text-align: right; animation-delay: 100ms">
         <strong :class="{pulsatebck:animate}" style="display: inline-block;">近20万枚</strong> <br>
         紫金草徽章 <br>
-        佩戴在了人们的心口
+        佩戴在了人们的胸前
       </p>
     
     </div>

src/pages/pg4/Flower.vue

@@ -29,6 +29,10 @@
   const { user, countries, updateCountries } = useModel('user');
 
   const countryData = computed(() => {
+    if (props.country == '全球') {
+      return ({ name: props.country, num: user?.value?.num || 0 });
+    }
+
     const it = (countries.value || []).filter(x => x.name === props.country)[0];
     return it || ({ name: props.country, num: 0 });
   });

src/pages/pg4/Map.vue

@@ -65,16 +65,27 @@
     // 绑定事件 - 很多手机 click 有问题
     map.addEventListener('click', (e) => onClick(e.point));
 
-    //触摸移动时触发此事件 此时开启可以拖动。虽然刚初始化该地图不可以拖动，但是可以触发拖动事件。
-    map.addEventListener("touchmove", function (e) {
-    map.enableDragging();
+    // 下面使用短时间的模拟点击
+    let starPoint = null;
+    map.addEventListener("touchstart", function (e) {
+      starPoint = e.ab;
+      console.log('touchstart', starPoint, e);
+      // map.enableDragging();
     });
-    //触摸结束时触发次此事件 此时开启禁止拖动
+    
     map.addEventListener("touchend", function (e) {
-    map.disableDragging();
-    });
+      const endPoint = e.ab;
+      console.log('touchend', endPoint, e);
+
+      const dx = Math.abs(endPoint.x - starPoint.x);
+      const dy = Math.abs(endPoint.y - starPoint.x);
+      const dis = Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
 
-    map.disableDragging();
+      if (Math.abs(dis) < 50) {
+        onClick(e.point)
+      }
+      // map.disableDragging();
+    });
 
     // 显示 marker
     countries.value.forEach(renderCountry);

src/store/index.js

@@ -41,6 +41,11 @@ const useUser = () => {
   const countries = ref([]);
 
   const updateCountries = (key) => {
+    if (key == '全球') {
+      user.value.num += 1;
+      return ;
+    }
+
     const country = countries.value.filter(x => x.name === key)[0] || { name: key, num: 0 };
     country.num += 1;