Update router

修改路由以及代码结构
jinhuid · Jan 17, 2024 · 278f19c · 278f19c
1 parent 1068cf8
commit 278f19c
Show file tree

Hide file tree

Showing 33 changed files with 975 additions and 1,053 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -1,13 +1,6 @@
 module.exports = {
   presets: [
-    '@vue/cli-plugin-babel/preset',
-    ['@babel/preset-env', {
-      targets: {
-        ie:'11'
-      },
-      useBuiltIns: "usage",
-      corejs: '3.33.0'
-    }]
+    '@vue/cli-plugin-babel/preset'
   ],
   plugins: [
     ['import', {

diff --git a/public/index.html b/public/index.html
@@ -15,7 +15,7 @@
     <%= htmlWebpackPlugin.options.title %>
   </title>
 </head>
-
+<script nomodule src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>
 <body>
   <div id="app"></div>
 </body>

diff --git a/src/App.vue b/src/App.vue
@@ -17,8 +17,8 @@
       <!-- </ul> -->
 
       <!-- <keep-alive>
-  <router-view></router-view>
-</keep-alive> -->
+            <router-view></router-view>
+          </keep-alive> -->
 
       <transition name="h" mode="out-in">
          <keep-alive include="cinemas"> 
@@ -62,7 +62,6 @@ export default {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-  /* user-select:auto; */
 }
 :root{
   --textColor:#ff5f16;

diff --git a/src/components/CinemaSwiper.vue b/src/components/CinemaSwiper.vue
@@ -1,34 +1,33 @@
 <template>
-  <div class="swiper-container">
-    <div class="swiper-wrapper">
-      <slot></slot>
-    </div>
-  </div>
+	<div class="swiper-container">
+		<div class="swiper-wrapper">
+			<slot></slot>
+		</div>
+	</div>
 </template>
 <script>
-
 export default {
-    props:{
-        index:{
-            type:Number,
-            default:0
-        }
-    },
-  mounted() {
-    let that = this;
-    new this.$Swiper(".swiper-container", {
-      slideToClickedSlide: true,
-      speed:300,
-      slidesPerView: 4,
-      initialSlide: this.index,
-      spaceBetween: 16,
-      centeredSlides: true,
-      on:{
-        slideChangeTransitionStart(){
-            that.$emit('setIndex',this.activeIndex)
-        },
-      }
-    });
-  },
-};
-</script>
+	props: {
+		index: {
+			type: Number,
+			default: 0,
+		},
+	},
+	mounted() {
+		let that = this
+		new this.$Swiper(".swiper-container", {
+			slideToClickedSlide: true,
+			speed: 300,
+			slidesPerView: 4,
+			initialSlide: this.index,
+			spaceBetween: 16,
+			centeredSlides: true,
+			on: {
+				slideChangeTransitionStart() {
+					that.$emit("setIndex", this.activeIndex)
+				},
+			},
+		})
+	},
+}
+</script>