|
After Width: | Height: | Size: 2.4 MiB |
|
After Width: | Height: | Size: 2.8 MiB |
|
After Width: | Height: | Size: 2.4 MiB |
|
After Width: | Height: | Size: 1.8 MiB |
|
After Width: | Height: | Size: 3.3 MiB |
|
After Width: | Height: | Size: 3.5 MiB |
|
After Width: | Height: | Size: 3.0 MiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 5.1 MiB |
|
After Width: | Height: | Size: 502 KiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 2.2 MiB |
|
After Width: | Height: | Size: 4.2 MiB |
|
After Width: | Height: | Size: 2.3 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 606 KiB |
|
After Width: | Height: | Size: 918 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 4.9 MiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 818 KiB |
|
Before Width: | Height: | Size: 668 KiB |
|
Before Width: | Height: | Size: 865 KiB |
|
Before Width: | Height: | Size: 564 KiB |
|
Before Width: | Height: | Size: 109 KiB |
|
Before Width: | Height: | Size: 214 KiB |
|
Before Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 684 KiB |
|
Before Width: | Height: | Size: 125 KiB |
|
Before Width: | Height: | Size: 207 KiB |
|
Before Width: | Height: | Size: 565 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 208 KiB |
|
Before Width: | Height: | Size: 223 KiB |
|
Before Width: | Height: | Size: 326 KiB |
|
Before Width: | Height: | Size: 370 KiB |
|
Before Width: | Height: | Size: 435 KiB |
|
Before Width: | Height: | Size: 302 KiB |
|
Before Width: | Height: | Size: 180 KiB |
|
Before Width: | Height: | Size: 532 KiB |
|
Before Width: | Height: | Size: 657 KiB |
|
Before Width: | Height: | Size: 513 KiB |
@ -0,0 +1,6 @@ |
|||||||
|
{ |
||||||
|
"usingComponents": { |
||||||
|
"van-popup": "@vant/weapp/popup/index", |
||||||
|
"van-icon": "@vant/weapp/icon/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,23 @@ |
|||||||
|
.page { |
||||||
|
width: 100vw; |
||||||
|
min-height: 3000rpx; |
||||||
|
.page-img { |
||||||
|
width: 100vw; |
||||||
|
} |
||||||
|
.page-click1 { |
||||||
|
position: absolute; |
||||||
|
top: 248rpx; |
||||||
|
right: 72rpx; |
||||||
|
z-index: 2; |
||||||
|
width: 64rpx; |
||||||
|
height: 64rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.float1 { |
||||||
|
display: block; |
||||||
|
margin: 0 auto; |
||||||
|
width: 670rpx; |
||||||
|
height: 706rpx; |
||||||
|
} |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
const _app = getApp<IAppOption>(); |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: { |
||||||
|
current: 0, |
||||||
|
float1: false, |
||||||
|
}, |
||||||
|
onLoad(options) { |
||||||
|
this.setData({ |
||||||
|
current: Number(options.current), |
||||||
|
}); |
||||||
|
}, |
||||||
|
handlePage1() { |
||||||
|
this.setData({ |
||||||
|
current: 1, |
||||||
|
}); |
||||||
|
}, |
||||||
|
handlePage2() { |
||||||
|
wx.navigateTo({ |
||||||
|
url: "/pages/1/index", |
||||||
|
}); |
||||||
|
}, |
||||||
|
}); |
||||||
|
|
||||||
|
export {}; |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
<!-- <navigation-bar back="{{false}}"> --> |
||||||
|
<!-- <van-icon slot="left" size="24" name="cross" bind:tap="handleBack" /> --> |
||||||
|
<!-- </navigation-bar> --> |
||||||
|
|
||||||
|
<swiper class="page" current="{{current}}"> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}class/2.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item> |
||||||
|
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}class/1.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
</swiper> |
||||||
|
|
||||||
@ -1,26 +1,21 @@ |
|||||||
<image class="page" mode="widthFix" src="{{imageUrl}}qs/1.png?t={{Timestamp}}"></image> |
<image class="page" mode="widthFix" src="{{imageUrl}}class/7.jpg?t={{Timestamp}}"></image> |
||||||
<view class="page-click1" catch:tap="handelTap1"></view> |
<view class="page-click1" catch:tap="handelTap1"></view> |
||||||
<view class="page-click2" catch:tap="handelTap2"></view> |
<view class="page-click2" catch:tap="handelTap2"></view> |
||||||
<view class="page-click3" catch:tap="handelTap3"></view> |
<view class="page-click3" catch:tap="handelTap3"></view> |
||||||
<view class="page-click4" catch:tap="handelTap4"></view> |
<view class="page-click4" catch:tap="handelTap4"></view> |
||||||
<view class="page-click5" catch:tap="handelTap5"></view> |
<view class="page-click5" catch:tap="handelTap5"></view> |
||||||
|
<view class="page-click6" catch:tap="handelTap4"></view> |
||||||
|
<view class="page-click7" catch:tap="handelTap5"></view> |
||||||
|
<view class="page-click8" catch:tap="handelTap6"></view> |
||||||
|
|
||||||
<view class="tabbar"> |
<view class="tabbar"> |
||||||
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}qs/tabbar1.png?t={{Timestamp}}"></image> |
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}class/tabbar1.png?t={{Timestamp}}"></image> |
||||||
<view class="tabbar-wrap"> |
<view class="tabbar-wrap"> |
||||||
<view class="tabbar-click"></view> |
<view class="tabbar-click"></view> |
||||||
<view class="tabbar-click" catch:tap="handleTabbar2"></view> |
<view class="tabbar-click" catch:tap="handleTabbar2"></view> |
||||||
<view class="tabbar-click" catch: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="handleTabbar4"></view> |
||||||
<view class="tabbar-click" catch:tap="handleTabbar5"></view> |
|
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
|
|
||||||
<image |
|
||||||
wx:if="{{float1}}" |
|
||||||
class="float1" |
|
||||||
mode="widthFix" |
|
||||||
src="{{imageUrl}}qs/tabbar-tip.png?t={{Timestamp}}" |
|
||||||
bind:tap="handleFloat1" |
|
||||||
></image> |
|
||||||
|
|
||||||
|
|||||||
@ -1 +1 @@ |
|||||||
<image class="page" mode="widthFix" src="{{imageUrl}}18.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
<image class="page" mode="widthFix" src="{{imageUrl}}class/24.png?t={{Timestamp}}" bind:tap="handleTap1"></image> |
||||||
|
|||||||
@ -1,15 +1 @@ |
|||||||
<image class="page" mode="widthFix" src="{{imageUrl}}20.png?t={{Timestamp}}"></image> |
<image class="page" bind:tap="handlePage1" mode="widthFix" src="{{imageUrl}}class/25.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}}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,3 +1,6 @@ |
|||||||
{ |
{ |
||||||
"usingComponents": {} |
"usingComponents": { |
||||||
|
"van-popup": "@vant/weapp/popup/index", |
||||||
|
"van-icon": "@vant/weapp/icon/index" |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,38 +1,23 @@ |
|||||||
page { |
|
||||||
padding-bottom: 100rpx; |
|
||||||
} |
|
||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 2200rpx; |
min-height: 3000rpx; |
||||||
padding-bottom: 150rpx; |
|
||||||
.page-img { |
.page-img { |
||||||
width: 100vw; |
width: 100vw; |
||||||
} |
} |
||||||
} |
.page-click1 { |
||||||
|
|
||||||
.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; |
position: absolute; |
||||||
top: 0; |
top: 248rpx; |
||||||
left: 0; |
right: 72rpx; |
||||||
width: 100%; |
z-index: 2; |
||||||
height: 100%; |
width: 64rpx; |
||||||
display: flex; |
height: 64rpx; |
||||||
justify-content: space-between; |
background-color: transparent; |
||||||
align-items: center; |
|
||||||
.tabbar-click { |
|
||||||
flex: 1; |
|
||||||
height: 160rpx; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
.float1 { |
||||||
|
display: block; |
||||||
|
margin: 0 auto; |
||||||
|
width: 670rpx; |
||||||
|
height: 706rpx; |
||||||
} |
} |
||||||
|
|||||||
@ -1,12 +1,10 @@ |
|||||||
<navigation-bar title="PASI 评测"></navigation-bar> |
<!-- <navigation-bar back="{{false}}"> --> |
||||||
|
<!-- <van-icon slot="left" size="24" name="cross" bind:tap="handleBack" /> --> |
||||||
|
<!-- </navigation-bar> --> |
||||||
|
|
||||||
<swiper class="page" current="{{current}}"> |
<swiper class="page" current="{{current}}"> |
||||||
<swiper-item class="swiper-item1"> |
<swiper-item class="swiper-item1"> |
||||||
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}qs/5.png?t={{Timestamp}}"></image> |
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}class/19.png?t={{Timestamp}}"></image> |
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}qs/6.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
|
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage3" class="page-img" mode="widthFix" src="{{imageUrl}}qs/7.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
</swiper-item> |
||||||
</swiper> |
</swiper> |
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,11 @@ |
|||||||
<navigation-bar back="{{false}}"> |
<navigation-bar back="{{current<4}}"> |
||||||
<van-icon slot="left" size="24" name="cross" bind:tap="handleBack" /> |
<van-icon slot="left" size="24" name="cross" bind:tap="handleBack" /> |
||||||
</navigation-bar> |
</navigation-bar> |
||||||
<image class="page" mode="widthFix" src="{{imageUrl}}qs/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="{{imageUrl}}class/23.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item> |
||||||
|
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}class/20.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
</swiper> |
||||||
|
|||||||
@ -1,24 +1,21 @@ |
|||||||
<swiper class="page" current="{{current}}"> |
<swiper class="page" current="{{current}}"> |
||||||
<swiper-item class="swiper-item1"> |
<swiper-item class="swiper-item1"> |
||||||
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}qs/9.png?t={{Timestamp}}"></image> |
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}class/26.png?t={{Timestamp}}"></image> |
||||||
</swiper-item> |
<view class="page-click1" catch:tap="handelTap1"></view> |
||||||
<swiper-item> |
|
||||||
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}qs/10.png?t={{Timestamp}}"></image> |
|
||||||
</swiper-item> |
</swiper-item> |
||||||
<swiper-item> |
<swiper-item> |
||||||
<image class="page-img" mode="widthFix" src="{{imageUrl}}qs/11.png?t={{Timestamp}}"></image> |
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}class/27.png?t={{Timestamp}}"></image> |
||||||
</swiper-item> |
</swiper-item> |
||||||
</swiper> |
</swiper> |
||||||
|
|
||||||
<view class="page-click1" catch:tap="handelTap1"></view> |
<view class="page-click1" catch:tap="handelTap1"></view> |
||||||
|
|
||||||
<view class="tabbar"> |
<view class="tabbar"> |
||||||
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}qs/tabbar2.png?t={{Timestamp}}"></image> |
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}class/tabbar2.png?t={{Timestamp}}"></image> |
||||||
<view class="tabbar-wrap"> |
<view class="tabbar-wrap"> |
||||||
<view class="tabbar-click" catch: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" catch: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="handleTabbar4"></view> |
||||||
<view class="tabbar-click" catch:tap="handleTabbar5"></view> |
|
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
|
|||||||
@ -1,5 +1,6 @@ |
|||||||
{ |
{ |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
|
"van-popup": "@vant/weapp/popup/index", |
||||||
"van-icon": "@vant/weapp/icon/index" |
"van-icon": "@vant/weapp/icon/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,31 +1,23 @@ |
|||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
margin-bottom: 80px; |
min-height: 3500rpx; |
||||||
} |
.page-img { |
||||||
|
|
||||||
.tabbar { |
|
||||||
position: fixed; |
|
||||||
bottom: 0; |
|
||||||
left: 0; |
|
||||||
z-index: 2; |
|
||||||
width: 100vw; |
width: 100vw; |
||||||
padding-bottom: 20rpx; |
|
||||||
background-color: #fff; |
|
||||||
.tabbar-img { |
|
||||||
width: 100%; |
|
||||||
} |
} |
||||||
.tabbar-wrap { |
.page-click1 { |
||||||
position: absolute; |
position: absolute; |
||||||
top: 0; |
top: 248rpx; |
||||||
left: 0; |
right: 72rpx; |
||||||
width: 100%; |
z-index: 2; |
||||||
height: 100%; |
width: 64rpx; |
||||||
display: flex; |
height: 64rpx; |
||||||
justify-content: space-between; |
background-color: transparent; |
||||||
align-items: center; |
|
||||||
.tabbar-click { |
|
||||||
flex: 1; |
|
||||||
height: 160rpx; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
.float1 { |
||||||
|
display: block; |
||||||
|
margin: 0 auto; |
||||||
|
width: 670rpx; |
||||||
|
height: 706rpx; |
||||||
} |
} |
||||||
|
|||||||
@ -1,4 +1,25 @@ |
|||||||
<navigation-bar back="{{false}}"> |
<navigation-bar back="{{false}}"> |
||||||
<van-icon slot="left" size="24" name="cross" bind:tap="handleBack" /> |
<van-icon slot="left" size="24" name="cross" bind:tap="handleBack" /> |
||||||
</navigation-bar> |
</navigation-bar> |
||||||
<image class="page" mode="widthFix" src="{{imageUrl}}qs/12.png?t={{Timestamp}}"></image> |
|
||||||
|
<swiper class="page" current="{{current}}"> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage1" class="page-img" mode="widthFix" src="{{imageUrl}}class/17.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage2" class="page-img" mode="widthFix" src="{{imageUrl}}class/11.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage3" class="page-img" mode="widthFix" src="{{imageUrl}}class/16.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage4" class="page-img" mode="widthFix" src="{{imageUrl}}class/15.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage5" class="page-img" mode="widthFix" src="{{imageUrl}}class/12.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
<swiper-item class="swiper-item1"> |
||||||
|
<image bind:tap="handlePage6" class="page-img" mode="widthFix" src="{{imageUrl}}class/14.png?t={{Timestamp}}"></image> |
||||||
|
</swiper-item> |
||||||
|
</swiper> |
||||||
|
|
||||||
|
|||||||
@ -1,10 +1,127 @@ |
|||||||
.page { |
.page { |
||||||
width: 100%; |
width: 100vw; |
||||||
|
margin-bottom: 80px; |
||||||
} |
} |
||||||
.float1 { |
.page-click1 { |
||||||
|
position: absolute; |
||||||
|
top: 206rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 700rpx; |
||||||
|
background-color: transparent; |
||||||
|
// background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click2 { |
||||||
|
position: absolute; |
||||||
|
top: 886rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 306rpx; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click3 { |
||||||
|
position: absolute; |
||||||
|
top: 1200rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 400rpx; |
||||||
|
background-color: transparent; |
||||||
|
// background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click4 { |
||||||
|
position: absolute; |
||||||
|
top: 1600rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 550rpx; |
||||||
|
background-color: transparent; |
||||||
|
// background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click5 { |
||||||
|
position: absolute; |
||||||
|
top: 2150rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 850rpx; |
||||||
|
background-color: transparent; |
||||||
|
// background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click6 { |
||||||
|
position: absolute; |
||||||
|
top: 3032rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 416rpx; |
||||||
|
background-color: transparent; |
||||||
|
// background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click7 { |
||||||
|
position: absolute; |
||||||
|
top: 3512rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 325rpx; |
||||||
|
background-color: transparent; |
||||||
|
// background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.page-click8 { |
||||||
|
position: absolute; |
||||||
|
top: 3883rpx; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100vw; |
||||||
|
height: 281rpx; |
||||||
|
background-color: transparent; |
||||||
|
// background-color: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.tabbar { |
||||||
position: fixed; |
position: fixed; |
||||||
bottom: 0; |
bottom: 0; |
||||||
left: 0; |
left: 0; |
||||||
|
z-index: 2; |
||||||
width: 100vw; |
width: 100vw; |
||||||
z-index: 1; |
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: 220rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.float1 { |
||||||
|
position: fixed; |
||||||
|
z-index: 3; |
||||||
|
bottom: 248rpx; |
||||||
|
left: 50%; |
||||||
|
transform: translateX(-50%); |
||||||
|
width: 256rpx; |
||||||
|
height: 122rpx; |
||||||
} |
} |
||||||
|
|||||||
@ -1,2 +1,13 @@ |
|||||||
<navigation-bar title="我的健康报告"></navigation-bar> |
<image class="page" mode="widthFix" src="{{imageUrl}}class/8.png?t={{Timestamp}}"></image> |
||||||
<image class="page" bind:tap="handlePage1" mode="widthFix" src="{{imageUrl}}qs/14.png?t={{Timestamp}}"></image> |
|
||||||
|
<view class="tabbar"> |
||||||
|
<image class="tabbar-img" mode="widthFix" src="{{imageUrl}}class/tabbar3.png?t={{Timestamp}}"></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" catch:tap="handleTabbar4"></view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,5 @@ |
|||||||
{ |
{ |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"van-popup": "@vant/weapp/popup/index", |
|
||||||
"van-icon": "@vant/weapp/icon/index" |
"van-icon": "@vant/weapp/icon/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,23 +1,38 @@ |
|||||||
|
page { |
||||||
|
padding-bottom: 100rpx; |
||||||
|
} |
||||||
.page { |
.page { |
||||||
width: 100vw; |
width: 100vw; |
||||||
min-height: 3000rpx; |
min-height: 100vh; |
||||||
|
padding-bottom: 150rpx; |
||||||
.page-img { |
.page-img { |
||||||
width: 100vw; |
width: 100vw; |
||||||
} |
} |
||||||
.page-click1 { |
} |
||||||
position: absolute; |
|
||||||
top: 248rpx; |
.tabbar { |
||||||
right: 72rpx; |
position: fixed; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
z-index: 2; |
z-index: 2; |
||||||
width: 64rpx; |
width: 100vw; |
||||||
height: 64rpx; |
padding-bottom: 20rpx; |
||||||
background-color: transparent; |
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 { |
|
||||||
display: block; |
|
||||||
margin: 0 auto; |
|
||||||
width: 670rpx; |
|
||||||
height: 706rpx; |
|
||||||
} |
} |
||||||
|
|||||||