心水好货头部

andylei18 · May 12, 2016 · 32ed9f4 · 32ed9f4
1 parent d78ab54
commit 32ed9f4
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 4 deletions.
diff --git a/src/assets/images/markets/goods/top_banner_image_markets_goods.jpg b/src/assets/images/markets/goods/top_banner_image_markets_goods.jpg
diff --git a/src/views/markets/index.vue b/src/views/markets/index.vue
@@ -9,8 +9,16 @@
     <menuLeft :show="menu.show" :list="menu.list"></menuLeft>
     <!--头部组件-->
     <head-module></head-module>
-    <!--当前页面头部局部组件-->
-    <top :list="top"></top>
+
+    <div id="views">
+    	<div class="{{realTime}}">
+    		<div></div>
+    	</div>
+    	<div class="favor">
+		    <!--当前页面头部局部组件-->
+		    <top :list="top"></top>
+    	</div>
+    </div>
 </div>
 
 </template>
@@ -38,6 +46,12 @@
              top:[]
           }
   	},
+  	computed:{
+  		realTime(){
+  			var time=new Date().getTime()
+  			return "page"+time
+  		}
+  	},
   	components:{
   		Cover,Mask,Menuleft,HeadModule,Top
   	},

diff --git a/src/views/markets/top.vue b/src/views/markets/top.vue
@@ -1,8 +1,34 @@
 <style>
-	
+a {
+    text-decoration: none;
+    color: rgb(0, 0, 0);
+}
+.top_banner, .all_shop_list .shop_list_item {
+    background: rgb(255, 255, 255);
+}
+.top_banner .top_banner_image {
+    height: 3.8rem;
+}
+.top_banner_image a {
+    display: block;
+}
+.top_banner .top_banner_image img {
+    width: 100%;
+    height: 100%;
+}
+.fadeIn {
+    -webkit-animation: fadeIn .8s ease both;
+    animation: fadeIn .8s ease both;
+}
 </style>
 <template>
-	<div>abc</div>
+	<div id="love_favour" class="top_banner">
+		<div class="top_banner_image">
+			<a href="javascript:;" class="pushWindow">
+				<img src="../../assets/images/markets/goods/top_banner_image_markets_goods.jpg" class="fadeIn"/>
+			</a>
+		</div>
+	</div>
 </template>
 <script>
 	export default{