mui新闻列表

html:

<div class="mui-card mui-card-content">
			<ul class="mui-table-view" id="liebiao">



			</ul>
		</div>

JS:

$.ajax({
				url: "http://124.93.196.45:10001/prod-api/api/public-welfare/public-welfare-activity/recommend-list",
				type: "GET",
				headers: {
					'Content-Type': "application/x-www-form-urlencoded",
					'Authorization': localStorage.getItem('token')
				},
				data: "",
				success: function(recover) {
					for (var i = 0; i < recover.rows.length; i++) {


						var html = `
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">
								<div class="list_img">
									<img src="http://124.93.196.45:10001${recover.rows[i].imgUrl}"/>
								</div>
								<div class="title1">
									<span>${recover.rows[i].name}</span>
								</div>
								<div>
									<span>组织：${recover.rows[i].author}</span>
								</div>
								<div>
									<span>项目：${recover.rows[i].type.name}</span>
								</div>
							</a>
						</li>
					
					
					`;
						document.getElementById('liebiao').innerHTML += html;
					}
				},
				error: function() {

				}
			});