upp

package.json

@@ -14,6 +14,7 @@
     "axios": "^1.1.3",
     "core-js": "^3.8.3",
     "dayjs": "^1.11.7",
+    "default-passive-events": "^2.0.0",
     "element-plus": "^2.7.0",
     "js-base64": "^3.7.5",
     "lodash": "^4.17.21",

src/main.js

@@ -13,6 +13,7 @@ import 'element-plus/dist/index.css'
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import 'swiper/css'
 import 'swiper/css/pagination' // 分页器样式
+// import 'default-passive-events'
 
 import BtnBack from '@/components/BtnBack.vue'
 import BtnClickMe from '@/components/BtnClickMe.vue'

src/useFunctions/useSmoothSwipe.js

@@ -188,8 +188,8 @@ export default function useSmoothSwipe({
   if (scrollTargetRef) { // todo: 不能用if包裹吧？
     watch(scrollTargetRef, (v) => {
       if (v) {
-        v.addEventListener('touchstart', onTouchStart)
-        v.addEventListener('touchmove', onTouchMove)
+        v.addEventListener('touchstart', onTouchStart, { passive: true })
+        v.addEventListener('touchmove', onTouchMove, { passive: true })
         v.addEventListener('touchend', onTouchEnd)
         v.addEventListener('touchcancel', onTouchCancel)
       }

src/views/BambooBookScene3.vue

@@ -122,7 +122,7 @@ onMounted(() => {
         class="progress-bar"
         :totle-unit="displayedPages.length"
         :cur-percentage="curPercentage"
-        type="1"
+        :type="1"
         color-ac="#FFFFFF"
         color="#FFFFFF60"
       />

src/views/HotspotDetail1.vue

@@ -59,7 +59,7 @@
       :class="`HD1_4 ${pageShow ? 'HD1_4Ac' : ''}`"
       :style="`opacity:${swChange && pageShow ? '1' : '0'}`"
     >
-      <H3>{{ txtShow.title }}</H3>
+      <h3>{{ txtShow.title }}</h3>
       <p>{{ txtShow.desc }}</p>
     </div>
 

src/views/HotspotDetail3.vue

@@ -62,7 +62,6 @@
       text="向左划动"
       direction="h"
       :color="'green'"
-      :is-show="isShowOperationTip"
     />
     <div class="btns-box">
       <img

src/views/MoreContent.vue

@@ -323,11 +323,11 @@
       </div>
     </div>
 
+    <!-- :style="{ opacity: curStep != 0 ? 1: 0}" -->
     <ProgressBar
-      :style="{ opacity: curStep != 0 ? 1: 0}"
       class="pagination"
       :totle-unit="4"
-      type="1"
+      :type="1"
       :cur-percentage="curPercentage"
       color-ac="#7B916B"
       color="#7B916B60"

src/views/ShuangGouSheSeDetail.vue

@@ -139,7 +139,7 @@ const curPercentage = computed(() => {
       :cur-percentage="curPercentage"
       color-ac="#7B916B"
       color="#7B916B60"
-      type="1"
+      :type="1"
       @go-to-slide="goToSlide"
     />
 

vue.config.js

@@ -8,6 +8,16 @@ const time = dayjs().format('YYYY-M-D HH:mm:ss')
 process.env.VUE_APP_UPDATE_TIME = time
 
 module.exports = defineConfig({
+  chainWebpack: (config) => {
+    config.plugin('define').tap((definitions) => {
+      Object.assign(definitions[0], {
+        __VUE_OPTIONS_API__: 'true',
+        __VUE_PROD_DEVTOOLS__: 'false',
+        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
+      })
+      return definitions
+    })
+  },
   pages: {
     mobile: {
       template: 'mobile/index.html',

yarn.lock

@@ -2915,6 +2915,11 @@ default-gateway@^6.0.3:
   dependencies:
     execa "^5.0.0"
 
+default-passive-events@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/default-passive-events/-/default-passive-events-2.0.0.tgz#79b1aa67becbaab38b718469b5480fef92eda649"
+  integrity sha512-eMtt76GpDVngZQ3ocgvRcNCklUMwID1PaNbCNxfpDXuiOXttSh0HzBbda1HU9SIUsDc02vb7g9+3I5tlqe/qMQ==
+
 defaults@^1.0.3:
   version "1.0.4"
   resolved "https://registry.npmmirror.com/defaults/-/defaults-1.0.4.tgz"