qr generator

summit/src/components/MapSwiper.vue

@@ -0,0 +1,80 @@
+<template>
+  <div ref="slick" class="slick-carousel">
+  </div>
+</template>
+
+<script>
+import { ref, computed, watch,onMounted } from 'vue';
+import { useStore } from 'vuex'
+import $ from 'jquery';
+import PersionItem2 from './PersionItem2.vue'
+import EventBus from "../utils/EventBus.js";
+
+export default {
+  name: '',
+  props: {
+  },
+  setup(props) {
+    const store = useStore();
+    const newSpeakersList = props.newSpeakersList
+    const screenWidth = computed(() => {
+      return store.state.screenWidth;
+    });
+    const pageSize = ref(Math.floor(screenWidth.value / 400) == 0 ? 1 : Math.floor(screenWidth.value / 400) + 1)
+    const nowPage = ref(1)
+    const total = newSpeakersList.length
+    const pages = ref(Math.ceil(total/pageSize.value))
+    const options = {
+      autoplaySpeed: 5000,
+      autoplay: true,
+      slidesToShow: 1,
+      slidesToScroll: 1,
+      dots: false,
+      arrows: false,
+      infinite: true,
+      slidesToShow: pageSize.value,
+      slidesToScroll: pageSize.value,
+    }
+    onMounted(() => {
+      $(".slick-carousel").slick(options);
+      $('.slick-carousel').on('afterChange', function(slick, currentSlide,index){
+          nowPage.value = index/pageSize.value + 1
+          sutmitPageInfo()
+      });
+      sutmitPageInfo()
+    })
+    const sutmitPageInfo = () => {
+      EventBus.$emit("pageInfo", {
+        nowPage: nowPage.value,
+        pages: pages.value
+      });
+    }
+    const slickNext = () => {
+      $('.slick-carousel').slick('slickNext');
+    }
+    const slickPrev = () => {
+      $('.slick-carousel').slick('slickPrev');
+    }
+    return {
+      slickNext,
+      slickPrev,
+      screenWidth
+    } 
+  },
+  components: {
+  },
+  methods: {
+    
+  },
+  mounted() {
+  },
+  unmounted() {
+  },
+}
+</script>
+
+<style scoped lang='scss'>
+.slick-carousel{
+    width: 100%;
+}
+</style>

summit/src/utils/resource.json

@@ -12,5 +12,12 @@
     "type": "url",
     "url": "https://drive.google.com/file/d/1Q__EqKwtHOXr54rbXe6eE1je-NEIAq2n/view",
     "hide": false
+  },
+  {
+    "id": 3,
+    "name": "QR Code Generator (.exe, Click to Download)",
+    "type": "file",
+    "url": "https://drive.google.com/file/d/1XqhqxnZEwuG1D4DOjBw-EbJI9yR2OZvl/view",
+    "hide": false
   }
 ]