关注中的资源图像显示

app/css/app.css

/***********************首页*******************/
/*资源图片*/ 
.ResImgBox{display: inline-block;text-align: center;max-width:64px;width:64px;height:60px;padding:1px;background:#FAFAFA;border:1px solid #f0f0f0;overflow: hidden;padding:2px; margin: 6px 0;border-radius:4px;}
.ResImgBox{display: inline-block;text-align: center;max-width:64px;width:64px;height:60px;padding:1px;background:#FAFAFA;border:1px solid #F8F8F8;overflow: hidden;padding:2px; margin: 6px 0;border-radius:4px;}
.ResImgBox .resImg{max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
.ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -4px;}
.mui-table-view .mui-media-object.ResImgBox{max-width:64px;height:64px; }

app/html/resinforbrow.html

    	<div class="mui-content">
    		<!-- 主界面具体展示内容 -->
    		<div class="mui-input-group mainbox restopblock">
    			<div class="ResImgBox resouimgbox mui-pull-left" style="height:180px;width:180px;max-width:180px;padding:2px;background:#FAFAFA;border:1px solid #f0f0f0;">
    			<div class="ResImgBox resouimgbox mui-pull-left" style="height:180px;width:180px;max-width:180px;margin:0 6px 0 2px;">
					<img class="resImg headRadius" src="../images/default-resource.jpg"/ id="ziyuanimg">
				</div>
				<div class="personblock mui-pull-left" id="fess">

app/js/attentions.js

		li.className = 'mui-table-view-cell mui-media';
		li.innerHTML = '<a class="proinfor" data-id="' + item.resource.resourceId + '"' +
			'<p><img class="mui-media-object mui-pull-left resimg" src="' + img + '" ></p>' +
			'<p><div class="mui-media-object mui-pull-left ResImgBox"><img class="resImg" src="' + img + '"></div></p>' +
			'<div class="mui-media-body">' +
			'<span class="listtit">' + item.resource.resourceName + '</span>' +
			'<p class="mui-ellipsis listtit2">' + item.resource.supportedServices + '</p>' +