我的、换绑手机号相关页面

src/assets/css/swdc.css

@@ -66,12 +66,14 @@ a {
 	color: #222222
 }
 
-.mui-btn-block {
+.mui-btn.mui-btn-block {
 	padding: 10px 0
 }
 
 .mui-input-group::before,
-.mui-input-group::after {
+.mui-input-group::after,
+.login-yz .mui-input-group::before,
+.login-yz .mui-input-group::after  {
 	background: 0
 }
 
@@ -558,7 +560,8 @@ a {
 	padding:11px 15px;
 	color:#101010
 }
-.von-bd{
+.von-bd,
+.von-bd.mui-content{
 	background:white
 }
 .von-bd img{
@@ -574,11 +577,12 @@ a {
 .login-in .mui-input-row .mui-input-clear ~ .mui-icon-clear{
 	top:0
 }
-.login-yz{
+.login-yz,
+.login-yz.mui-content{
 	background:white;	
 }
 .login-yz form{
-	margin-top:10px
+	margin:10px 0 20px
 }
 .login-yz .mui-input-row{
 	position:relative

src/views/sys/change-password-step1.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    
+  </div>
+</template>
+
+<script>
+export default {
+ 
+};
+</script>
+
+<style>
+</style>

src/views/sys/change-password-step2.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    
+  </div>
+</template>
+
+<script>
+export default {
+ 
+};
+</script>
+
+<style>
+</style>

src/views/sys/change-phone-step1.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <header class="mui-bar mui-bar-nav shaw-no">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">绑定手机号</h1>
+		</header>
+		<div class="mui-content von-bd">
+			<div class="mui-text-center">
+				<img src="@/assets/img/icon-phoneSafe.png" width='50%' />
+				<p class="c-10">已绑定手机号：155****1111</p>
+				<p class='mui-h6 c-10'>您可使用绑定的手机号登录当前账号</p>
+			</div>
+			<div class="von-form-btn mui-content-padded">
+				<button type="submit" class="mui-btn mui-btn-outlined">更换绑定</button>
+			</div>
+			<h6 class="mui-text-center red">
+				为降低账号安全风险，每6个月仅能更换2次，请谨慎修改
+			</h6>
+		</div>
+  </div>
+</template>
+
+<script>
+export default {
+  mounted() {
+            document.body.style.backgroundColor = '#fff';
+        },
+        destroyed() {
+           document.body.style.backgroundColor = '';
+         },
+};
+</script>
+
+<style>
+</style>

src/views/sys/change-phone-step2.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <header class="mui-bar mui-bar-nav ">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">验证已绑号码</h1>
+		</header>
+		<div class="mui-content login-yz">
+			<form id='login-form' class="mui-input-group">
+				<div class="mui-input-row">
+					<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
+				</div>
+				<div class="mui-input-row">
+					<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
+					<a href="" class="mui-btn mui-btn-outlined">重新发送(59s)</a>
+					<!--<a href="" class="mui-btn mui-btn-primary mui-btn-outlined">发送验证码</a>-->
+				</div>
+			</form>
+			<div class="mui-content-padded">
+				<button type="button" id='alertBtn' class="mui-btn mui-btn-block mui-btn-primary">立即绑定</button>
+				<button type="button" class="mui-btn mui-btn-block mui-btn-grey">立即绑定</button>
+			</div>
+		</div>
+  </div>
+</template>
+
+<script>
+export default {
+  mounted() {
+            document.body.style.backgroundColor = '#fff';
+        },
+        destroyed() {
+           document.body.style.backgroundColor = '';
+         },
+};
+</script>
+
+<style>
+</style>

src/views/sys/change-phone-step3.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <header class="mui-bar mui-bar-nav ">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">更换绑定手机号</h1>
+		</header>
+		<div class="mui-content login-yz">
+			<form id='login-form' class="mui-input-group">
+				<div class="mui-input-row">
+					<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入已绑定手机号码">
+				</div>
+				<div class="mui-input-row">
+					<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入验证码">
+					<a href="" class="mui-btn mui-btn-outlined">重新发送(59s)</a>
+					<!--<a href="" class="mui-btn mui-btn-primary mui-btn-outlined">发送验证码</a>-->
+				</div>
+			</form>
+			<div class="mui-content-padded">
+				<button type="button" id='alertBtn' class="mui-btn mui-btn-block mui-btn-primary">立即绑定</button>
+				<button type="button" class="mui-btn mui-btn-block mui-btn-grey">立即绑定</button>
+			</div>
+		</div>
+  </div>
+</template>
+
+<script>
+export default {
+  mounted() {
+            document.body.style.backgroundColor = '#fff';
+        },
+        destroyed() {
+           document.body.style.backgroundColor = '';
+         },
+};
+</script>
+
+<style>
+</style>

src/views/sys/user-detail.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <header class="mui-bar mui-bar-nav shaw-no">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">我的</h1>
+		</header>
+		<div class="mui-content">
+			<div class="vongi-me-name flex-al flex-sp">
+				<div class="vongi-me-top">
+					<div class="mui-media-object mui-pull-left">
+						<img src="@/assets/img/banner01.jpg">
+					</div>
+					<div class="mui-media-body mui-pull-left">
+						<h3>王小山</h3>
+						<span>督办科 科员</span>
+					</div>
+				</div>
+				<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">编辑资料</button>
+			</div>
+			<ul class="mui-table-view">
+				<li class="mui-table-view-cell">
+					<a href="" class="mui-navigate-right">
+						我的账单
+						<span>155****1111</span>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a href="" class="mui-navigate-right">
+						我的订单
+					</a>
+				</li>
+			</ul>
+			<a href="" class="vongi-me-ext">退出帐号</a>
+		</div>
+		<nav class="mui-bar mui-bar-tab">
+			<a id="defaultTab" class="mui-tab-item" href="">
+				<span class="mui-icon iconfont iconduchaduban"></span>
+				<span class="mui-tab-label">督办</span>
+			</a>
+			<a class="mui-tab-item" href="">
+				<span class="mui-icon iconfont iconxiaoxi"><span class="mui-badge">9</span></span>
+				<span class="mui-tab-label">消息</span>
+			</a>
+			<a class="mui-tab-item mui-active" href="">
+				<span class="mui-icon iconfont iconwode"></span>
+				<span class="mui-tab-label">我的</span>
+			</a>
+		</nav>
+  </div>
+</template>
+
+<script>
+export default {
+ 
+};
+</script>
+
+<style>
+</style>