<template>
	<div>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">异常波动</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view returnList">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						<div class="returnList-text">
							<h4>功率曲线出现异常波动，超出本月平均值<span>50%</span>，查看详情。</h4>
							<p>2022-06-04 12:00:01</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						<h4>功率曲线出现异常波动，超出本月平均值<span>50%</span>，查看详情。</h4>
						<p>2022-06-04 12:00:01</p>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						<h4>功率曲线出现异常波动，超出本月平均值<span>50%</span>，查看详情。</h4>
						<p>2022-06-04 12:00:01</p>
					</a>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.mui-table-view-cell>a:not(.mui-btn){
		white-space: pre-wrap;
	}
	.returnList li h4{
		font-size: 16px;
		line-height: 22px;
		width: 90%;
	}
	.returnList li h4 span{
		color:#ff0000
	}
	.returnList li p{
		color:#999;
	}
</style>
