qs init

project.config.json

@@ -73,5 +73,5 @@
     ],
     "include": []
   },
-  "appid": "wx1e025040096c7e1d"
+  "appid": "wx96104303877e3fd9"
 }

src/pages/1/index.scss

@@ -1,32 +1,33 @@
 .page {
   width: 100vw;
+  margin-bottom: 80px;
 }
 .page-click1 {
   position: absolute;
-  top: 500rpx;
+  top: 676rpx;
   left: 0;
   z-index: 1;
-  width: 750rpx;
-  height: 200rpx;
+  width: 50vw;
+  height: 336rpx;
   background-color: transparent;
 }
 
 .page-click2 {
   position: absolute;
-  top: 1080rpx;
-  left: 0;
+  top: 676rpx;
+  right: 0;
   z-index: 1;
-  width: 750rpx;
-  height: 500rpx;
+  width: 50vw;
+  height: 336rpx;
   background-color: transparent;
 }
 .page-click3 {
-  position: fixed;
-  top: 708rpx;
+  position: absolute;
+  top: 1270rpx;
   left: 0;
   z-index: 1;
-  width: 750rpx;
-  height: 360rpx;
+  width: 100vw;
+  height: 180rpx;
   background-color: transparent;
 }
 
@@ -57,26 +58,3 @@
   }
 }
 
-.float1 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 3;
-  width: 100vw;
-}
-
-.float2 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 3;
-  width: 100vw;
-}
-
-.float3 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 3;
-  width: 100vw;
-}

src/pages/1/index.ts

@@ -23,7 +23,7 @@ Page({
   },
   handelTap2() {
     wx.navigateTo({
-      url: "/pages/8/index",
+      url: "/pages/3/index",
     });
   },
   handelTap3() {
@@ -31,18 +31,17 @@ Page({
       url: "/pages/4/index",
     });
   },
-  handleFloat1() {
-    this.setData({
-      float1: false,
+  handleTabbar2() {
+    wx.reLaunch({
+      url: "/pages/5/index",
     });
-    wx.setStorageSync("1float1", "1");
   },
-  handleTabbar2() {
+  handleTabbar4() {
     wx.reLaunch({
-      url: "/pages/4/index",
+      url: "/pages/6/index",
     });
   },
-  handleTabbar3() {
+  handleTabbar5() {
     wx.reLaunch({
       url: "/pages/7/index",
     });

src/pages/1/index.wxml

@@ -1,21 +1,15 @@
-<image class="page" mode="widthFix" src="{{imageUrl}}1.png?t={{Timestamp}}" bind:tap="handlePage"></image>
+<image class="page" mode="widthFix" src="/images/qs/1.png" bind:tap="handlePage"></image>
 <view class="page-click1" catch:tap="handelTap1"></view>
 <view class="page-click2" catch:tap="handelTap2"></view>
 <view class="page-click3" catch:tap="handelTap3"></view>
 
 <view class="tabbar">
-  <image class="tabbar-img" mode="widthFix" src="{{imageUrl}}tabbar1-1.png?t={{Timestamp}}"></image>
+  <image class="tabbar-img" mode="widthFix" src="/images/qs/tabbar1.png"></image>
   <view class="tabbar-wrap">
     <view class="tabbar-click"></view>
     <view class="tabbar-click" catch:tap="handleTabbar2"></view>
-    <view class="tabbar-click" catch:tap="handleTabbar3"></view>
+    <view class="tabbar-click"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar4"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar5"></view>
   </view>
 </view>
-
-<image
-  wx:if="{{float1}}"
-  class="float1"
-  mode="widthFix"
-  src="{{imageUrl}}9.png?t={{Timestamp}}"
-  catch:tap="handleFloat1"
-></image>

src/pages/2/index.scss

@@ -1,3 +1,38 @@
+page {
+  padding-bottom: 100rpx;
+}
 .page {
   width: 100vw;
+  min-height: 100vh;
+  padding-bottom: 150rpx;
+  .page-img {
+    width: 100vw;
+  }
+}
+
+.tabbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 100vw;
+  padding-bottom: 20rpx;
+  background-color: #fff;
+  .tabbar-img {
+    width: 100%;
+  }
+  .tabbar-wrap {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .tabbar-click {
+      flex: 1;
+      height: 160rpx;
+    }
+  }
 }

src/pages/2/index.ts

@@ -1,13 +1,23 @@
 const _app = getApp<IAppOption>();
 
 Page({
-  data: {},
+  data: {
+    current: 0,
+  },
   onLoad() {},
-  handleTap1() {
-    wx.navigateTo({
-      url: "/pages/3/index",
+  handlePage1() {
+    this.setData({
+      current: 1,
+    });
+  },
+  handlePage2() {
+    this.setData({
+      current: 2,
     });
   },
+  handlePage3() {
+    wx.navigateBack();
+  },
 });
 
 export {};

src/pages/2/index.wxml

@@ -1,2 +1,12 @@
 <navigation-bar></navigation-bar>
-<image class="page" mode="widthFix" src="{{imageUrl}}8.png?t={{Timestamp}}" bind:tap="handleTap1"></image>
+<swiper class="page" current="{{current}}">
+  <swiper-item class="swiper-item1">
+    <image bind:tap="handlePage1" class="page-img" mode="widthFix" src="/images/qs/2.png"></image>
+  </swiper-item>
+  <swiper-item>
+    <image bind:tap="handlePage2" class="page-img" mode="widthFix" src="/images/qs/3.png"></image>
+  </swiper-item>
+  <swiper-item>
+    <image bind:tap="handlePage3" class="page-img" mode="widthFix" src="/images/qs/4.png"></image>
+  </swiper-item>
+</swiper>

src/pages/3/index.scss

@@ -1,3 +1,38 @@
+page {
+  padding-bottom: 100rpx;
+}
 .page {
   width: 100vw;
+  min-height: 100vh;
+  padding-bottom: 150rpx;
+  .page-img {
+    width: 100vw;
+  }
+}
+
+.tabbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 100vw;
+  padding-bottom: 20rpx;
+  background-color: #fff;
+  .tabbar-img {
+    width: 100%;
+  }
+  .tabbar-wrap {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .tabbar-click {
+      flex: 1;
+      height: 160rpx;
+    }
+  }
 }

src/pages/3/index.ts

@@ -1,11 +1,31 @@
 const _app = getApp<IAppOption>();
 
 Page({
-  data: {},
+  data: {
+    current: 0,
+  },
   onLoad() {},
-  handleTap1() {
-    wx.navigateTo({
-      url: "/pages/1/index",
+  handlePage1() {
+    this.setData({
+      current: 1,
+    });
+  },
+  handlePage2() {
+    this.setData({
+      current: 2,
+    });
+  },
+  handlePage3() {
+    wx.navigateBack();
+  },
+  handleTabbar1() {
+    wx.reLaunch({
+      url: "/pages/11/index",
+    });
+  },
+  handleTabbar3() {
+    wx.reLaunch({
+      url: "/pages/22/index",
     });
   },
 });

src/pages/3/index.wxml

@@ -1,2 +1,12 @@
 <navigation-bar></navigation-bar>
-<image class="page" mode="widthFix" src="{{imageUrl}}13.png?t={{Timestamp}}" bind:tap="handleTap1"></image>
+<swiper class="page" current="{{current}}">
+  <swiper-item class="swiper-item1">
+    <image bind:tap="handlePage1" class="page-img" mode="widthFix" src="/images/qs/5.png"></image>
+  </swiper-item>
+  <swiper-item>
+    <image bind:tap="handlePage2" class="page-img" mode="widthFix" src="/images/qs/6.png"></image>
+  </swiper-item>
+  <swiper-item>
+    <image bind:tap="handlePage3" class="page-img" mode="widthFix" src="/images/qs/7.png"></image>
+  </swiper-item>
+</swiper>

src/pages/4/index.ts

@@ -5,24 +5,7 @@ Page({
   onLoad() {},
 
   handleTap1() {
-    wx.navigateTo({
-      url: "/pages/5/index",
-    });
-  },
-  handleTap2() {
-    wx.navigateTo({
-      url: "/pages/6/index",
-    });
-  },
-  handleTabbar1() {
-    wx.reLaunch({
-      url: "/pages/1/index",
-    });
-  },
-  handleTabbar3() {
-    wx.reLaunch({
-      url: "/pages/7/index",
-    });
+    wx.navigateBack();
   },
 });
 

src/pages/4/index.wxml

@@ -1,11 +1,2 @@
-<image class="page" mode="widthFix" src="{{imageUrl}}2.png?t={{Timestamp}}" bind:tap="handleTap1"></image>
-<view class="page-click" catchtap="handleTap2"></view>
-
-<view class="tabbar">
-  <image class="tabbar-img" mode="widthFix" src="{{imageUrl}}tabbar1-2.png?t={{Timestamp}}"></image>
-  <view class="tabbar-wrap">
-    <view class="tabbar-click" bind:tap="handleTabbar1"></view>
-    <view class="tabbar-click" bind:tap="handleTabbar2"></view>
-    <view class="tabbar-click" bind:tap="handleTabbar3"></view>
-  </view>
-</view>
+<navigation-bar></navigation-bar>
+<image class="page" mode="widthFix" src="/images/qs/8.png" bind:tap="handleTap1"></image>

src/pages/5/index.scss

@@ -1,3 +1,47 @@
+page {
+  padding-bottom: 100rpx;
+}
 .page {
   width: 100vw;
+  min-height: 100vh;
+  padding-bottom: 150rpx;
+  .page-img {
+    width: 100vw;
+  }
+}
+.page-click1 {
+  position: absolute;
+  top: 176rpx;
+  right: 0;
+  z-index: 1;
+  width: 50vw;
+  height: 96rpx;
+  background-color: transparent;
+}
+
+.tabbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 100vw;
+  padding-bottom: 20rpx;
+  background-color: #fff;
+  .tabbar-img {
+    width: 100%;
+  }
+  .tabbar-wrap {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .tabbar-click {
+      flex: 1;
+      height: 160rpx;
+    }
+  }
 }

src/pages/5/index.ts

@@ -1,10 +1,39 @@
 const _app = getApp<IAppOption>();
 
 Page({
-  data: {},
+  data: {
+    current: 0,
+  },
   onLoad() {},
-  handleTap1() {
-    wx.navigateBack();
+  handlePage1() {
+    this.setData({
+      current: 1,
+    });
+  },
+  handlePage2() {
+    this.setData({
+      current: 2,
+    });
+  },
+  handelTap1() {
+    wx.navigateTo({
+      url: "/pages/4/index",
+    });
+  },
+  handleTabbar1() {
+    wx.reLaunch({
+      url: "/pages/1/index",
+    });
+  },
+  handleTabbar4() {
+    wx.reLaunch({
+      url: "/pages/6/index",
+    });
+  },
+  handleTabbar5() {
+    wx.reLaunch({
+      url: "/pages/7/index",
+    });
   },
 });
 

src/pages/5/index.wxml

@@ -1,2 +1,25 @@
 <navigation-bar></navigation-bar>
-<image class="page" mode="widthFix" src="{{imageUrl}}4.png?t={{Timestamp}}" bind:tap="handleTap1"></image>
+<swiper class="page" current="{{current}}">
+  <swiper-item class="swiper-item1">
+    <image bind:tap="handlePage1" class="page-img" mode="widthFix" src="/images/qs/9.png"></image>
+  </swiper-item>
+  <swiper-item>
+    <image bind:tap="handlePage2" class="page-img" mode="widthFix" src="/images/qs/10.png"></image>
+  </swiper-item>
+  <swiper-item>
+    <image class="page-img" mode="widthFix" src="/images/qs/11.png"></image>
+  </swiper-item>
+</swiper>
+
+<view class="page-click1" catch:tap="handelTap1"></view>
+
+<view class="tabbar">
+  <image class="tabbar-img" mode="widthFix" src="/images/qs/tabbar2.png"></image>
+  <view class="tabbar-wrap">
+    <view class="tabbar-click" catch:tap="handleTabbar1"></view>
+    <view class="tabbar-click"></view>
+    <view class="tabbar-click"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar4"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar5"></view>
+  </view>
+</view>

src/pages/6/index.scss

@@ -1,3 +1,31 @@
 .page {
   width: 100vw;
+  margin-bottom: 80px;
+}
+
+.tabbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 100vw;
+  padding-bottom: 20rpx;
+  background-color: #fff;
+  .tabbar-img {
+    width: 100%;
+  }
+  .tabbar-wrap {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .tabbar-click {
+      flex: 1;
+      height: 160rpx;
+    }
+  }
 }

src/pages/6/index.ts

@@ -3,8 +3,20 @@ const _app = getApp<IAppOption>();
 Page({
   data: {},
   onLoad() {},
-  handleTap1() {
-    wx.navigateBack();
+  handleTabbar1() {
+    wx.reLaunch({
+      url: "/pages/1/index",
+    });
+  },
+  handleTabbar2() {
+    wx.reLaunch({
+      url: "/pages/5/index",
+    });
+  },
+  handleTabbar5() {
+    wx.reLaunch({
+      url: "/pages/7/index",
+    });
   },
 });
 

src/pages/6/index.wxml

@@ -1,2 +1,12 @@
-<navigation-bar></navigation-bar>
-<image class="page" mode="widthFix" src="{{imageUrl}}15.png?t={{Timestamp}}" bind:tap="handleTap1"></image>
+<image class="page" mode="widthFix" src="/images/qs/12.png"></image>
+
+<view class="tabbar">
+  <image class="tabbar-img" mode="widthFix" src="/images/qs/tabbar3.png"></image>
+  <view class="tabbar-wrap">
+    <view class="tabbar-click" catch:tap="handleTabbar1"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar2"></view>
+    <view class="tabbar-click"></view>
+    <view class="tabbar-click"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar5"></view>
+  </view>
+</view>

src/pages/7/index.scss

@@ -3,7 +3,7 @@
 }
 .page-click1 {
   position: fixed;
-  top: 380rpx;
+  top: 388rpx;
   left: 0;
   z-index: 1;
   width: 750rpx;
@@ -11,24 +11,6 @@
   background-color: transparent;
 }
 
-.page-click2 {
-  position: fixed;
-  top: 640rpx;
-  left: 0;
-  z-index: 1;
-  width: 750rpx;
-  height: 170rpx;
-  background-color: transparent;
-}
-.page-click3 {
-  position: fixed;
-  top: 830rpx;
-  left: 0;
-  z-index: 1;
-  width: 750rpx;
-  height: 170rpx;
-  background-color: transparent;
-}
 
 .tabbar {
   position: fixed;
@@ -56,26 +38,3 @@
   }
 }
 
-.float1 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 2;
-  width: 100vw;
-}
-
-.float2 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 2;
-  width: 100vw;
-}
-
-.float3 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 2;
-  width: 100vw;
-}

src/pages/7/index.ts

@@ -8,23 +8,8 @@ Page({
   },
   onLoad() {},
   handelTap1() {
-    this.setData({
-      float1: true,
-    });
-  },
-  handelTap2() {
-    wx.reLaunch({
-      url:'/pages/9/index'
-    })
-  },
-  handelTap3() {
-    wx.reLaunch({
-      url:'/pages/18/index'
-    })
-  },
-  handleFloat1() {
-    this.setData({
-      float1: false,
+    wx.navigateTo({
+      url: "/pages/8/index",
     });
   },
   handleTabbar1() {
@@ -37,6 +22,11 @@ Page({
       url: "/pages/4/index",
     });
   },
+  handleTabbar4() {
+    wx.reLaunch({
+      url: "/pages/6/index",
+    });
+  },
 });
 
 export {};

src/pages/7/index.wxml

@@ -1,15 +1,21 @@
-<image class="page" mode="widthFix" src="{{imageUrl}}3.png?t={{Timestamp}}"></image>
+<image class="page" mode="widthFix" src="/images/qs/13.png"></image>
 <view class="page-click1" bind:tap="handelTap1"></view>
-<view class="page-click2" bind:tap="handelTap2"></view>
-<view class="page-click3" bind:tap="handelTap3"></view>
 
 <view class="tabbar">
-  <image class="tabbar-img" mode="widthFix" src="{{imageUrl}}tabbar1-3.png?t={{Timestamp}}"></image>
+  <image class="tabbar-img" mode="widthFix" src="/images/qs/tabbar4.png"></image>
   <view class="tabbar-wrap">
-    <view class="tabbar-click" bind:tap="handleTabbar1"></view>
-    <view class="tabbar-click" bind:tap="handleTabbar2"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar1"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar2"></view>
+    <view class="tabbar-click"></view>
+    <view class="tabbar-click" catch:tap="handleTabbar4"></view>
     <view class="tabbar-click"></view>
   </view>
 </view>
 
-<image wx:if="{{float1}}" class="float1" mode="widthFix" src="{{imageUrl}}12.png?t={{Timestamp}}" bind:tap="handleFloat1"></image>
+<image
+  wx:if="{{float1}}"
+  class="float1"
+  mode="widthFix"
+  src="{{imageUrl}}12.png?t={{Timestamp}}"
+  bind:tap="handleFloat1"
+></image>

src/pages/8/index.wxml

@@ -1,4 +1,4 @@
 <navigation-bar></navigation-bar>
-<image class="page" mode="widthFix" src="{{imageUrl}}6.png?t={{Timestamp}}" bind:tap="handleTap1"></image>
+<image class="page" mode="widthFix" src="/images/qs/14.png" bind:tap="handleTap1"></image>
 
 <image wx:if="{{float1}}" class="float1" mode="widthFix" src="{{imageUrl}}11.png?t={{Timestamp}}" bind:tap="handleFloat1"></image>