mxl

pages/flow-btn/flow-btn.vue

+<template>
+	<view>
+		<view style="text-align: center;font-size:35upx;padding-top:50upx;font-weight:bold;">请点击下方按钮，选择您的去向</view>
+		<view style="padding-top:100upx;">
+			<image class="logo-icon" style="" src="../../static/logo/logo.jpg"></image>
+			<view class="flow-btn-first" style="">
+				<navigator url="../login/login">广西残联自评app</navigator>
+				<image class="arrow-icon" src="../../static/logo/arrow-red.png"></image>
+			</view>
+			<view class="flow-btn" style="">
+				<navigator url="../flow/flow">残疾人家庭无障碍改造系统</navigator>
+				<image class="arrow-icon" style="" src="../../static/logo/right-arr.png"></image>
+			</view>
+			<!-- <image style="display:block;margin:0 auto;width:150upx;height:150upx;margin-top:50upx;" src="../../static/logo/finger.png"></image> -->
+			<!-- <image style="display:block;margin:0 auto;width:150upx;height:150upx;margin-top:50upx;" src="../../static/logo/finger.png"></image> -->
+			<image class="finger-icon" src="../../static/logo/finger-blue.png"></image>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+	page{
+		/*color:e */
+		/* background-color: #0FAEFF; */
+		/* background:linear-gradient(60deg, #2E7DFE, #0FAEFF); */
+
+	}
+	.logo-icon{
+		display:block;margin:0 auto;width:150upx;height:150upx;
+	}
+	.flow-btn-first{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width:550upx;
+		margin:0 auto;
+		/* border:1rpx solid #fff; */
+		border:1rpx solid red;
+		border-radius:15upx;
+		padding:25upx 0;
+		text-align: center;
+		color:red;
+		font-size:35upx;
+		margin-top:105upx;
+		box-shadow: 5upx 2upx 5upx 2upx red;
+	}
+	
+	.flow-btn{
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width:550upx;
+		margin:0 auto;
+		/* border:1rpx solid #fff; */
+		border:1rpx solid #2E7DFE;
+		border-radius:15upx;
+		padding:25upx 0;
+		text-align: center;
+		color:#2E7DFE;
+		font-size:35upx;
+		margin-top:105upx;
+		/* color:white; */
+		box-shadow: 5upx 2upx 5upx 2upx #2E7DFE;
+	}
+	.arrow-icon{
+		width:30rpx;
+		height:30rpx;
+		margin-left:25upx;
+	}
+	.finger-icon{
+		display:block;margin:0 auto;width:80upx;height:80upx;margin-top:50upx;
+	}
+</style>

pages/flow/flow.vue

+<template>
+	<view class="content">
+		<web-view :webview-styles="webviewStyles" src="http://localhost:8013/#/people/people/list"></web-view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

pages/pwd/pwd.vue

-<template>
-	<view class="content">
-		<view class="input-group">
-			<view class="input-row">
-				<text class="title">邮箱：</text>
-				<m-input type="text" focus clearable v-model="email" placeholder="请输入邮箱"></m-input>
-			</view>
-		</view>
-
-		<view class="btn-row">
-			<button type="primary" class="primary" @tap="findPassword">提交</button>
-		</view>
-	</view>
-</template>
-
-<script>
-	import service from '../../service.js';
-	import mInput from '../../components/m-input.vue';
-
-	export default {
-		components: {
-			mInput
-		},
-		data() {
-			return {
-				email: ''
-			}
-		},
-		methods: {
-			findPassword() {
-				/**
-				 * 仅做示例
-				 */
-				if (this.email.length < 3 || !~this.email.indexOf('@')) {
-					uni.showToast({
-						icon: 'none',
-						title: '邮箱地址不合法',
-					});
-					return;
-				}
-				uni.showToast({
-					icon: 'none',
-					title: '已发送重置邮件至注册邮箱，请注意查收。',
-					duration: 3000
-				});
-			}
-		}
-	}
-</script>
-
-<style>
-
-</style>