update

src/pages/1/index.scss

@@ -1,6 +1,12 @@
 .page {
   width: 100vw;
-  margin-bottom: 80px;
+  min-height: 3000rpx;
+  .page-img {
+    width: 100vw;
+  }
+}
+.swiper-item{
+  position: relative;
 }
 .page-click1 {
   position: absolute;
@@ -8,7 +14,7 @@
   left: 0;
   z-index: 1;
   width: 100vw;
-  height: 700rpx;
+  height: 300rpx;
   background-color: transparent;
   // background-color: #000;
 }

src/pages/1/index.ts

@@ -1,8 +1,26 @@
 const app = getApp<IAppOption>();
 
 Page({
-  data: {},
+  data: {
+    current: 0,
+  },
   onShow() {},
+  handlePage1() {
+    this.setData({
+      current: 1,
+    });
+  },
+  handlePage2() {
+    this.setData({
+      current: 2,
+    });
+  },
+  handlePage3() {
+    this.setData({
+      current: 0,
+    });
+  },
+
   handelTap1() {
     wx.navigateTo({
       url: "/pages/2/index",
@@ -53,6 +71,16 @@ Page({
       url: "/pages/7/index",
     });
   },
+  handelTap7() {
+    wx.navigateTo({
+      url: "/pages/6/index",
+    });
+  },
+  handelTap8() {
+    wx.navigateTo({
+      url: "/pages/12/index",
+    });
+  },
 });
 
 export {};

src/pages/1/index.wxml

@@ -1,5 +1,18 @@
-<image class="page" mode="widthFix" src="{{imageUrl}}class/7.jpg?t={{Timestamp}}"></image>
+<swiper class="page" current="{{current}}">
-<view class="page-click1" catch:tap="handelTap1"></view>
+  <swiper-item class="swiper-item">
+    <image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}class/7.jpg?t={{Timestamp}}"></image>
+    <view class="page-click1" catch:tap="handelTap1"></view>
+  </swiper-item>
+  <swiper-item class="swiper-item">
+    <image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}class/36.jpg?t={{Timestamp}}"></image>
+    <view class="page-click1" catch:tap="handelTap7"></view>
+  </swiper-item>
+  <swiper-item class="swiper-item">
+    <image bind:tap="handlePage3" class="page-img" mode="widthFix" src="{{imageUrl}}class/37.jpg?t={{Timestamp}}"></image>
+    <view class="page-click1" catch:tap="handelTap8"></view>
+  </swiper-item>
+</swiper>
+
 <view class="page-click2" catch:tap="handelTap2"></view>
 <view class="page-click3" catch:tap="handelTap3"></view>
 <view class="page-click4" catch:tap="handelTap4"></view>
@@ -17,5 +30,3 @@
     <view class="tabbar-click" catch:tap="handleTabbar4"></view>
   </view>
 </view>
-
-

src/pages/12/index.scss

@@ -1,9 +1,8 @@
 .page {
   width: 100vw;
-  min-height: 100vh;
+  height: 300vh;
   .page-img {
     width: 100%;
-    height: 100%;
   }
   .swiper-item1 {
     position: relative;

src/pages/12/index.ts

@@ -23,6 +23,16 @@ Page({
     });
   },
   handlePage4() {
+    this.setData({
+      current: 4,
+    });
+  },
+  handlePage5() {
+    this.setData({
+      current: 5,
+    });
+  },
+  handlePage6() {
     wx.navigateBack();
   },
   handleTap1() {

src/pages/12/index.wxml

@@ -1,20 +1,22 @@
 <navigation-bar></navigation-bar>
 <swiper class="page" current="{{current}}">
   <swiper-item class="swiper-item1">
-    <image bind:tap="handlePage1" class="page-img" mode="aspectFit" src="{{imageUrl}}22.png?t={{Timestamp}}"></image>
+    <image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}class/32.jpg?t={{Timestamp}}"></image>
-    <view class="swiper-item1-block1" catchtap="handleTap1"></view>
-    <view class="swiper-item1-block2" catchtap="handleTap2"></view>
-    <view class="swiper-item1-block3" catchtap="handleTap3"></view>
-    <view class="swiper-item1-block4" catchtap="handleTap4"></view>
   </swiper-item>
   <swiper-item>
-    <image bind:tap="handlePage2" class="page-img" mode="aspectFit" src="{{imageUrl}}23.png?t={{Timestamp}}"></image>
+    <image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}class/29.png?t={{Timestamp}}"></image>
   </swiper-item>
   <swiper-item>
-    <image bind:tap="handlePage3" class="page-img" mode="aspectFit" src="{{imageUrl}}24.png?t={{Timestamp}}"></image>
+    <image bind:tap="handlePage3" class="page-img" mode="widthFix" src="{{imageUrl}}class/35.jpg?t={{Timestamp}}"></image>
   </swiper-item>
   <swiper-item>
-    <image bind:tap="handlePage4" class="page-img" mode="aspectFit" src="{{imageUrl}}25.png?t={{Timestamp}}"></image>
+    <image bind:tap="handlePage4" class="page-img" mode="widthFix" src="{{imageUrl}}class/30.png?t={{Timestamp}}"></image>
+  </swiper-item>
+  <swiper-item>
+    <image bind:tap="handlePage5" class="page-img" mode="widthFix" src="{{imageUrl}}class/31.png?t={{Timestamp}}"></image>
+  </swiper-item>
+  <swiper-item>
+    <image bind:tap="handlePage6" class="page-img" mode="widthFix" src="{{imageUrl}}class/33.jpg?t={{Timestamp}}"></image>
   </swiper-item>
 </swiper>
 

src/pages/5/index.ts

@@ -12,15 +12,30 @@ Page({
   },
   handlePage2() {
     this.setData({
+      current: 2,
+    });
+  },
+  handlePage3() {
+    this.setData({
       current: 0,
     });
   },
 
   handelTap1() {
     wx.navigateTo({
+      url: "/pages/2/index",
+    });
+  },
+  handelTap2() {
+    wx.navigateTo({
       url: "/pages/6/index",
     });
   },
+  handelTap3() {
+    wx.navigateTo({
+      url: "/pages/12/index",
+    });
+  },
   handleTabbar1() {
     wx.reLaunch({
       url: "/pages/1/index",

src/pages/5/index.wxml

@@ -1,15 +1,28 @@
 <swiper class="page" current="{{current}}">
-  <swiper-item class="swiper-item1">
+  <swiper-item>
-    <image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}class/26.png?t={{Timestamp}}"></image>
+    <image
+      bind:tap="handlePage1"
+      class="page-img"
+      mode="widthFix"
+      src="{{imageUrl}}class/27.png?t={{Timestamp}}"
+    ></image>
     <view class="page-click1" catch:tap="handelTap1"></view>
   </swiper-item>
-  <swiper-item>
+  <swiper-item class="swiper-item1">
-    <image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}class/27.png?t={{Timestamp}}"></image>
+    <image
+      bind:tap="handlePage2"
+      class="page-img"
+      mode="widthFix"
+      src="{{imageUrl}}class/26.png?t={{Timestamp}}"
+    ></image>
+    <view class="page-click1" catch:tap="handelTap2"></view>
+  </swiper-item>
+  <swiper-item class="swiper-item1">
+    <image bind:tap="handlePage3" class="page-img" mode="widthFix" src="{{imageUrl}}class/38.png?t={{Timestamp}}"></image>
+    <view class="page-click1" catch:tap="handelTap3"></view>
   </swiper-item>
 </swiper>
 
-<view class="page-click1" catch:tap="handelTap1"></view>
-
 <view class="tabbar">
   <image class="tabbar-img" mode="widthFix" src="{{imageUrl}}class/tabbar2.png?t={{Timestamp}}"></image>
   <view class="tabbar-wrap">