class Utils {
  constructor() {
  }
  $(className) {
    return document.querySelector(className);
  }

  _(className) {
    return document.querySelectorAll(className);
  }

  query(name) {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  unescape(r[2]); return null;
  }

  footer() {
    var footerList = [
      { title: '首页', img: 'home', isActve: true, url: './index.html' },
      { title: '视频', img: 'video', isActve: false, url: './video.html' },
      { title: '分类', img: 'type', isActve: false, url: './type.html' },
      { title: '我的', img: 'like', isActve: true, url: './like.html' },
    ];

    // 当前访问的页面地址
    var currentUrl = location.href.match(/page\/([\s\S]*?).html/)[1]

    $("body").innerHTML+=`
      <ul class="footer">
        ${
          footerList.map((v,i) => {
            return `<li class="${ v.url.includes(currentUrl) ? 'footer_active': '' }">
              <a href="${v.url}">
                <img src="${
                  v.url.includes(currentUrl)
                  ? v.isActve
                    ? `../img/${v.img}_active.png`
                    : `../img/${v.img}.png`
                  : `../img/${v.img}.png`
                }" alt="">
                
                <p>${v.title}</p>
              </a>
            </li>`
          }).toString().replaceAll(",","")
        }
      </ul>
    `
  }
}

var { $, _, footer, query } = new Utils();