yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			body,
			.mui-content {
				background: #fff;
				margin-top: 5px;
			}
			
			.mui-card-footer:before,
			.mui-card-header:after {
				background: transparent;
			}
			
			.mui-card-content-inner img {
				width: 48%;
			}
			
			.mui-card-header .mui-icon-chatboxes {
				color: #777;
			}
			
			.mui-card-content:after,.commentBody:after {
				position: absolute;
				bottom: 0;
				right: 0;
				left: 0;
				height: 1px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: #c8c7cc;
			}
			.mui-card-content-inner{
				padding-top: 0;
			}
			/*评论*/
			
			.commentHead{
				padding: 15px 15px 0 15px;
			}
			.commentBody{
				padding: 15px;
				position: relative;
			}
			
			.commentHead a {
				color: #777;
				font-size: 22px;
				vertical-align: middle;
				margin-right: 5px;
			}
			
			.commentHead span {
				font-size: 16px;
			}
			
			.commentBody>img {
				font-size: 0;
				line-height: 0;
				float: left;
				width: 34px;
				height: 34px;
			}
			
			.commentBody .mui-media-body {
				font-size: 14px;
				font-weight: 500;
				line-height: 17px;
				margin-bottom: 0;
				margin-left: 44px;
				color: #333;
			}
			
			.commentBody .mui-media-body p {
				font-size: 18px;
				margin-bottom: 5px;
				color: #111111;
				line-height: 27px;
			}
			.describeTxt{
				letter-spacing: 3px;
			}
			.describeTxt img{
				width: 48%;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">问题详情</h1>
		</header>
		<div class="mui-content">
			<div class="mui-card-header mui-card-media">
				<img src="../img/logo.png">
				<div class="mui-media-body">
					小M
					<p>发表于 2016-06-30 15:30</p>
				</div>
			</div>
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<div>
						包含页眉页脚的卡片，页眉常用来显示面板标题，页脚用来显示额外信息或支持的操作（比如点赞、评论等）
					</div>
					<img src="../images/cbd.jpg" />
					<img src="../images/cbd.jpg" />
				</div>
			</div>
			<div id="comment">
				<div class="commentHead">
					<a class="mui-icon mui-icon-chatboxes"></a>
					<span>评论(2)</span>
				</div>
				
				<div class="commentBody">
					<img src="../img/logo.png">
					<div class="mui-media-body">
						<p>小M</p>
						<div class="describeTxt">
							<div >
								描述描述描述描述描述描述描述描述
								描述描述描述描述描述描述描述描述
								描述描述描述描述描述描述描述描述
								描述描述描述描述描述描述描述描述
							</div>
							<img src="../images/cbd.jpg"/>
						</div>
					</div>
				</div>
				<div class="commentBody">
					<img src="../img/logo.png">
					<div class="mui-media-body">
						<p>小M</p>
						<div class="describeTxt">
							小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M小M
						</div>
					</div>
				</div>
				
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>