采购分期

components/TopBar/TopBar.vue

 <template>
 	<view class="topbar_view">
-		<text class="eosfont left_icon">&#xe622;</text>
+		<text class="eosfont left_icon" @click="back()">&#xe622;</text>
 		{{this.title}}
 	</view>
 </template>

pages/apply/applypage1.vue

 <template>
 	<view class="page1_content">
+		<TopBar title="金融分期"/>
 		<view class="page1_top">
 			<view>
 				<view class="apply_title">企业信息</view>
@@ -66,6 +67,7 @@
 </template>
 
 <script>
+	import TopBar from '@/components/TopBar/TopBar.vue';
 	export default {
 		data() {
 			return {
@@ -80,12 +82,16 @@
 					}
 				})
 			}
+		},
+		components: {
+			TopBar
 		}
 	}
 </script>
 
 <style lang="less" scoped>
 	.page1_content {
+		padding-top: 80rpx;
 		.apply_title {
 			font-size:32rpx;
 			font-family:PingFangSC-Medium,PingFang SC;

pages/apply/choosetype.vue

@@ -9,6 +9,7 @@
 			<view>申请线下审核资质</view>
 			<view>专属业务人员上门收集企业资质</view>
 		</view>
+		<view class="next_step" @click="nextStep()">下一步</view>
 	</view>
 </template>
 
@@ -23,6 +24,13 @@
 		methods: {
 			changeType(type) {
 				this.type = type;
+			},
+			nextStep() {
+				if(this.type === 1) {
+					uni.navigateTo({
+						url: '/pages/apply/applypage1'
+					})
+				}
 			}
 		},
 		components: {
@@ -60,4 +68,19 @@
 		background: #f8f8f8;
 		border-color: #f8f8f8;
 	}
+	.next_step {
+		width: 678rpx;
+		height: 80rpx;
+		line-height: 80rpx;
+		text-align: center;
+		background-color: #FFDB00;
+		font-family:PingFangSC-Medium,PingFang SC;
+		font-weight:500;
+		font-size: 28rpx;
+		border-radius: 16rpx;
+		position: absolute;
+		bottom: 30rpx;
+		left: 50%;
+		margin-left: -339rpx;
+	}
 </style>