新增切换页面

src/assets/css/xpgj.css

@@ -659,4 +659,36 @@
 
 .vongi-jyj .blue {
 	color: #096DD9
+}
+.von-xzbb ul li{
+	border-bottom:1px solid #eee;
+	border-right:1px solid #eee;
+}
+.von-xzbb ul li:nth-child(2){
+	border-right:0
+}
+.von-xzbb-logo{
+	display: flex;
+	width:48px;
+	height:48px;
+	border-radius: 5px;
+	overflow: hidden;
+	align-items: center;
+}
+.von-xzbb-logo img{
+	width:100%;
+	object-fit: cover;
+}
+.von-xzbb-tit{
+	line-height: 48px;
+	margin-left:10px
+}
+.von-xzbb .mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn){
+	padding:20px 0;
+	
+}
+@media (max-width: 320px) {
+	.von-xzbb .mui-table-view.mui-grid-view .mui-table-view-cell {
+		font-size:14px
+	}
 }

src/projects/home/views/Select.vue

@@ -1,16 +1,36 @@
 <template>
 	<div>
-		<a  @click="login">云版本</a>
-		<a href="http://xpgj.xiaoxinda.com/xpgj/xsy/home/#/user/login?project=business">湖北新生源生物专版</a>
-	</div>
-</template>
-
+		<!-- <a  @click="login">云版本</a>
+		<a href="http://xpgj.xiaoxinda.com/xpgj/xsy/home/#/user/login?project=business">湖北新生源生物专版</a> -->
+		<header class="mui-bar mui-bar-nav">
+				<h1 class="mui-title">欢迎使用小鹏管家</h1>
+			</header>
+			<div class="mui-content von-xzbb">
+				<ul class="mui-table-view mui-grid-view mui-grid-9">
+					<li class="mui-table-view-cell mui-media mui-col-xs-6">
+						<a href="#">
+							<div class="mui-pull-left von-xzbb-logo"><img src="~$project/assets/img/logo_xiaopengguanjia.png" /></div>
+							<span class="mui-pull-left von-xzbb-tit">健康证</span>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-6">
+						<a href="#">
+							<div class="mui-pull-left von-xzbb-logo"><img src="~$project/assets/img/logo_xsy01.jpg" /></div>
+							<span class="mui-pull-left von-xzbb-tit">新生源专版</span>
+						</a>
+					</li>
+				</ul>
+			</div>
+	</div>
+</template>
+
 <script>
 	export default {
 		name: 'Home',
 		components: {
 		
 		},
+		
 		data() {
 			return {
 				list:[
@@ -44,13 +64,24 @@
 				
 			},
 		},
-		mounted() {},
-		destroyed() {
-	
-		},
+		mounted() {
+            document.body.style.backgroundColor = '#fff';
+        },
+        destroyed() {
+           document.body.style.backgroundColor = '';
+         },
 		
-	}
-</script>
-
-<style>
-</style>
+	}
+</script>
+
+<style scoped src="$project/assets/css/xpgj.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
+<style>
+	.mui-bar{
+		box-shadow: initial;
+	}
+	.mui-bar-nav ~ .von-xzbb.mui-content{
+		padding-top:60px;
+		background:0
+	}
+</style>