layui后端数据动态渲染（九宫格）

最新推荐文章于 2023-10-13 10:00:31 发布

VIP文章 xiaodanda

最新推荐文章于 2023-10-13 10:00:31 发布

阅读量903

点赞数

文章标签： layui javascript css html

本文链接：https://blog.csdn.net/xiaodanda/article/details/125778847

版权

页面大致就是这种效果，

接口返回数据

前端代码

//css
#ti1 {
        display: flex;
        flex-wrap: wrap;
      
        justify-content: space-between;
    }

    #ti1 span {
        width: 8.5vw;
        height: 6.5vh;
        margin-left: 2vh;
        margin-top: 1.5vh;
    }

    .tibeng {
        color: white;
    }
//html
<div>              
       <div id="ti1">
       </div>
</div>
//js
    $.ajax({
            url: '接口',
            dataType: 'json',
            type: 'get',
            data: {},
            success: function (resData) {
                var menu = ""
                var resstation = "",
                    resstation =