lolbox.duowan.com/mbox/page/match/info.vue

<style>
	
</style>

<template>
	<div class="match-info">
		<section class="m-section">
			<h5 class="m-type">匹配</h5>
			<table>
				<thead>
					<tr>
						<th>总分</th>
						<th>基础分</th>
						<th>胜率加分</th>
						<th>胜场加成分</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td>8143</td>
						<td>3416</td>
						<td>2827</td>
						<td>1900</td>
					</tr>
				</tbody>
			</table>
		</section>

		<section class="m-section">
			<h5 class="m-type">排位</h5>
			<table>
				<thead>
					<tr>
						<th>类型</th>
						<th>胜率</th>
						<th>胜场</th>
						<th>段位/胜点</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td>5V5单双排</td>
						<td>34%</td>
						<td>2827</td>
						<td>青铜V/0</td>
					</tr>
				</tbody>
			</table>
		</section>

		<section class="m-section">
			<h5 class="m-type">排位</h5>
			<table>
				<thead>
					<tr>
						<th>模式</th>
						<th>胜率</th>
						<th>胜场</th>
						<th>负场</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td>经典</td>
						<td>48%</td>
						<td>403</td>
						<td>432</td>
					</tr>
					<tr>
						<td>大乱斗</td>
						<td>46%</td>
						<td>130</td>
						<td>153</td>
					</tr>
				</tbody>
			</table>
		</section>
	</div>
</template>

<script>
	import info from './js/info.js';
	export default info;
</script>