vonin 4 years ago
parent
commit
6a139b5945
2 changed files with 31 additions and 2 deletions
  1. 1 1
      src/assets/css/swdc.css
  2. 30 1
      src/views/home.vue

+ 1 - 1
src/assets/css/swdc.css

@@ -138,7 +138,7 @@ a {
 	padding: 0 15px;
 	font-weight: initial;
 }
-.mui-bar-tab .mui-tab-item.mui-active{
+.mui-bar.mui-bar-tab .mui-tab-item.mui-active{
 	color:#9A7CFA
 }
 .mui-bar-tab .mui-tab-item.mui-active .iconfont{

+ 30 - 1
src/views/home.vue

@@ -1,5 +1,34 @@
 <template>
-  <p>home</p>
+  <div>
+    <header class="mui-bar mui-bar-nav bg-blue shaw-no">
+			<h1 class="mui-title">荆州市委督查办公平台</h1>
+		</header>
+		<div class="mui-content von-index">
+			<img src="@/assets/img/banner01.jpg" width="100%" />
+			<div class="mui-content-padded flex flex-al flex-sp">
+				<h3>新增督办</h3>
+				<img src="@/assets/img/img02.png" width="50%">
+			</div>
+			<div class="mui-content-padded flex flex-al flex-sp">
+				<img src="@/assets/img/img01.png" width="50%">
+				<h3>我的督办</h3>
+			</div>
+		</div>
+		<nav class="mui-bar mui-bar-tab">
+			<a id="defaultTab" class="mui-tab-item mui-active" 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" href="">
+				<span class="mui-icon iconfont iconwode"></span>
+				<span class="mui-tab-label">我的</span>
+			</a>
+		</nav>
+  </div>
 </template>
 
 <script>