首页我的消息

src/assets/css/mui.min.css

@@ -1924,7 +1924,8 @@ input[type=submit]:enabled:active {
 }
 
 .mui-table-view-cell p {
-	margin-bottom: 0
+	margin-bottom: 0;
+	text-align: left;
 }
 
 .mui-table-view-cell.mui-transitioning>.mui-slider-handle,

src/assets/css/xpgj.css

@@ -36,7 +36,8 @@
 .vongi-floor-title{
 	position:relative;
 	padding:10px 0 10px 10px;
-	margin:0 5px
+	margin:0 5px;
+	text-align: left;
 }
 .vongi-floor-title:after{
 	content: "";
@@ -158,7 +159,8 @@
 }
 
 .vongi-me-top h4{
-	padding-left:37px
+	padding-left:37px;
+	text-align: left;
 }
 .vongi-me-name{
 	position:relative;
@@ -177,7 +179,8 @@
 	margin:0 15px;
 	padding:20px;
 	border-radius: 7px;
-	color:#ffffff
+	color:#ffffff;
+	text-align: left;
 }
 .vongi-me-card h2{
 	margin-bottom:10px

src/assets/fonts/iconfont.json

@@ -5,6 +5,55 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "716041",
+      "name": "消息",
+      "font_class": "xiaoxi",
+      "unicode": "e680",
+      "unicode_decimal": 59008
+    },
+    {
+      "icon_id": "2480667",
+      "name": "首页",
+      "font_class": "shouye1",
+      "unicode": "e681",
+      "unicode_decimal": 59009
+    },
+    {
+      "icon_id": "2681719",
+      "name": "消息",
+      "font_class": "xiaoxi1",
+      "unicode": "e682",
+      "unicode_decimal": 59010
+    },
+    {
+      "icon_id": "4251769",
+      "name": "我的",
+      "font_class": "wode1",
+      "unicode": "e684",
+      "unicode_decimal": 59012
+    },
+    {
+      "icon_id": "6204097",
+      "name": "首页",
+      "font_class": "shouye2",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "6997493",
+      "name": "我 的",
+      "font_class": "wodedangxuan",
+      "unicode": "e686",
+      "unicode_decimal": 59014
+    },
+    {
+      "icon_id": "14658638",
+      "name": "我的",
+      "font_class": "wode2",
+      "unicode": "e687",
+      "unicode_decimal": 59015
+    },
     {
       "icon_id": "741948",
       "name": "退出 (4)",

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

@@ -1,8 +1,85 @@
 <template>
+<div id="app">			
+			<div class="mui-content margin49">
+				<div class="vongi-me">
+					<div class="vongi-me-name">
+						<div class="vongi-me-top">
+							<div class="flew-items">
+								<div class="mui-media-object mui-pull-left">
+									<img src="~$project/assets/img/02.jpg">
+								</div>
+								<h2>晚上好，{{}}</h2>
+							</div>
+							<h4>155****1111</h4>
+						</div>
+						<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">编辑资料</button>
+					</div>
+					<div class="vongi-me-card">
+						<h2>湖北荆盛商贸有限公司</h2>
+						<h4>信息工程中心</h4>
+					</div>
+				</div>
+				<div class="vongi-me-list">
+					<ul class="mui-table-view mui-table-view-chevron vongi-news">
+						<li class="mui-table-view-cell">
+							<a href="" class="mui-navigate-right">
+								<img src="~$project/assets/img/cicon23.png" width="18" /> 携出申请审核
+							</a>
+						</li>
+					</ul>
+					<ul class="mui-table-view mui-table-view-chevron vongi-news">
+						<li class="mui-table-view-cell">
+							<a href="" class="mui-navigate-right">
+								<img src="~$project/assets/img/cicon32.png" width="18" /> 园区账单
+							</a>
+						</li>
+						<li class="mui-table-view-cell">
+							<a href="" class="mui-navigate-right">
+								<img src="~$project/assets/img/cicon07.png" width="18" /> 我的订单
+							</a>
+						</li>
+					</ul>
+					<ul class="mui-table-view mui-table-view-chevron vongi-news">
+						<li class="mui-table-view-cell">
+							<a href="" class="mui-navigate-right">
+								<img src="~$project/assets/img/cicon33.png" width="18" /> 客服热线
+								<span>400-8899-619</span>
+							</a>
+						</li>
+						<li class="mui-table-view-cell">
+							<a href="" class="mui-navigate-right">
+								<img src="~$project/assets/img/cicon17.png" width="18" /> 切换身份
+							</a>
+						</li>
+						<li class="mui-table-view-cell">
+							<a href="" class="mui-navigate-right">
+								<img src="~$project/assets/img/exit.png" width="18" /> 退出帐号
+							</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+			<nav class="mui-bar mui-bar-tab">
+				<a class="mui-tab-item" href="index.html">
+					<span class="mui-icon iconfont icon-shouye2"></span>
+					<span class="mui-tab-label">首页</span>
+				</a>
+				<a class="mui-tab-item" href="news.html">
+					<span class="mui-icon iconfont icon-xiaoxi1"></span>
+					<span class="mui-tab-label">消息</span>
+				</a>
+				<a class="mui-tab-item mui-active" href="#">
+					<span class="mui-icon iconfont icon-wode1"></span>
+					<span class="mui-tab-label">我的</span>
+				</a>
+			</nav>
+		</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/xpgj.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,29 +1,32 @@
 <template>
 	<div>
+		<header class="mui-bar mui-bar-nav vongi-bar">
+			<h1 class="mui-title">荆鹏软件集团有限公司</h1>
+		</header>
 		<div class="mui-content margin49">
 				<div class="vongi-icons">
 					<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">
 							<a href="#">
-								<img src="$project/assets/img/icon54.png" />
+								<img src="~$project/assets/img/icon54.png" />
 								<div class="mui-media-body">健康证</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/icon41.png" />
+								<img src="~$project/assets/img/icon41.png" />
 								<div class="mui-media-body">健康证</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/icon39.png" />
+								<img src="~$project/assets/img/icon39.png" />
 								<div class="mui-media-body">考勤记录</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/icon.png" />
+								<img src="~$project/assets/img/icon.png" />
 								<div class="mui-media-body">请假</div>
 							</a>
 						</li>
@@ -31,49 +34,49 @@
 					<ul class="mui-table-view mui-grid-view mui-grid-9">
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/cicon19.png" />
+								<img src="~$project/assets/img/cicon19.png" />
 								<div class="mui-media-body">疫情上报</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/cicon10.png" />
+								<img src="~$project/assets/img/cicon10.png" />
 								<div class="mui-media-body">访客审批</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/cicon01.png" />
+								<img src="~$project/assets/img/cicon01.png" />
 								<div class="mui-media-body">携物出厂</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/cicon27.png" />
+								<img src="~$project/assets/img/cicon27.png" />
 								<div class="mui-media-body">每周菜谱</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/cicon04.png" />
+								<img src="~$project/assets/img/cicon04.png" />
 								<div class="mui-media-body">申请补卡</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/cicon05.png" />
+								<img src="~$project/assets/img/cicon05.png" />
 								<div class="mui-media-body">异地打卡</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/cicon22.png" />
+								<img src="~$project/assets/img/cicon22.png" />
 								<div class="mui-media-body">用车申请</div>
 							</a>
 						</li>
 						<li class="mui-table-view-cell mui-media mui-col-xs-3">
 							<a href="#">
-								<img src="$project/assets/img/cicon30.png" />
+								<img src="~$project/assets/img/cicon30.png" />
 								<div class="mui-media-body">全部</div>
 							</a>
 						</li>
@@ -88,7 +91,7 @@
 									<h4 class="mui-ellipsis">关联健康码</h4>
 									<p class="mui-ellipsis">出行更便捷</p>
 								</div>
-								<img class="mui-media-object mui-pull-right" src="$project/assets/img/cicon15.png" width="54" />
+								<img class="mui-media-object mui-pull-right" src="~$project/assets/img/cicon15.png" width="54" />
 							</div>
 
 						</div>
@@ -98,7 +101,7 @@
 									<h4 class="mui-ellipsis">上传登记照</h4>
 									<p class="mui-ellipsis">打卡快人一步</p>
 								</div>
-								<img class="mui-media-object mui-pull-right" src="$project/assets/img/cicon18.png" width="54" />
+								<img class="mui-media-object mui-pull-right" src="~$project/assets/img/cicon18.png" width="54" />
 							</div>
 						</div>
 						<div class="mui-col-xs-12">
@@ -117,13 +120,13 @@
 								<!-- 第一张 -->
 								<div class="mui-slider-item">
 									<a href="#">
-										<img src="$project/assets/img/02.jpg">
+										<img src="~$project/assets/img/02.jpg">
 									</a>
 								</div>
 								<!-- 第二张 -->
 								<div class="mui-slider-item">
 									<a href="#">
-										<img src="$project/assets/img/02.jpg">
+										<img src="~$project/assets/img/02.jpg">
 									</a>
 								</div>
 							</div>
@@ -141,21 +144,21 @@
 							<ul class="mui-table-view mui-grid-view mui-grid-9 vongi-floor-padded">
 								<li class="mui-table-view-cell mui-media mui-col-xs-4">
 									<a href="#">
-										<div class="vongi-shop-img"><img src="$project/assets/img/01.png" width="100%"/></div>
+										<div class="vongi-shop-img"><img src="~$project/assets/img/01.png" width="100%"/></div>
 										<div class="mui-media-body">老人防丢手环</div>
 										<div class="mui-media-body color-yellow">¥299.0</div>
 									</a>
 								</li>
 								<li class="mui-table-view-cell mui-media mui-col-xs-4">
 									<a href="#">
-										<div class="vongi-shop-img"><img src="$project/assets/img/01.png" width="100%"/></div>
+										<div class="vongi-shop-img"><img src="~$project/assets/img/01.png" width="100%"/></div>
 										<div class="mui-media-body">老人防丢手环</div>
 										<div class="mui-media-body color-yellow">¥299.0</div>
 									</a>
 								</li>
 								<li class="mui-table-view-cell mui-media mui-col-xs-4">
 									<a href="#">
-										<div class="vongi-shop-img"><img src="$project/assets/img/01.png" width="100%"/></div>
+										<div class="vongi-shop-img"><img src="~$project/assets/img/01.png" width="100%"/></div>
 										<div class="mui-media-body">老人防丢手环</div>
 										<div class="mui-media-body color-yellow">¥299.0</div>
 									</a>
@@ -184,6 +187,8 @@
 
 <script>
 </script>
+
 <style src="$project/assets/css/xpgj.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,73 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav vongi-bar">
+				<h1 class="mui-title">消息</h1>
+			</header>
+			<div class="mui-content margin49">
+				<ul class="mui-table-view vongi-news">
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;">
+							<img class="mui-media-object mui-pull-left" src="~$project/assets/img/bell1.png">
+							<div class="mui-media-body">
+								<h3 class="flew-sp">通知公告<span class="mui-h6">09.20</span></h3>
+								<p class='mui-ellipsis'>9月园区活动通知</p>
+							</div>
+							<span class="mui-badge mui-badge-danger">5</span>
+						</a>
+					</li>
+				</ul>
+				<ul class="mui-table-view vongi-news">
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;">
+							<img class="mui-media-object mui-pull-left" src="~$project/assets/img/kaoqin1.png">
+							<div class="mui-media-body">
+								<h3 class="flew-sp">考勤消息<span class="mui-h6">09.20</span></h3>
+								<p class='mui-ellipsis'>考勤打卡提醒</p>
+							</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;">
+							<img class="mui-media-object mui-pull-left" src="~$project/assets/img/audit1.png">
+							<div class="mui-media-body">
+								<h3 class="flew-sp">通知公告<span class="mui-h6">09.20</span></h3>
+								<p class='mui-ellipsis'>9月园区活动通知</p>
+							</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;">
+							<img class="mui-media-object mui-pull-left" src="~$project/assets/img/home1.png">
+							<div class="mui-media-body">
+								<h3 class="flew-sp">通知公告<span class="mui-h6">09.20</span></h3>
+								<p class='mui-ellipsis'>9月园区活动通知</p>
+							</div>
+						</a>
+					</li>
+				</ul>
+
+			</div>
+			<nav class="mui-bar mui-bar-tab">
+				<a class="mui-tab-item" href="index.html">
+					<span class="mui-icon iconfont icon-shouye2"></span>
+					<span class="mui-tab-label">首页</span>
+				</a>
+				<a class="mui-tab-item mui-active" href="#">
+					<span class="mui-icon iconfont icon-xiaoxi1"></span>
+					<span class="mui-tab-label">消息</span>
+				</a>
+				<a class="mui-tab-item" href="me.html">
+					<span class="mui-icon iconfont icon-wode1"></span>
+					<span class="mui-tab-label">我的</span>
+				</a>
+			</nav>
+</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/xpgj.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>