作者 潘浩文
1 个管道 的构建 通过 耗费 0 秒

1

@@ -225,7 +225,29 @@ @@ -225,7 +225,29 @@
225 border-right: 1px solid #f5f5f5; 225 border-right: 1px solid #f5f5f5;
226 226
227 } 227 }
  228 + /*暂无数据*/
  229 + .nodata{
  230 + width:6rem;
  231 + margin: 2.5rem auto;
228 232
  233 + }
  234 + .nodata_img{
  235 + width:3rem;
  236 + height:3.5rem;
  237 + margin: 0 auto;
  238 + }
  239 + .nodata_img img{
  240 + width:100%;
  241 + height:100%;
  242 + }
  243 + .nodata_name{
  244 + width:3rem;
  245 + text-align: center;
  246 + color:#999999;
  247 + font-size: 0.28rem;
  248 + margin: 0 auto;
  249 +
  250 + }
229 251
230 </style> 252 </style>
231 </head> 253 </head>
@@ -440,6 +462,7 @@ $(".map").click(function(){ @@ -440,6 +462,7 @@ $(".map").click(function(){
440 }); 462 });
441 //搜索接口 463 //搜索接口
442 $(".search_img").click(function(){ 464 $(".search_img").click(function(){
  465 + var html=""
443 var content=$(".search_input").val() 466 var content=$(".search_input").val()
444 $.ajax({ 467 $.ajax({
445 url: "{:url('portal/brand/brandAjax')}", 468 url: "{:url('portal/brand/brandAjax')}",
@@ -448,21 +471,29 @@ $(".search_img").click(function(){ @@ -448,21 +471,29 @@ $(".search_img").click(function(){
448 search:content, 471 search:content,
449 }, 472 },
450 success: function (data) { 473 success: function (data) {
451 - var html = ""; 474 + if (data == "") {
  475 + html = ' <div class="nodata">\n' +
  476 + ' <div class="nodata_img">\n' +
  477 + ' <img src="__TMPL__/public/assets/images/img/nodata.png" alt="">\n' +
  478 + ' </div>\n' +
  479 + ' <p class="nodata_name">暂无数据</p >\n' +
  480 + ' </div>'
  481 + } else {
452 for (var i = 0; i < data.length; i++) { 482 for (var i = 0; i < data.length; i++) {
453 - html +='<a href="'+data[i].url+'" style="text-decoration:none;">'+ 483 + html += '<a href="' + data[i].url + '" style="text-decoration:none;">' +
454 ' <div class="list_item">\n' + 484 ' <div class="list_item">\n' +
455 ' <div class="item_img">\n' + 485 ' <div class="item_img">\n' +
456 - ' <img src="'+data[i].image+'" alt="">\n' + 486 + ' <img src="' + data[i].image + '" alt="">\n' +
457 ' </div>\n' + 487 ' </div>\n' +
458 ' <div class="flooritem">\n' + 488 ' <div class="flooritem">\n' +
459 - ' <p class="item_name">'+data[i].name+'</p>\n' +  
460 - ' <p class="list_name">'+data[i].cname+'</p>\n' +  
461 - ' <p class="item_floor">'+data[i].fname+'</p>\n' + 489 + ' <p class="item_name">' + data[i].name + '</p>\n' +
  490 + ' <p class="list_name">' + data[i].cname + '</p>\n' +
  491 + ' <p class="item_floor">' + data[i].fname + '</p>\n' +
462 ' </div>\n' + 492 ' </div>\n' +
463 - ' </div>'+ 493 + ' </div>' +
464 ' </a>' 494 ' </a>'
465 } 495 }
  496 + }
466 $(".list").html(html); 497 $(".list").html(html);
467 $(".search_img").val(content); 498 $(".search_img").val(content);
468 } 499 }
@@ -248,7 +248,6 @@ @@ -248,7 +248,6 @@
248 }, 248 },
249 success: function (data) { 249 success: function (data) {
250 var html="" 250 var html=""
251 - console.log(data);  
252 if (data==""){ 251 if (data==""){
253 html=' <div class="nodata">\n' + 252 html=' <div class="nodata">\n' +
254 ' <div class="nodata_img">\n' + 253 ' <div class="nodata_img">\n' +