问答分享H5留言样式

css/share.css

.thumbBlock .stepBtn{display:inline-block;position:relative;padding:10px;padding-left:30px;font-size:16px;color:#666;background:url(../images/h5_img/g_article_icon_cai_nor.png) no-repeat 10px center;background-size:16px 16px;cursor: pointer;}
.thumbBlock .stepBtn.stepedBtn{opacity: .6;}
/*留言*/
.madiaBlock .commentBlock li{padding:4px 0;}
.commentBlock .flexCenter{min-height:38px;}
.commentBlock .commenttime{margin-right:18px;}
.commentBlock .operateSpan .spanitem{margin-right:18px;}
.commentBlock .operateSpan .spanitem>em{font-style: normal;}
.commentBlock .madiaHead.useHead{width: 40px;height:40px;margin-top:-20px;}/*小图像*/
.commentBlock .madiaInfo{padding-left:52px;width: auto;}
.commentBlock .operateSpan{margin:8px 0 0;color:#9d9ea8;font-size: 13px;color: #999;cursor: pointer;}
.commentBlock .madiaInfo .h2Font{ -webkit-user-select:text;word-break\n:break-word;}
.leaveWord .madiaInfo .h1Font{font-size:14px} 
.leaveWord .madiaInfo .h2Font{font-size:14px} 
.madiaBlock ul.mui-table-view.commentBlock{margin:4px 0 10px}
.madiaBlock ul.mui-table-view.noactiveTab>li.leaveWord{padding:6px 0;}
.hold-icon{position:relative;top:3px;display:inline-block;width:15px;height:15px;background-size: 100% auto;background-repeat: no-repeat;}
.icon-zan{background-image:url(../images/qa-icon-zan.png);background-position:0 -14px;}
/*资源轮播图片样式*/
#index-container {height:300px;background: #f0f0f0;position: relative;overflow: hidden;z-index: 1;}
#index-container .swiper-wrapper { position: relative;z-index: 1;
.searchTab .qa-owner{min-height:40px;}
.qa-owner .owner-head{position:absolute;top:50%;background-position: center;background-size: cover;}
.qa-owner .owner-head.useHead{width:32px;height:32px;margin-top:-16px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
.qa-owner .owner-info{padding-left:38px;width:100%;}
.qa-owner .owner-info{padding-left:38px;width: 100%;overflow: hidden;height:30px;}
.owner-name{float: left;}
.owner-name .h1Font{font-size:16px;line-height: 30px;}
.owner-tit{margin-left:10px;float: left;max-width:70%;color:#888888;font-size: 14px;}
.owner-tit{padding-left:10px;color:#888888;font-size: 14px;}
.qa-con{font-size:14px;line-height: 22px;color:#666;}
.mui-table-view.partLine{background: none;}
.mui-table-view.partLine>.mui-table-view-cell{margin-bottom: 10px;background: #fff; padding: 11px 15px;}
.qa-btnlink{margin-bottom: 10px;background:#fff;}
.qa-btnlink .mui-media-object.btnLinkIcon{width:22px; height:22px;margin-top:-11px;left: 8px;}
.qa-btnlink .madiaBlock{overflow: hidden;}
.qa-top{border-bottom: 1px solid #e5e5e5;}
.qa-top{border-bottom: 1px solid #e5e5e5;position: relative;}
.qa-top em{font-style: normal;position:absolute;right:24px;top:12%;}
.qa-top em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
.qa-top em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 14px;}
.qa-top .flexCenter{padding:0 15px;min-height:68px;}
.qa-top .unlogin{font-size:14px;color:#ff9900;line-height:68px;text-align: center;}
.qa-top .onlogin{position: relative;}
.item_detail .h1Font{font-weight:normal;font-size:18px;line-height:24px;color:#000}
.item_detail .list_con{font-size: 15px;color: #333;line-height: 24px;margin: 6px 0;text-align:justify}
.list-main .list_image{display: none;}
.item_info .h3Font{font-size: 14px;color:#888}
.item-btn{overflow: hidden;}
.list_image li,.item-btn li{display: inline-block;float:left; width: 33.3%; -webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.list_image li>.imgspan{display: block;width: 98%;height:90px;background-size: cover;background-position: center;}

e/da.html

			<div class="showDetail">
				<div class="qa-top flexCenter">
					<div class="h1Font hWeight flex-pright" id="questTit"></div>
					<em></em>
				</div>
				<div class="madiaBlock">
									}
								}
							}
							var styStr='<em class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></em>'
							if(userType.sty=="e"){
								styStr=""
							}
							var str = '<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
								'<div class="madiaInfo">' +
								'<p><span class="h1Font">' + dataStr.name + '</span><em class="authicon ' + userType.sty + ' title="' + userType.title + '"></em></p>' +
				var this_ = "../html/qa-answer-show.html?anid=" + answerId;
				wcFresh(this_);
				$("body").on("click", ".goSpan,.collectBtn,.thumbBtn,.stepBtn", function() {
				$("body").on("click", ".goSpan,.collectBtn,.thumbBtn,.stepBtn,.plusbtn,.replyLew", function() {
					isInstalled(this_, true);
					$(this).addClass("activeThis");
				})

e/wen.html

						}, "get", function(data) {
							if(data.success) {
								if(data.data > 0) {
									$str.find(".leaveMsgCount").html(data.data + "留言");
									$str.find(".leaveMsgCount").html(data.data + " 留言");
								}
							}
						})
									}
								}
							}
							var styStr='<em class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></em>'
							if(userType.sty=="e"){
								styStr=""
							}
							var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
								'<div class="owner-info">' +
								'<div class="owner-name"><span class="h1Font">' + dataStr.name + '</span><em class="authicon ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
								'<div class="owner-name"><span class="h1Font">' + dataStr.name + '</span>'+styStr+'</div>' +
								'<div class="owner-tit ellipsisSty h2Font">' + os + '</div>' +
								'</div>'

js/public/shareLeaveWord.js

			for(var i = 0; i < data.length; i++) {
				var oText = "",
					reply = "",
					re = '<span class="replyLew" style="margin-right:10px;" data-id="' + data[i].id + '">回复</span>' + '<span class="mui-icon iconfont plusbtn icon-appreciate"style="padding-left:10px;margin-right:10px;font-size:14px;" data-id="' + data[i].id + '" data-num="' + data[i].agreeCount + '"></span><span  class="zan"style="display:' + (data[i].agreeCount ? "inline-block" : "none") + '">' + data[i].agreeCount + ' 赞 </span>';
					re ='<span class="spanitem plusbtn"><em class="hold-icon icon-zan" data-id="' + data[i].id + '" data-num="' + data[i].agreeCount + '"></em><em style="margin-left:3px;font-size: 14px;display:' + (data[i].agreeCount ? "inline-block" : "none") + '">' + data[i].agreeCount + ' </em></span>'+
						'<span class="spanitem replyLew" data-id="' + data[i].id + '">回复</span>';
				if(data[i].reciver) {
					reply = " 回复 " + "<span class='reply2'></span>"
					reply = '<em style="font-style:normal;padding:0 6px;">回复</em>' +  '<span class="h1Font reply2"></span>'
				}
				var baImg = "../images/default-photo.jpg";
				var li = document.createElement("li");
				li.innerHTML = '<div class="flexCenter clearfix">' +
					'<div class="madiaHead useHead useHeadMsg" style="background-image:url(' + baImg + ')" data-id="' + data[i].sender+ '"></div>' +
				li.className = "mui-table-view-cell leaveWord";
				li.innerHTML = '<div class="flexCenter mui-clearfix">' +
					'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')" data-id="' + data[i].sender + '"></div>' +
					'<div class="madiaInfo">' +
					'<p><span class="replay1"></span>' + reply + '</p>'+
					'<p class="h2Font">' + data[i].cnt + '</p>' +
					'<p class="h2Font"><span class="h1Font replay1"></span>' + reply + '</p>' +
					'</div>' +
					'</div>' +
					'<div class="madiaInfo">' +
					'<p class="h1Font">' + data[i].cnt + '</p>' +
					'<p class="operateSpan">' +
					'<span class="commenttime">' + commenTime(data[i].createTime) + '</span>' +
					'<span class="spanitem commenttime">' + commenTime(data[i].createTime) + '</span>' + re + oText +
					'</p>' +
					'</div>'
				document.getElementsByClassName("commentBlock")[0].appendChild(li);
				}
			}
			var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
			var str = '<span class="h1Font" >' + $data.name + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em>'
			var styStr='<em class="authiconNew ' + userType.sty + '" title="'+userType.title+'"></em>'
			if(userType.sty=="e"){
				styStr=""
			}
			var str = '<span class="h1Font" >' + $data.name + '</span>'+styStr
			if(parNum == 1) {
				li.getElementsByClassName("replay1")[0].innerHTML = str;
			} else {

js/qa-show.js

	
	module.lWord;
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
	 	location.href="http://" + hurl + "/e/wen.html?id="+questionId;
		if(topAnswerId){
			location.href="http://" + hurl + "/e/da.html?id="+topAnswerId;
		}else{
			location.href="http://" + hurl + "/e/wen.html?id="+questionId;
		}
	}
	var rows = 10,
		dataO = {