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