首页改版

src/assets/css/xpgj.css

@@ -1,6 +1,7 @@
 .color-yellow{
 	color:#FFA700
 }
+
 .flew{
 	display: flex;
 }
@@ -34,7 +35,7 @@
 }
 .vongi-index-floor{
 	background:#ffffff;
-	padding:10px
+	padding: 0 10px 10px;
 }
 .vongi-floor-title{
 	position:relative;
@@ -321,4 +322,46 @@
 }
 .vongi-floor-num h4{
 	margin:8px 0 0
-}
+}
+.vongi-index{
+    padding: 10px 10px 0;
+    background: #ffffff;
+}
+.vongi-index-top{
+	position: relative;
+	display: flex;
+	align-items: center;
+}
+.vongi-index .mui-media-object {
+    width: 42px;
+    height: 42px;
+    border-radius: 50%;
+    overflow: hidden;
+    display: flex;
+    margin-right: 5px;
+    }
+.vongi-index .mui-media-object img {
+    width: 100%;
+    object-fit: cover;
+}
+.vongi-index .mui-ellipsis {
+    margin-bottom: 0;
+}
+.vongi-index-top a {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    border-radius: 16px;
+    margin-top: -10px;
+    color:#3385FF
+}
+.vongi-icons .mui-grid-view.mui-grid-9{
+	border:0;
+	padding-top: 5px;
+}
+.vongi-index .mui-grid-view.mui-grid-9{
+	border-radius: 7px;
+}
+.vongi-index .mui-grid-view.mui-grid-9 .mui-table-view-cell{
+	padding:0 10px
+}

src/projects/business/views/Master/Home.vue

@@ -1,11 +1,23 @@
 <template>
 	<div>
 		<common @asynCallBack="asynCallBack"></common>
-		<top-header :pageTitle="pageTitle" headerClass="vongi-bar vongi-index-bar" :rightLink="rightLink" :doRightLink="doRightLink"
-		 :leftShow="false"></top-header>
+		<top-header :pageTitle="pageTitle" headerClass="vongi-bar"></top-header>
 
 		<div class="mui-content margin49">
+			<div class="vongi-index">
+					<div class="vongi-index-top">
+						<div class="mui-media-object mui-pull-left">
+							<img src="~$project/assets/img/zhaop1.jpg">
+						</div>
+						<div class="mui-media-body">
+							<h3>冯银银</h3>
+							<p class='mui-ellipsis'>工程信息中心/程序员</p>
+						</div>
+						<a class="mui-pull-right" href="">切换身份<span class="mui-icon iconfont icon-jiaohuan"></span></a>
+					</div>
+				</div>
 			<div class="vongi-icons">
+				<div class="vongi-index">
 				<ul class="mui-table-view mui-grid-view mui-grid-9 vongi-grid-head">
 					<li class="mui-table-view-cell mui-media mui-col-xs-3">
 						<router-link :to="{name:'CommonHealthCert'}">
@@ -32,11 +44,12 @@
 						</router-link>
 					</li>
 				</ul>
+				</div>
 				<ul class="mui-table-view mui-grid-view mui-grid-9">
 					<li class="mui-table-view-cell mui-media mui-col-xs-3">
 						<router-link :to="{name:'MasterHealthReport'}">
-							<img src="~$project/assets/img/cicon19.png" />
-							<div class="mui-media-body">疫情上报</div>
+							<img src="~$project/assets/img/icon_jiankangdaka.png" />
+							<div class="mui-media-body">健康打卡</div>
 						</router-link>
 					</li>
 					<li class="mui-table-view-cell mui-media mui-col-xs-3">