内容区域分层

src/api/urlConfig.js

@@ -0,0 +1,5 @@
+// 各分类下的热门内容
+export const classifyHot = 'http://api.bilibili.com/x/web-show/res/locs?callback=jQuery17209599995421109273_1487494141365&pf=0&ids=1550%2C1554%2C1556%2C1558%2C1560%2C1562%2C1564%2C1566%2C1568%2C1570%2C1572%2C1574%2C1624%2C1636&jsonp=jsonp&_=1487494141938'
+
+// 默认搜索词
+export const searchWords = 'http://www.bilibili.com/widget/getSearchDefaultWords'

src/components/common/BMenu.vue

@@ -11,10 +11,13 @@
 					</div>
 				</a>
 				<a id="mobile_p" class="mobile-p" href="//app.bilibili.com" target="_blank" @mouseover="showMobileLink=true" @mouseout="showMobileLink=false">
-					<div class="mobile-p-box" v-show="showMobileLink">
-						<div class="mobile-p-qrcode">
-						</div>
-					</div>
+					<transition name="fade">
+						<div class="mobile-p-box" v-show="showMobileLink">
+							<div class="mobile-p-qrcode">
+							</div>
+						</div>					
+					</transition>
+
 				</a>
 			</div>
 		</div>
@@ -152,6 +155,10 @@ export default {
 						background url(../../assets/images/app-box.png) center center no-repeat
 						transition .2s
 						transition-property opacity
+						&.fade-enter-active, &.fade-leave
+							opacity 1
+						&.fade-enter, &.fade-leave-active
+							opacity 0
 						.mobile-p-qrcode
 							position absolute
 							top 30px

src/components/content/Content.vue

@@ -0,0 +1,11 @@
+<template>
+	<div class="content">
+		
+	</div>
+</template>
+
+<script>
+export default {
+	
+}
+</script>

src/components/content/ContentRow.vue

@@ -0,0 +1,10 @@
+<template>
+	<div>
+		
+	</div>
+</template>
+<script>
+export default {
+	
+}
+</script>

src/components/content/ContentTop.vue

@@ -0,0 +1,10 @@
+<template>
+	<div>
+		
+	</div>
+</template>
+<script>
+export default {
+	
+}
+</script>

src/components/content/RankItem.vue

@@ -0,0 +1,10 @@
+<template>
+	<div>
+		
+	</div>
+</template>
+<script>
+export default {
+	
+}
+</script>

src/components/content/RowItem.vue

@@ -0,0 +1,10 @@
+<template>
+	<div>
+		
+	</div>
+</template>
+<script>
+export default {
+	
+}
+</script>

src/components/content/RowRank.vue

@@ -0,0 +1,10 @@
+<template>
+	<div>
+		
+	</div>
+</template>
+<script>
+export default {
+	
+}
+</script>

src/components/promote/Promote.vue

@@ -0,0 +1,10 @@
+<template>
+	<div>
+		
+	</div>
+</template>
+<script>
+export default {
+	
+}
+</script>