[成都|内门弟子]CSS-何俊|2021年04月22日的日报-技能树.IT修真院

发表于： 2021-04-22 22:39:19

1 1017

今天完成的事情：

1.创建折叠列表：

给列表添加child属性

const listname = [
    {
        name: '信息管理',
    },
    {
        name: 'Article管理',
    },
    {
        name: '人才管理',
    },
]

const listname = [
    {
        name: '信息管理',
        child: '信息列表'
    },
    {
        name: 'Article管理',
        child: 'Article列表'
    },
    {
        name: '人才管理',
        child: '人才列表'
    },
]

引入child

dDOM.innerHTML = listname[i].child

添加id名

    // 添加id名
    dDOM.setAttribute("id", "left-btn" + (i + 1))

完成的遍历

for (let i = 0; i < listname.length; i++) {
    // 显示文本
    spanDOM.textContent = listname[i].name;

    // 创建ul子元素
    var uDOM = document.createElement('ul');
    liDOM.appendChild(uDOM)
    // 创建li子元素
    var lDOM = document.createElement('li');
    uDOM.appendChild(lDOM)
    // 创建label子元素
    var labDOM = document.createElement('label');
    labDOM.classList.add('body_left_list_child_label');
    lDOM.appendChild(labDOM)

    // 创建div子元素
    var dDOM = document.createElement('div');
    labDOM.appendChild(dDOM)
    // 添加id名
    dDOM.setAttribute("id", "left-btn" + (i + 1))
    dDOM.innerHTML = listname[i].child
}

2.转换数字时间：

                    // 设置时间
                    Date.prototype.format = function (fmt) {
                        var o = {
                            "M+": this.getMonth() + 1, //月份
                            "d+": this.getDate(), //日
                            "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小时
                            "H+": this.getHours(), //小时
                            "m+": this.getMinutes(), //分
                            "s+": this.getSeconds(), //秒
                            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                            "S": this.getMilliseconds() //毫秒
                        };
                        if (/(y+)/.test(fmt))
                            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
                        for (var k in o)
                            if (new RegExp("(" + k + ")").test(fmt))
                                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                        return fmt;
                    }

调用

                    for (let i = 0; i < list.length; i++) {
                        templte = templte +
                            "<tr>" +
                            "<td>" + list[i].id + "</td>" +
                            "<td>" + list[i].title + "</td>" +
                            "<td>" + objType[list[i].type] + "</td>" +
                            "<td>" + new Date(list[i].createAt).format("yyyy-MM-dd HH:mm:ss") + "</td>" +
                            "<td>" + new Date(list[i].updateAt).format("yyyy-MM-dd HH:mm:ss") + "</td>" +
                            "<td>" + list[i].author + "</td>" +
                            "<td>" + objStatus[list[i].status] + "</td>" +
                            "<td>" + "<a href=''>" + "上线" + "</a>" + "<a href=''>" + "编辑" + "</a>" + "<a href=''>" + "删除" + "</a>" + "</td>" +
                            "</tr>";
                        // console.log(list[i]);
                        // console.log(list[i].status);
                    }