|
|
|
|
@ -39,7 +39,7 @@ |
|
|
|
|
</scroll-view> |
|
|
|
|
</swiper-item> |
|
|
|
|
</swiper> |
|
|
|
|
<view class="wp100 flex jc-sb ai-c p14 bc-fff" style="position: fixed;bottom: 0;left: 0;"> |
|
|
|
|
<view class="wp100 flex jc-sb ai-c p14 bc-fff" v-if="isShowAll" style="position: fixed;bottom: 0;left: 0;"> |
|
|
|
|
<view style="width: 220rpx;"> |
|
|
|
|
<button v-if="type==='practice'" class="btn">四步学科一</button> |
|
|
|
|
<view v-else class="btn" style="text-align: center;" @tap="submitPaper"> |
|
|
|
|
@ -65,6 +65,9 @@ |
|
|
|
|
<text class="cor-666">题板</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-else class="wp100 p14" style="position: fixed;bottom: 30rpx;left: 0;"> |
|
|
|
|
<button class="vip_btn" @click="toVip">立即查看全部题目</button> |
|
|
|
|
</view> |
|
|
|
|
<u-modal :show="tipShow"> |
|
|
|
|
<view class="relative wp100"> |
|
|
|
|
<view class="text-center"> |
|
|
|
|
@ -149,7 +152,37 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</u-popup> |
|
|
|
|
<u-popup :show="showVip" mode="bottom" :closeOnClickOverlay="true" :round="16" @close="showVip=false"> |
|
|
|
|
<view class="p14" style="z-index: 9;"> |
|
|
|
|
<view class="wp100 flex ai-c jc-sb"> |
|
|
|
|
<text class="fs30 fw600 cor-000">VIP题库</text> |
|
|
|
|
<u-icon name="close" color="#c2c2c2" size="20" @tap="showVip=false"></u-icon> |
|
|
|
|
</view> |
|
|
|
|
<text class="fs16 cor-666">精准刷题，更高效</text> |
|
|
|
|
<view style="width:100%;height: 110rpx;background-image: url(../../static/image/practice/vip_question.png);background-size: 100% 100%;" class="mt15 relative"> |
|
|
|
|
<view style="position: absolute;left:0,top:0;height: 110rpx;" class="wp100 flex jc-c ai-c"> |
|
|
|
|
<text class="fs16" style="color: #994800;">科一+科四精简500题</text> |
|
|
|
|
</view> |
|
|
|
|
<image style="width: 65rpx;height: 65rpx; position: absolute;right: 20px;top: -5px;" src="../../static/image/practice/vip_include.png"></image> |
|
|
|
|
</view> |
|
|
|
|
<view style="width:100%;height: 110rpx;background-image: url(../../static/image/practice/vip_test.png);background-size: 100% 100%;z-index: 9;" class="mt15 relative"> |
|
|
|
|
<view style="position: absolute;left:0,top:0;height: 110rpx;" class="wp100 flex jc-c ai-c"> |
|
|
|
|
<text class="fs16" style="color: #994800;">科一+科四考前密卷2套</text> |
|
|
|
|
</view> |
|
|
|
|
<image style="width: 65rpx;height: 65rpx; position: absolute;right: 20px;top: -5px;" src="../../static/image/practice/vip_include.png"></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view style="height: 528rpx;width: 100%;background-image: url(../../static/image/practice/vip_bg.png);background-size: 100% 100%;margin-top: -65px;position: relative;"> |
|
|
|
|
<text style="position: absolute;top: 138px;left:100px;rotate: 16deg;" class="fs25 cor-fff">VIP题库</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="wp100 p14" style="position: absolute;left: 0;bottom:20px"> |
|
|
|
|
<view class="sub_btn flex ai-c jc-sb"> |
|
|
|
|
<text class="cor-fff fs14">¥<text class="fs24 cor-fff">{{nowPrice}}</text></text> |
|
|
|
|
<image style="width: 276rpx;height: 88rpx;margin-top: -5px;" src="../../static/image/index/buy.png"></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</u-popup> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
@ -165,10 +198,16 @@ export default { |
|
|
|
|
isSubmit:{ |
|
|
|
|
type:Boolean, |
|
|
|
|
default:false |
|
|
|
|
}, |
|
|
|
|
isShowAll:{ |
|
|
|
|
type:Boolean, |
|
|
|
|
default:true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
nowPrice:68, |
|
|
|
|
showVip:false, |
|
|
|
|
popupShow:false, |
|
|
|
|
content:'太棒啦，已答完最后一题~', |
|
|
|
|
tipShow:false, |
|
|
|
|
@ -191,6 +230,10 @@ export default { |
|
|
|
|
this.renderSwiper(0) |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
//开通VIP |
|
|
|
|
toVip(){ |
|
|
|
|
this.showVip=true |
|
|
|
|
}, |
|
|
|
|
submitPaper(){ |
|
|
|
|
this.$refs.countDown_1.pause(); |
|
|
|
|
this.$refs.countDown_2.pause(); |
|
|
|
|
@ -292,8 +335,13 @@ export default { |
|
|
|
|
// 轮播图动画结束 |
|
|
|
|
onAnimationfinish(e) { |
|
|
|
|
if(this.index>=this.questionList.length){ |
|
|
|
|
if(this.isShowAll){ |
|
|
|
|
this.tipShow=true |
|
|
|
|
}else{ |
|
|
|
|
this.showVip=true |
|
|
|
|
} |
|
|
|
|
}else{ |
|
|
|
|
this.showVip=false |
|
|
|
|
this.tipShow=false |
|
|
|
|
} |
|
|
|
|
if (!this.isChange) return; |
|
|
|
|
@ -766,4 +814,23 @@ export default { |
|
|
|
|
.content{ |
|
|
|
|
padding-top: calc(var(--window-top) + 10px); |
|
|
|
|
} |
|
|
|
|
.vip_btn{ |
|
|
|
|
width:100%; |
|
|
|
|
height: 100rpx; |
|
|
|
|
line-height: 100rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 18px; |
|
|
|
|
color:#fff; |
|
|
|
|
background: linear-gradient(90deg, #FF9804 0%, #E95B0E 100%); |
|
|
|
|
border-radius: 50rpx; |
|
|
|
|
} |
|
|
|
|
.sub_btn{ |
|
|
|
|
width:100%; |
|
|
|
|
height: 110rpx; |
|
|
|
|
border: 4px solid #F59B26; |
|
|
|
|
background: linear-gradient(0deg, #E66501 0%, #F8A42C 100%); |
|
|
|
|
box-shadow: 0rpx 16rpx 20rpx 1rpx rgba(245,155,38,0.78); |
|
|
|
|
border-radius: 55rpx; |
|
|
|
|
padding: 14rpx; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
