layui框架的flow组件常见用法总结(2)-木庄网络博客

当前第2页返回上一页

public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult GetList(int page)
        {
           //简单数据库中新闻
            List<string> newsList = new List<string>();
            for (int i = 0; i < 55; i++)
            {
                newsList.Add("新闻" + i);
            }
           //总页数
            int pages =(int) Math.Ceiling((double)55 / 10);
　　　　　　　//模拟分页
            var data= newsList.Skip<string>((page - 1) * 10).Take(10);
            return Json(new { data,pages},JsonRequestBehavior.AllowGet);
        }
    }

二、图片懒加载

layui中的图片懒加载十分简单，将图片的src属性替换为lay-src，然后调用 flow.lazyimg() 方法即可

layui.use('flow', function(){
  var flow = layui.flow;
  //当你执行这样一个方法时，即对页面中的全部带有lay-src的img元素开启了懒加载
    flow.lazyimg();    //方式一，全部懒加载
    flow.lazyimg({     //方式二，特定容器懒加载
    elem:'#box1'      //不设置elem，对页面中所有图片进行懒加载
    ，scrollElem:document
    }) 
});