jp-xpgj-GA-file/src/projects/home/views/Login.vue

<template>
	<div>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">登录账号</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="mui-content">
			<div class="mui-content-padded">
				<div class="vongi-login-logo">
					<img src="~$project/assets/img/logo.jpg" /> 
				</div>
				<form class="mui-input-group vongi-login-form">
					<div class="mui-input-row">
						<input type="text" class="mui-input-clear" placeholder="请填写您的姓名">
					</div>
					<div class="mui-input-row">
						<input type="text" class="mui-input-clear" placeholder="请输入手机号码">
					</div>
					<div class="mui-input-row">
						<input type="text" class="mui-input-clear" placeholder="请输入验证码">
						<a href="">发送验证码</a>
					</div>					
				</form>
				<form class="mui-input-group vongi-xieyi">
					<div class="mui-input-row mui-radio mui-left">
						<label class="mui-h6">我已阅读并同意<span class="color4fc5f7">《用户使用协议》</span></label>
						<input name="radio1" type="radio">
					</div>
				</form>
				
			</div>
			<div class="vongi-btn">
				<button class="mui-btn mui-btn-primary ">
					登录
				</button>
			</div>	
		</div>
	</div>
</template>

<script>
	export default {
		name: 'Login',
		components: {},
		mounted() {
            document.body.style.backgroundColor = '#fff';
        },
	}
</script>

<style scoped src="$project/assets/css/iconfont.css"></style>
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style scoped>
</style>