live rank

src/components/live/BLive.vue

@@ -35,7 +35,7 @@
 			</div>
 		</div>
 		<div class="b-r">
-			<BLiveRank></BLiveRank>
+			<BLiveRank :ranklist="ranking"></BLiveRank>
 		</div>
 	</div>
 </template>

src/components/live/BLiveRank.vue

@@ -17,7 +17,7 @@
 			<div class="r-list-body">
 				<div class="r-list-wrapper">
 					<ul class="r-list-live">
-						<BLiveRankItem></BLiveRankItem>
+						<BLiveRankItem v-for="item in ranklist" :rank="item"></BLiveRankItem>
 					</ul>
 					<ul class="r-list-live"></ul>
 					<ul class="r-list-live">
@@ -65,6 +65,11 @@
 <script>
 import BLiveRankItem from 'components/live/BLiveRankItem'
 export default {
+	props: {
+		ranklist: {
+			type: Array
+		}
+	},
 	components: {
 		BLiveRankItem
 	}

src/components/live/BLiveRankItem.vue

@@ -2,18 +2,18 @@
 	<li class="live-item">
 		<div class="r-item r-ranking">
 			<div class="lv-num n1">1</div>
-			<a href="" class="preview" target="_blank" title="渗透之C君">
-				<img src="//i0.hdslb.com/bfs/face/623ccce0ab28b721edb61dd64749d91de18fb384.jpg@.webp" alt="渗透之C君">
+			<a href="" class="preview" target="_blank" :title="渗透之C君">
+				<img :src="rank.face" alt="渗透之C君">
 			</a>
 			<a href="" target="_blank" title="渗透之C君">
 				<div class="r-i">
 					<p class="r-i-t">
-						<span class="u-name">渗透之C君</span>
+						<span class="u-name">{{rank.uname}}</span>
 						<span class="u-online">
-							<i class="b-icon b-icon-live-online"></i><em>7.9万</em>
+							<i class="b-icon b-icon-live-online"></i><em>{{rank.online / 10000}}万</em>
 						</span>
 						<div class="r-i-st">
-							说不定就翻车了
+							{{rank.title}}
 						</div>
 					</p>
 				</div>
@@ -24,7 +24,11 @@
 
 <script>
 export default {
-
+	props: {
+		rank: {
+			type: Object
+		}
+	}
 }
 </script>
 

src/store/modules/liveStore.js

@@ -38,6 +38,7 @@ const mutations = {
 		
 	},
 	[TYPE.LIVE_SUCCESS] (state, live) {
+		console.log(JSON.stringify(live.ranking))
 		state.online_total = live.online_total
 		state.dynamic = live.dynamic
 		state.recommend = live.recommend