After Width: | Height: | Size: 444 KiB |
After Width: | Height: | Size: 807 KiB |
After Width: | Height: | Size: 382 KiB |
After Width: | Height: | Size: 595 KiB |
After Width: | Height: | Size: 559 KiB |
After Width: | Height: | Size: 678 KiB |
After Width: | Height: | Size: 802 KiB |
After Width: | Height: | Size: 854 KiB |
After Width: | Height: | Size: 1.9 MiB |
After Width: | Height: | Size: 127 KiB |
After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 602 KiB |
After Width: | Height: | Size: 830 KiB |
After Width: | Height: | Size: 380 KiB |
After Width: | Height: | Size: 726 KiB |
After Width: | Height: | Size: 375 KiB |
After Width: | Height: | Size: 470 KiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 1.8 MiB |
After Width: | Height: | Size: 115 KiB |
After Width: | Height: | Size: 1.0 MiB |
After Width: | Height: | Size: 826 KiB |
After Width: | Height: | Size: 474 KiB |
After Width: | Height: | Size: 360 KiB |
After Width: | Height: | Size: 707 KiB |
After Width: | Height: | Size: 381 KiB |
After Width: | Height: | Size: 422 KiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 574 KiB |
After Width: | Height: | Size: 939 KiB |
After Width: | Height: | Size: 740 KiB |
After Width: | Height: | Size: 540 KiB |
After Width: | Height: | Size: 443 KiB |
After Width: | Height: | Size: 446 KiB |
After Width: | Height: | Size: 50 KiB |
After Width: | Height: | Size: 9.5 KiB |
After Width: | Height: | Size: 34 KiB |
After Width: | Height: | Size: 34 KiB |
After Width: | Height: | Size: 34 KiB |
After Width: | Height: | Size: 34 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 9.7 KiB |
After Width: | Height: | Size: 10 KiB |
@ -1,3 +1,82 @@ |
|||||||
.page{ |
.page { |
||||||
width: 100%; |
width: 100vw; |
||||||
|
} |
||||||
|
.page-click1 { |
||||||
|
position: absolute; |
||||||
|
top: 526rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 750rpx; |
||||||
|
height: 84rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click2 { |
||||||
|
position: absolute; |
||||||
|
top: 1080rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 750rpx; |
||||||
|
height: 500rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
.page-click3 { |
||||||
|
position: fixed; |
||||||
|
top: 708rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 750rpx; |
||||||
|
height: 360rpx; |
||||||
|
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; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.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; |
||||||
} |
} |
||||||
|
@ -1 +1,15 @@ |
|||||||
<image class="page" mode="widthFix" src="{{imageUrl}}18.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
<image class="page" mode="widthFix" src="/images/md/7.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="/images/md/tabbar1-4.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" catch:tap="handleTabbar3"></view> |
||||||
|
<view class="tabbar-click" catch:tap="handleTabbar4"></view> |
||||||
|
<view class="tabbar-click"></view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
@ -1,15 +1,2 @@ |
|||||||
<image class="page" mode="widthFix" src="{{imageUrl}}20.png?t={{Timestamp}}"></image> |
<navigation-bar></navigation-bar> |
||||||
<view class="page-click1" bind:tap="handelTap1"></view> |
<image class="page" mode="widthFix" src="/images/md/16.png" bind:tap="handleTap1"></image> |
||||||
<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}}tabbar2-1.png?t={{Timestamp}}"></image> |
|
||||||
<view class="tabbar-wrap"> |
|
||||||
<view class="tabbar-click"></view> |
|
||||||
<view class="tabbar-click" bind:tap="handleTabbar2"></view> |
|
||||||
<view class="tabbar-click" bind:tap="handleTabbar3"></view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
|
|
||||||
<image wx:if="{{float1}}" class="float1" mode="widthFix" src="{{imageUrl}}9.png?t={{Timestamp}}" bind:tap="handleFloat1"></image> |
|
||||||
|
@ -1,50 +1,45 @@ |
|||||||
.page { |
.page{ |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 100vh; |
padding-bottom: 180rpx; |
||||||
.page-img { |
} |
||||||
width: 100%; |
|
||||||
height: 100%; |
.page-click1 { |
||||||
} |
position: fixed; |
||||||
.swiper-item1 { |
bottom: 20rpx; |
||||||
position: relative; |
left: 0; |
||||||
.swiper-item1-block1 { |
z-index: 3; |
||||||
position: absolute; |
width: 50vw; |
||||||
top: 644rpx; |
height: 224rpx; |
||||||
left: 0; |
background-color: transparent; |
||||||
width: 100vw; |
} |
||||||
height: 104rpx; |
.page-click2 { |
||||||
background-color: transparent; |
position: fixed; |
||||||
} |
bottom: 20rpx; |
||||||
.swiper-item1-block2 { |
left: 50vw; |
||||||
position: absolute; |
z-index: 3; |
||||||
top: 854rpx; |
width: 50vw; |
||||||
left: 0; |
height: 224rpx; |
||||||
width: 100vw; |
background-color: transparent; |
||||||
height: 104rpx; |
} |
||||||
background-color: transparent; |
.page-click3 { |
||||||
} |
position: absolute; |
||||||
.swiper-item1-block3 { |
top: 320rpx; |
||||||
position: absolute; |
left: 0; |
||||||
top: 1070rpx; |
z-index: 1; |
||||||
left: 0; |
width: 100vw; |
||||||
width: 100vw; |
height: 124rpx; |
||||||
height: 104rpx; |
background-color: transparent; |
||||||
background-color: transparent; |
|
||||||
} |
|
||||||
.swiper-item1-block4 { |
|
||||||
position: absolute; |
|
||||||
top: 1280rpx; |
|
||||||
left: 0; |
|
||||||
width: 100vw; |
|
||||||
height: 104rpx; |
|
||||||
background-color: transparent; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.float1{ |
.tabbar { |
||||||
position: fixed; |
position: fixed; |
||||||
bottom: 0; |
bottom: 0; |
||||||
left: 0; |
left: 0; |
||||||
|
z-index: 2; |
||||||
width: 100vw; |
width: 100vw; |
||||||
|
padding-bottom: 20rpx; |
||||||
|
background-color: #fff; |
||||||
|
.tabbar-img { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
} |
} |
||||||
|
@ -1,56 +1,26 @@ |
|||||||
const _app = getApp<IAppOption>(); |
const _app = getApp<IAppOption>(); |
||||||
|
|
||||||
Page({ |
Page({ |
||||||
data: { |
data: {}, |
||||||
current: 0, |
|
||||||
|
|
||||||
float1: false, |
|
||||||
}, |
|
||||||
onLoad() {}, |
onLoad() {}, |
||||||
handlePage1() { |
|
||||||
this.setData({ |
|
||||||
current: 1, |
|
||||||
}); |
|
||||||
}, |
|
||||||
handlePage2() { |
|
||||||
this.setData({ |
|
||||||
current: 2, |
|
||||||
}); |
|
||||||
}, |
|
||||||
handlePage3() { |
|
||||||
this.setData({ |
|
||||||
current: 3, |
|
||||||
}); |
|
||||||
}, |
|
||||||
handlePage4() { |
|
||||||
wx.navigateBack(); |
|
||||||
}, |
|
||||||
handleTap1() { |
handleTap1() { |
||||||
wx.navigateTo({ |
wx.navigateTo({ |
||||||
url: "/pages/13/index", |
url: "/pages/13/index", |
||||||
}); |
}); |
||||||
}, |
}, |
||||||
handleTap2() { |
handelTap1() { |
||||||
wx.navigateTo({ |
wx.navigateBack(); |
||||||
url: "/pages/15/index", |
|
||||||
}); |
|
||||||
}, |
}, |
||||||
handleTap3() { |
handelTap2() { |
||||||
wx.navigateTo({ |
wx.navigateTo({ |
||||||
url: "/pages/16/index", |
url: "/pages/13/index", |
||||||
}); |
}); |
||||||
}, |
}, |
||||||
handleTap4() { |
handelTap3() { |
||||||
this.setData({ |
wx.redirectTo({ |
||||||
float1: true, |
url: "/pages/19/index", |
||||||
}); |
}); |
||||||
}, |
}, |
||||||
|
|
||||||
handleFloat1(){ |
|
||||||
this.setData({ |
|
||||||
float1: false, |
|
||||||
}); |
|
||||||
} |
|
||||||
}); |
}); |
||||||
|
|
||||||
export {}; |
export {}; |
||||||
|
@ -1,21 +1,10 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<swiper class="page" current="{{current}}"> |
<image class="page" mode="widthFix" src="/images/md/18.png" bind:tap="handleTap1"></image> |
||||||
<swiper-item class="swiper-item1"> |
|
||||||
<image bind:tap="handlePage1" class="page-img" mode="aspectFit" src="{{imageUrl}}22.png?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> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage3" class="page-img" mode="aspectFit" src="{{imageUrl}}24.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage4" class="page-img" mode="aspectFit" src="{{imageUrl}}25.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
</swiper> |
|
||||||
|
|
||||||
<image wx:if="{{float1}}" class="float1" mode="widthFix" src="{{imageUrl}}41.png?t={{Timestamp}}" bind:tap="handleFloat1"></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="/images/md/footer1.png"></image> |
||||||
|
</view> |
||||||
|
@ -1,8 +1,3 @@ |
|||||||
.page { |
.page{ |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 100vh; |
|
||||||
.page-img{ |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
@ -1,27 +1,13 @@ |
|||||||
const _app = getApp<IAppOption>(); |
const _app = getApp<IAppOption>(); |
||||||
|
|
||||||
Page({ |
Page({ |
||||||
data: { |
data: {}, |
||||||
current: 0, |
|
||||||
page1: true, |
|
||||||
page2: false, |
|
||||||
page3: false, |
|
||||||
page4: false, |
|
||||||
}, |
|
||||||
onLoad() {}, |
onLoad() {}, |
||||||
handlePage1() { |
handleTap1() { |
||||||
this.setData({ |
wx.navigateTo({ |
||||||
current: 1, |
url: "/pages/14/index", |
||||||
}); |
|
||||||
}, |
|
||||||
handlePage2() { |
|
||||||
this.setData({ |
|
||||||
current: 2, |
|
||||||
}); |
}); |
||||||
}, |
}, |
||||||
handlePage3() { |
|
||||||
wx.navigateBack(); |
|
||||||
}, |
|
||||||
}); |
}); |
||||||
|
|
||||||
export {}; |
export {}; |
||||||
|
@ -1,12 +1,2 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<swiper class="page" current="{{current}}"> |
<image class="page" mode="widthFix" src="/images/md/19.png" bind:tap="handleTap1"></image> |
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage1" class="page-img" mode="aspectFit" src="{{imageUrl}}26.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage2" class="page-img" mode="aspectFit" src="{{imageUrl}}27.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage3" class="page-img" mode="aspectFit" src="{{imageUrl}}28.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
</swiper> |
|
||||||
|
@ -1,2 +1,2 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<image class="page" mode="widthFix" src="{{imageUrl}}21.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
<image class="page" mode="widthFix" src="/images/md/17.png" bind:tap="handleTap1"></image> |
||||||
|
@ -1,8 +1,63 @@ |
|||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 100vh; |
} |
||||||
.page-img { |
.page-click1 { |
||||||
|
position: absolute; |
||||||
|
top: 212rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 750rpx; |
||||||
|
height: 124rpx; |
||||||
|
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%; |
width: 100%; |
||||||
height: 100%; |
height: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
.tabbar-click { |
||||||
|
flex: 1; |
||||||
|
height: 160rpx; |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
.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; |
||||||
|
} |
||||||
|
@ -1,12 +1,11 @@ |
|||||||
<navigation-bar></navigation-bar> |
<image class="page" mode="widthFix" src="/images/md/20.png"></image> |
||||||
<swiper class="page" current="{{current}}"> |
<view class="page-click1" catch:tap="handelTap1"></view> |
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage1" class="page-img" mode="aspectFit" src="{{imageUrl}}30.png?t={{Timestamp}}"></image> |
<view class="tabbar"> |
||||||
</swiper-item> |
<image class="tabbar-img" mode="widthFix" src="/images/md/tabbar2-1.png"></image> |
||||||
<swiper-item> |
<view class="tabbar-wrap"> |
||||||
<image bind:tap="handlePage2" class="page-img" mode="aspectFit" src="{{imageUrl}}31.png?t={{Timestamp}}"></image> |
<view class="tabbar-click"></view> |
||||||
</swiper-item> |
<view class="tabbar-click" catch:tap="handleTabbar2"></view> |
||||||
<swiper-item> |
<view class="tabbar-click"></view> |
||||||
<image bind:tap="handlePage3" class="page-img" mode="aspectFit" src="{{imageUrl}}32.png?t={{Timestamp}}"></image> |
</view> |
||||||
</swiper-item> |
</view> |
||||||
</swiper> |
|
||||||
|
@ -1,8 +1,3 @@ |
|||||||
.page { |
.page{ |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 100vh; |
|
||||||
.page-img { |
|
||||||
width: 100%; |
|
||||||
height: 100%; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
@ -1,15 +1,2 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<swiper class="page" current="{{current}}"> |
<image class="page" mode="widthFix" src="/images/md/25.png" bind:tap="handleTap1"></image> |
||||||
<swiper-item class="swiper-item1"> |
|
||||||
<image bind:tap="handlePage1" class="page-img" mode="aspectFit" src="{{imageUrl}}34.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage2" class="page-img" mode="aspectFit" src="{{imageUrl}}35.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage3" class="page-img" mode="aspectFit" src="{{imageUrl}}36.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage4" class="page-img" mode="aspectFit" src="{{imageUrl}}37.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
</swiper> |
|
||||||
|
@ -1,20 +1,10 @@ |
|||||||
<swiper class="page" current="{{current}}"> |
<image class="page" mode="widthFix" src="/images/md/21.png" bind:tap="handlePage"></image> |
||||||
<swiper-item class="swiper-item1"> |
|
||||||
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}50.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}51.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage3" class="page-img" mode="widthFix" src="{{imageUrl}}52.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
</swiper> |
|
||||||
|
|
||||||
<view class="tabbar"> |
<view class="tabbar"> |
||||||
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}tabbar2-2.png?t={{Timestamp}}"></image> |
<image class="tabbar-img" mode="widthFix" src="/images/md/tabbar2-2.png"></image> |
||||||
<view class="tabbar-wrap"> |
<view class="tabbar-wrap"> |
||||||
<view class="tabbar-click" bind:tap="handleTabbar1"></view> |
<view class="tabbar-click" catch:tap="handleTabbar1"></view> |
||||||
|
<view class="tabbar-click"></view> |
||||||
<view class="tabbar-click"></view> |
<view class="tabbar-click"></view> |
||||||
<view class="tabbar-click" bind:tap="handleTabbar3"></view> |
|
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
|
@ -1,15 +1,16 @@ |
|||||||
<image class="page" mode="widthFix" src="{{imageUrl}}43.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
<navigation-bar></navigation-bar> |
||||||
|
|
||||||
|
<swiper class="page" model:current="{{current}}"> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="/images/md/22.png"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item> |
||||||
|
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="/images/md/23.png"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item> |
||||||
|
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="/images/md/24.png"></image> |
||||||
|
</swiper-item> |
||||||
|
</swiper> |
||||||
|
|
||||||
<view class="page-click1" bind:tap="handleTap1"></view> |
<view class="page-click1" catch:tap="handleTap1"></view> |
||||||
<view class="page-click2" bind:tap="handleTap2"></view> |
<view class="page-click2" catch:tap="handleTap2"></view> |
||||||
<view class="page-click3" bind:tap="handleTap3"></view> |
|
||||||
<view class="page-click4" bind:tap="handleTap4"></view> |
|
||||||
|
|
||||||
<view class="tabbar"> |
|
||||||
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}tabbar3-1.png?t={{Timestamp}}"></image> |
|
||||||
<view class="tabbar-wrap"> |
|
||||||
<view class="tabbar-click"></view> |
|
||||||
<view class="tabbar-click" bind:tap="handleTabbar2"></view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
|
@ -1,3 +1,45 @@ |
|||||||
.page { |
.page{ |
||||||
width: 100vw; |
width: 100vw; |
||||||
|
padding-bottom: 180rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click1 { |
||||||
|
position: fixed; |
||||||
|
bottom: 20rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 3; |
||||||
|
width: 50vw; |
||||||
|
height: 224rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
.page-click2 { |
||||||
|
position: fixed; |
||||||
|
bottom: 20rpx; |
||||||
|
left: 50vw; |
||||||
|
z-index: 3; |
||||||
|
width: 50vw; |
||||||
|
height: 224rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
.page-click3 { |
||||||
|
position: absolute; |
||||||
|
top: 320rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 124rpx; |
||||||
|
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%; |
||||||
|
} |
||||||
} |
} |
||||||
|
@ -1,2 +1,17 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<image class="page" mode="widthFix" src="{{imageUrl}}44.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
<image class="page" mode="widthFix" src="/images/md/27.png" bind:tap="handleTap1"></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="/images/md/footer2.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" catch:tap="handleTabbar4"></view> |
||||||
|
<view class="tabbar-click" catch:tap="handleTabbar5"></view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
@ -1,2 +1,2 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<image class="page" mode="widthFix" src="{{imageUrl}}8.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
<image class="page" mode="widthFix" src="/images/md/12.png" bind:tap="handleTap1"></image> |
||||||
|
@ -1,39 +1,3 @@ |
|||||||
page { |
|
||||||
padding-bottom: 100rpx; |
|
||||||
} |
|
||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 100vh; |
|
||||||
padding-bottom: 150rpx; |
|
||||||
.page-img { |
|
||||||
display: block; |
|
||||||
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; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
@ -1,29 +1,13 @@ |
|||||||
const _app = getApp<IAppOption>(); |
const _app = getApp<IAppOption>(); |
||||||
|
|
||||||
Page({ |
Page({ |
||||||
data: { |
data: {}, |
||||||
current: 0, |
onLoad() {}, |
||||||
|
handleTap1() { |
||||||
|
wx.navigateTo({ |
||||||
|
url:"/pages/21/index" |
||||||
|
}) |
||||||
}, |
}, |
||||||
onLoad(options) { |
|
||||||
if (options.current) { |
|
||||||
this.setData({ |
|
||||||
current: Number(options.current), |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
handlePage1() { |
|
||||||
this.setData({ |
|
||||||
current: 1, |
|
||||||
}); |
|
||||||
}, |
|
||||||
handlePage2() { |
|
||||||
this.setData({ |
|
||||||
current: 2, |
|
||||||
}); |
|
||||||
}, |
|
||||||
handlePage3(){ |
|
||||||
wx.navigateBack(); |
|
||||||
} |
|
||||||
}); |
}); |
||||||
|
|
||||||
export {}; |
export {}; |
||||||
|
@ -1,12 +1,2 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<swiper class="page" current="{{current}}"> |
<image class="page" mode="widthFix" src="/images/md/28.png" bind:tap="handleTap1"></image> |
||||||
<swiper-item class="swiper-item1"> |
|
||||||
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}45.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}46.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage3" class="page-img" mode="widthFix" src="{{imageUrl}}55.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
</swiper> |
|
||||||
|
@ -1,40 +1,3 @@ |
|||||||
page { |
|
||||||
padding-bottom: 100rpx; |
|
||||||
} |
|
||||||
|
|
||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 100vh; |
|
||||||
padding-bottom: 150rpx; |
|
||||||
.page-img { |
|
||||||
display: block; |
|
||||||
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; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
@ -1,12 +1,2 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<swiper class="page" current="{{current}}"> |
<image class="page" mode="widthFix" src="/images/md/26.png" bind:tap="handleTap1"></image> |
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}47.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}48.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage3" class="page-img" mode="widthFix" src="{{imageUrl}}49.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
</swiper> |
|
||||||
|
@ -1,81 +1,3 @@ |
|||||||
.page { |
.page{ |
||||||
width: 100vw; |
|
||||||
} |
|
||||||
.page-click1 { |
|
||||||
position: fixed; |
|
||||||
top: 380rpx; |
|
||||||
left: 0; |
|
||||||
z-index: 1; |
|
||||||
width: 750rpx; |
|
||||||
height: 200rpx; |
|
||||||
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; |
|
||||||
bottom: 0; |
|
||||||
left: 0; |
|
||||||
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; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.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; |
width: 100vw; |
||||||
} |
} |
||||||
|
@ -1,11 +1,2 @@ |
|||||||
<image class="page" mode="widthFix" src="{{imageUrl}}54.png?t={{Timestamp}}"></image> |
<navigation-bar></navigation-bar> |
||||||
<view class="page-click1" bind:tap="handelTap1"></view> |
<image class="page" mode="widthFix" src="/images/md/34.png" bind:tap="handleTap1"></image> |
||||||
|
|
||||||
<view class="tabbar"> |
|
||||||
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}tabbar3-2.png?t={{Timestamp}}"></image> |
|
||||||
<view class="tabbar-wrap"> |
|
||||||
<view class="tabbar-click" bind:tap="handleTabbar1"></view> |
|
||||||
<view class="tabbar-click"></view> |
|
||||||
</view> |
|
||||||
</view> |
|
||||||
|
|
||||||
|
@ -1,8 +1,63 @@ |
|||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 100vh; |
} |
||||||
.page-img { |
.page-click1 { |
||||||
|
position: absolute; |
||||||
|
top: 212rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 750rpx; |
||||||
|
height: 124rpx; |
||||||
|
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%; |
width: 100%; |
||||||
height: 100%; |
height: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
.tabbar-click { |
||||||
|
flex: 1; |
||||||
|
height: 160rpx; |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
.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; |
||||||
|
} |
||||||
|
@ -1,9 +1,10 @@ |
|||||||
<navigation-bar></navigation-bar> |
<image class="page" mode="widthFix" src="/images/md/30.png" bind:tap="handlePage"></image> |
||||||
<swiper class="page" current="{{current}}"> |
|
||||||
<swiper-item class="swiper-item1"> |
<view class="tabbar"> |
||||||
<image bind:tap="handlePage1" class="page-img" mode="aspectFit" src="{{imageUrl}}34.png?t={{Timestamp}}"></image> |
<image class="tabbar-img" mode="widthFix" src="/images/md/tabbar3-2.png"></image> |
||||||
</swiper-item> |
<view class="tabbar-wrap"> |
||||||
<swiper-item> |
<view class="tabbar-click" catch:tap="handleTabbar1"></view> |
||||||
<image bind:tap="handlePage2" class="page-img" mode="aspectFit" src="{{imageUrl}}37.png?t={{Timestamp}}"></image> |
<view class="tabbar-click"></view> |
||||||
</swiper-item> |
<view class="tabbar-click"></view> |
||||||
</swiper> |
</view> |
||||||
|
</view> |
||||||
|
@ -1,3 +1,27 @@ |
|||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
|
min-height: 100vh; |
||||||
|
padding-bottom: 150rpx; |
||||||
|
.page-img { |
||||||
|
width: 100vw; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.page-click1 { |
||||||
|
position: absolute; |
||||||
|
top: 1386rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 50vw; |
||||||
|
height: 120rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
.page-click2 { |
||||||
|
position: absolute; |
||||||
|
top: 1386rpx; |
||||||
|
left: 50vw; |
||||||
|
z-index: 1; |
||||||
|
width: 50vw; |
||||||
|
height: 120rpx; |
||||||
|
background-color: transparent; |
||||||
} |
} |
||||||
|
@ -1,2 +1,16 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<image class="page" mode="widthFix" src="{{imageUrl}}56.png?t={{Timestamp}}" bind:tap="handlePage"></image> |
|
||||||
|
<swiper class="page" model:current="{{current}}"> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="/images/md/31.png"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item> |
||||||
|
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="/images/md/32.png"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item> |
||||||
|
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="/images/md/33.png"></image> |
||||||
|
</swiper-item> |
||||||
|
</swiper> |
||||||
|
|
||||||
|
<view class="page-click1" catch:tap="handleTap1"></view> |
||||||
|
<view class="page-click2" catch:tap="handleTap2"></view> |
||||||
|
@ -1,3 +1,22 @@ |
|||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
} |
} |
||||||
|
.page-click1 { |
||||||
|
position: absolute; |
||||||
|
top: 1236rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 50vw; |
||||||
|
height: 200rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click2 { |
||||||
|
position: absolute; |
||||||
|
top: 1236rpx; |
||||||
|
left: 50vw; |
||||||
|
z-index: 1; |
||||||
|
width: 50vw; |
||||||
|
height: 200rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
@ -1,2 +1,5 @@ |
|||||||
<navigation-bar></navigation-bar> |
<navigation-bar></navigation-bar> |
||||||
<image class="page" mode="widthFix" src="{{imageUrl}}13.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
<image class="page" mode="widthFix" src="/images/md/8.png"></image> |
||||||
|
|
||||||
|
<view class="page-click1" catch:tap="handleTap1"></view> |
||||||
|
<view class="page-click2" catch:tap="handleTap2"></view> |
||||||
|