提交

src/pages.json

@@ -110,6 +110,13 @@
         "navigationBarTitleText": "登录",
         "enablePullDownRefresh": false
       }
+    },
+		{
+		  "path": "pages/index/iconSkill",
+		  "style": {
+		    "navigationBarTitleText": "图标技巧",
+		    "enablePullDownRefresh": false
+		  }
 		}
   ],
 

src/pages/index/iconSkill.vue

@@ -0,0 +1,18 @@
+<template>
+	<view>
+		<web-view :src="webviewPath"></web-view>
+	</view>
+</template>
+
+<script>
+	  export default {
+			data() {
+				return{
+					webviewPath:'https://jtbz.ahduima.com/index'
+				}
+			}
+			}
+</script>
+
+<style>
+</style>

src/pages/questionBank/components/Question.vue

@@ -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,6 +152,36 @@
 				</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>
 
@@ -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>

src/pages/questionBank/exclusiveExercise.vue

@@ -4,7 +4,7 @@
 			<view class="relative mr5">
 				<image style="width: 336rpx;height: 152rpx;" src="../../static/image/practice/errorprone_bg.png">
 				</image>
-				<view style="position: absolute;left: 0;top: 0;" class="p10">
+				<view style="position: absolute;left: 0;top: 0;" class="p10" @tap="toIconSkill">
 					<view style="color: #04B13B;font-size: 18px;">图表技巧</view>
 					<text style="color: #04B13B;font-size: 14px;">快速记忆</text>
 				</view>
@@ -92,6 +92,11 @@
 					url:"/pages/questionBank/questionBank?navTitle="+title
 				})
 			},
+			toIconSkill(){
+				uni.navigateTo({
+					url:"/pages/index/iconSkill"
+				})
+			}
 		}
 	}
 </script>

src/pages/questionBank/questionBank.vue

@@ -3,7 +3,7 @@
 		<!-- <u-navbar :title="navTitle" @rightClick="rightClick" :autoBack="true">
 		</u-navbar> -->
 		<j-navbar>{{navTitle}}</j-navbar>
-		<Question :tabsList="tabsList" />
+		<Question :tabsList="tabsList" :isShowAll="false" />
 		</view>
 		</template>
 
@@ -41,11 +41,11 @@
 		methods: {
 			rightClick() {
 				console.log('返回');
-			}
+			},
 		}
 	}
 </script>
 
-<style>
+<style scoped>
 
 </style>