23 changed files with 253 additions and 188 deletions
Binary file not shown.
Binary file not shown.
@ -1,3 +1,8 @@
@@ -1,3 +1,8 @@
|
||||
.page{ |
||||
.page { |
||||
width: 100vw; |
||||
min-height: 200vh; |
||||
.page-img{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
@ -1,2 +1,6 @@
@@ -1,2 +1,6 @@
|
||||
<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> |
||||
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="/images/nmosd/011.png"></image> |
||||
</swiper-item> |
||||
</swiper> |
||||
|
||||
@ -1,2 +1,2 @@
@@ -1,2 +1,2 @@
|
||||
<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/nmosd/013.png" bind:tap="handleTap1"></image> |
||||
|
||||
@ -1,11 +1,12 @@
@@ -1,11 +1,12 @@
|
||||
<image class="page" mode="widthFix" src="{{imageUrl}}2.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
||||
<view class="page-click" catchtap="handleTap2"></view> |
||||
<image class="page" mode="widthFix" src="/images/nmosd/012.png"></image> |
||||
|
||||
<view class="tabbar"> |
||||
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}tabbar1-2.png?t={{Timestamp}}"></image> |
||||
<image class="tabbar-img" mode="widthFix" src="/images/nmosd/tabbar2.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" bind:tap="handleTabbar3"></view> |
||||
<view class="tabbar-click" catch:tap="handleTabbar1"></view> |
||||
<view class="tabbar-click"></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,3 +1,29 @@
@@ -1,3 +1,29 @@
|
||||
.page{ |
||||
width: 100vw; |
||||
} |
||||
|
||||
.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; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,2 +1,13 @@
@@ -1,2 +1,13 @@
|
||||
<navigation-bar></navigation-bar> |
||||
<image class="page" mode="widthFix" src="{{imageUrl}}4.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
||||
<image class="page" mode="widthFix" src="/images/nmosd/05.png" bind:tap="handleTap1"></image> |
||||
|
||||
<view class="tabbar"> |
||||
<image class="tabbar-img" mode="widthFix" src="/images/nmosd/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" catch:tap="handleTabbar3"></view> |
||||
<view class="tabbar-click"></view> |
||||
<view class="tabbar-click" catch:tap="handleTabbar5"></view> |
||||
</view> |
||||
</view> |
||||
|
||||
@ -1,3 +1,29 @@
@@ -1,3 +1,29 @@
|
||||
.page{ |
||||
width: 100vw; |
||||
} |
||||
|
||||
.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; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,2 +1,13 @@
@@ -1,2 +1,13 @@
|
||||
<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/nmosd/014.png" bind:tap="handleTap1"></image> |
||||
|
||||
<view class="tabbar"> |
||||
<image class="tabbar-img" mode="widthFix" src="/images/nmosd/tabbar4.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,81 +1,8 @@
@@ -1,81 +1,8 @@
|
||||
.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; |
||||
min-height: 200vh; |
||||
.page-img{ |
||||
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; |
||||
} |
||||
|
||||
@ -1,15 +1,15 @@
@@ -1,15 +1,15 @@
|
||||
<image class="page" mode="widthFix" src="{{imageUrl}}3.png?t={{Timestamp}}"></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> |
||||
<view class="tabbar-wrap"> |
||||
<view class="tabbar-click" bind:tap="handleTabbar1"></view> |
||||
<view class="tabbar-click" bind:tap="handleTabbar2"></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> |
||||
<navigation-bar></navigation-bar> |
||||
<swiper class="page" current="{{current}}"> |
||||
<swiper-item> |
||||
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="/images/nmosd/02.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="/images/nmosd/07.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image bind:tap="handlePage3" class="page-img" mode="widthFix" src="/images/nmosd/08.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image bind:tap="handlePage4" class="page-img" mode="widthFix" src="/images/nmosd/03.png"></image> |
||||
</swiper-item> |
||||
</swiper> |
||||
|
||||
Loading…
Reference in new issue