|
@@ -6,7 +6,13 @@
|
|
|
<view class="index-header">
|
|
<view class="index-header">
|
|
|
<view class="index-banner"
|
|
<view class="index-banner"
|
|
|
v-if="bannerList.length"
|
|
v-if="bannerList.length"
|
|
|
- v-show="!isSticky">
|
|
|
|
|
|
|
+ v-show="!isSticky"
|
|
|
|
|
+ :style="{
|
|
|
|
|
+ Top: `${navHeight}rpx`
|
|
|
|
|
+ }">
|
|
|
|
|
+ <view class="index-logo">
|
|
|
|
|
+ <image src="../static/common/logo_bt.png" />
|
|
|
|
|
+ </view>
|
|
|
<u-swiper mode="dot"
|
|
<u-swiper mode="dot"
|
|
|
img-mode="scaleToFill"
|
|
img-mode="scaleToFill"
|
|
|
:list="bannerList | bannerListFilter | imgListFilter(1)"
|
|
:list="bannerList | bannerListFilter | imgListFilter(1)"
|
|
@@ -17,12 +23,15 @@
|
|
|
</u-swiper>
|
|
</u-swiper>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="activity-flow u-p-t-34"
|
|
|
|
|
- v-show="!isSticky">
|
|
|
|
|
|
|
+ <view class="activity-flow"
|
|
|
|
|
+ v-show="!isSticky"
|
|
|
|
|
+ :style="{
|
|
|
|
|
+ paddingTop: '20rpx'
|
|
|
|
|
+ }">
|
|
|
<activity-flow></activity-flow>
|
|
<activity-flow></activity-flow>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="index-body u-m-t-16">
|
|
|
|
|
|
|
+ <view class="index-body u-m-t-36">
|
|
|
<u-sticky :enable="enable"
|
|
<u-sticky :enable="enable"
|
|
|
offset-top="0"
|
|
offset-top="0"
|
|
|
h5-nav-height="0"
|
|
h5-nav-height="0"
|
|
@@ -108,7 +117,7 @@ export default {
|
|
|
isLocation: false,
|
|
isLocation: false,
|
|
|
enable: true,
|
|
enable: true,
|
|
|
isSticky: false,
|
|
isSticky: false,
|
|
|
- firstHeight: 542,
|
|
|
|
|
|
|
+ firstHeight: 568,
|
|
|
navTitleStyle: {
|
|
navTitleStyle: {
|
|
|
paddingTop: 0,
|
|
paddingTop: 0,
|
|
|
paddingBottom: 0,
|
|
paddingBottom: 0,
|
|
@@ -225,7 +234,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
unStickyFixed () {
|
|
unStickyFixed () {
|
|
|
this.isSticky = false
|
|
this.isSticky = false
|
|
|
- this.firstHeight = 542
|
|
|
|
|
|
|
+ this.firstHeight = 568
|
|
|
this.navTitleStyle = {
|
|
this.navTitleStyle = {
|
|
|
paddingTop: 0,
|
|
paddingTop: 0,
|
|
|
paddingBottom: 0,
|
|
paddingBottom: 0,
|
|
@@ -297,16 +306,25 @@ export default {
|
|
|
opacity: 0;
|
|
opacity: 0;
|
|
|
}
|
|
}
|
|
|
.index-header {
|
|
.index-header {
|
|
|
- height: 254px;
|
|
|
|
|
|
|
+ height: 314px;
|
|
|
background: url('~@/static/common/bg_sy.png') no-repeat center top;
|
|
background: url('~@/static/common/bg_sy.png') no-repeat center top;
|
|
|
- background-size: contain;
|
|
|
|
|
|
|
+ background-size: cover;
|
|
|
transition: height 2s;
|
|
transition: height 2s;
|
|
|
.index-banner {
|
|
.index-banner {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- top: 112px;
|
|
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
|
width: 694px;
|
|
width: 694px;
|
|
|
transition: width 2s;
|
|
transition: width 2s;
|
|
|
|
|
+ .index-logo {
|
|
|
|
|
+ margin-bottom: 36px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ image {
|
|
|
|
|
+ width: 88px;
|
|
|
|
|
+ height: 44px;
|
|
|
|
|
+ background: url('~@/static/common/logo_bt.png') no-repeat top top;
|
|
|
|
|
+ background-size: cover;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.activity-flow {
|
|
.activity-flow {
|