first commit

历届学生/front-end-team/项目练习/学生项目/李康/屁桃/js/utils/index.js

@@ -0,0 +1,88 @@
+class Utils {
+    $(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  decodeURI(r[2]); return null;
+    }
+
+
+   footer () {
+        var arr = [
+            { text: '首页', icon: 'icon-home', href: 'index.html' },
+            { text: '机构', icon: 'icon-jigou', href: 'mechanism.html' },
+            { text: '模特', icon: 'icon-me', href: 'model.html' },
+            { text: '我的', icon: 'icon-wo', href: 'my.html' },
+        ];
+
+        var liArr = `
+          <ul class="footer">
+            ${
+               arr.map((v,i) => {
+                   return `
+                     <li class="${ location.pathname.includes(v.href) ? 'active' : '' }">
+                        <a href="${v.href}">
+                            <i class="iconfont ${v.icon}"></i>
+                            <p>${v.text}</p>
+                        </a>
+                    </li>
+                    `
+               }).toString().replaceAll(",","")
+             }
+          </ul>
+        `
+
+        $("body").innerHTML += liArr
+    }
+
+    item(father, arr) {
+        arr.forEach(v => {
+            father.innerHTML += `
+              <div class="list_item">
+                <a href="./info.html?id=${v.id}&quantity=${v.shuliang || v.total}&title=${v.title}">
+                    <div class="list_img">
+                        <img src="${v.preview || v.img_src}" alt="">
+                        <span>${v.shuliang || v.total}</span>
+                    </div>
+                    <div class="list_title ellipsis">${v.title}</div>
+                    <div class="list_model ellipsis">模特: ${v.user || v.renwulist[0].name}</div>
+                    <div class="list_source ellipsis">${v.source || '来源机构：'+v.jigoulist[0].name}</div>
+                </a>
+                <div class="list_tags">
+                   ${
+                     (v.tags || v.biaoqianlist).map(item=>{
+                          return `<div class="list_tags_item">${item.title || item.name}</div>`
+                      }).toString().replaceAll(",", "")
+                    }
+                </div>
+             </div>
+            `
+        })
+    }
+
+    header(title = "",rightHtml = "") {
+        $("body").innerHTML += `
+            <div class="pub_header">
+                <div class="left">
+                    <i class="iconfont icon-back1"></i>
+                    <span class="ellipsis">${title}</span>
+                </div>
+                ${rightHtml}
+            </div>
+        `
+
+        $(".icon-back1").onclick = () => {
+            history.back();
+        }
+    }
+}
+
+var { $, _, footer, item, header, query } = new Utils();

历届学生/front-end-team/项目练习/学生项目/李康/屁桃/js/utils/rem.js

@@ -0,0 +1,11 @@
+window.onload = function () {
+    getRem(750, 100)
+};
+window.onresize = function () {
+    getRem(750, 100)
+};
+function getRem(pwidth, prem) {
+    var html = document.getElementsByTagName("html")[0];
+    var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
+    html.style.fontSize = oWidth / pwidth * prem + "px";
+}