lsc 1 year ago
parent
commit
34da50e92f

+ 1 - 1
dist/index.html

@@ -25,7 +25,7 @@
       height: 100%;
       width: 100%;
       background: #e6eaf0;
-    }</style><link href=./static/css/app.ed17237e7d6e1e37e47ca36b2a89d372.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3512a67a6213c2df4180.js></script><script type=text/javascript src=./static/js/vendor.76fd85af8d485ac3a12b.js></script><script type=text/javascript src=./static/js/app.2f3d7a6a35e2118a64db.js></script></body></html><script>function stopSafari() {
+    }</style><link href=./static/css/app.8d998595051e367e321cc6d8618b9b33.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.571c38d63f24b1ae9e16.js></script><script type=text/javascript src=./static/js/vendor.df9ff6be207cf68c7d9a.js></script><script type=text/javascript src=./static/js/app.f3bcb329fde5648ab774.js></script></body></html><script>function stopSafari() {
     //阻止safari浏览器双击放大功能
     let lastTouchEnd = 0  //更新手指弹起的时间
     document.documentElement.addEventListener("touchstart", function (event) {

File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.8d998595051e367e321cc6d8618b9b33.css


File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.8d998595051e367e321cc6d8618b9b33.css.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/1.d8d4e9b1fe43bbb0a681.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/1.d8d4e9b1fe43bbb0a681.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/2.94e1427bfc7ef0b4c685.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/2.94e1427bfc7ef0b4c685.js.map


File diff suppressed because it is too large
+ 2 - 0
dist/static/js/3.3a9f53a78da16650e6b8.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/3.3a9f53a78da16650e6b8.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.f3bcb329fde5648ab774.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.f3bcb329fde5648ab774.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/manifest.3512a67a6213c2df4180.js.map


+ 2 - 2
dist/static/js/manifest.3512a67a6213c2df4180.js → dist/static/js/manifest.571c38d63f24b1ae9e16.js

@@ -1,2 +1,2 @@
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var i,u,f,s=0,l=[];s<r.length;s++)u=r[s],t[u]&&l.push(t[u][0]),t[u]=0;for(i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);for(n&&n(r,a,c);l.length;)l.shift()();if(c)for(s=0;s<c.length;s++)f=o(o.s=c[s]);return f};var r={},t={4:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"7da288988865a9378b49",1:"994623639438b244a74c"}[e]+".js";var i=setTimeout(u,12e4);function u(){c.onerror=c.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=u,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.3512a67a6213c2df4180.js.map
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var i,u,f,s=0,l=[];s<r.length;s++)u=r[s],t[u]&&l.push(t[u][0]),t[u]=0;for(i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);for(n&&n(r,a,c);l.length;)l.shift()();if(c)for(s=0;s<c.length;s++)f=o(o.s=c[s]);return f};var r={},t={6:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"7da288988865a9378b49",1:"d8d4e9b1fe43bbb0a681",2:"94e1427bfc7ef0b4c685",3:"3a9f53a78da16650e6b8"}[e]+".js";var i=setTimeout(u,12e4);function u(){c.onerror=c.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=u,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.571c38d63f24b1ae9e16.js.map

File diff suppressed because it is too large
+ 0 - 0
dist/static/js/manifest.571c38d63f24b1ae9e16.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/vendor.df9ff6be207cf68c7d9a.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/vendor.df9ff6be207cf68c7d9a.js.map


File diff suppressed because it is too large
+ 18313 - 1
package-lock.json


BIN
src/assets/icon/sourceFile/icon_add.png


BIN
src/assets/icon/sourceFile/icon_arrow.png


BIN
src/assets/icon/sourceFile/icon_no.png


BIN
src/assets/icon/sourceFile/icon_no_active.png


BIN
src/assets/icon/sourceFile/icon_select.png


+ 152 - 0
src/components/pages/libraryXin.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="l_box">
+    <div class="l_type_box">
+      <div class="header">
+        <span class="title">我的资源库</span>
+        <span class="add">添加分类</span>
+      </div>
+      <div class="nav">
+        <div class="nav_box" :class="{ active: pid == '0' }"><span class="icon no"></span><span class="name">未分类</span></div>
+        <div class="nav_box" :class="{ open: pid == pid }"><span class="icon haveL"></span><span class="name">荣誉证书</span><span class="icon more"></span></div>
+      </div>
+    </div>
+    <div class="l_file_box"></div>
+  </div>
+</template>
+
+<script>
+export default {
+data() {
+  return {
+    userid: this.$route.query.userid,
+    pid:'0'
+  }
+},
+}
+</script>
+
+<style scoped>
+  .l_box{
+    width: 100%;
+    height: 100%;
+    background: #f0f2f5;
+    box-sizing: border-box;
+    display: flex;
+    padding: 20px;
+  }
+
+  .l_type_box{
+    width: 300px;
+    height: 100%;
+    background: #fff;
+    border-radius: 5px;
+  }
+  .l_type_box > .header {
+    width: 100%;
+    padding: 15px 15px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #E7E7E7;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .l_type_box > .header > .title{
+    font-size: 24px;
+    font-weight: bold;
+  }
+  .l_type_box > .header > .add{
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+    height: 30px;
+    padding: 0 8px;
+    background: rgb(0, 97, 255);
+    color: #fff;
+    box-sizing: border-box;
+    border-radius: 4px;
+    font-size: 14px;
+    align-items: center;
+  }
+  .l_type_box > .header > .add::before{
+    content: '';
+    display: block;
+    width: 14px;
+    height: 14px;
+    margin-right: 4px;
+    background-image: url('../../assets/icon/sourceFile/icon_add.png');
+    background-size: 100% 100%;
+  }
+  .l_type_box > .nav {
+    width: 100%;
+    height: calc(100% - 62px);
+    box-sizing: border-box;
+    padding: 15px;
+    overflow: auto;
+  }
+  .l_type_box > .nav > .nav_box{
+    height: 44px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    border-radius: 5px;
+    padding: 0 10px;
+    box-sizing: border-box;
+    cursor: pointer;
+  }
+
+  .l_type_box .active{
+    background: #3681fc !important;
+  }
+
+  .l_type_box .active .name{
+    color: #fff !important;
+  }
+
+  .l_type_box > .nav > .nav_box > .name {
+    font-size: 16px;
+    color: #000000e6;
+  }
+
+  .l_type_box > .nav > .nav_box:hover{
+    background: #e0eafb;
+  }
+  .l_type_box > .nav > .nav_box:hover .more{
+    display: block;
+  }
+  .l_type_box > .nav > .nav_box > .icon {
+    width: 16px;
+    height: 16px;
+    background-size: 100% 100%;
+    margin-right: 10px;
+    /* background: #000; */
+    transition: all 0.3s;
+  }
+  .l_type_box > .nav > .nav_box > .no {
+    background-image: url('../../assets/icon/sourceFile/icon_no.png');
+  }
+  .l_type_box > .nav > .nav_box.active > .no {
+    background-image: url('../../assets/icon/sourceFile/icon_no_active.png');
+  }
+  .l_type_box > .nav > .nav_box > .more {
+    margin: 0 0 0 auto;
+    display: none;
+    background-image: url('../../assets/icon/sourceFile/icon_select.png');
+  }
+  .l_type_box > .nav > .nav_box > .haveL {
+    transform: rotate(-90deg);
+    background-image: url('../../assets/icon/sourceFile/icon_arrow.png');
+  }
+  .l_type_box > .nav > .nav_box.open > .haveL{
+    transform: rotate(0deg);
+  }
+  .l_type_box > .nav > .nav_box + .nav_box{
+    margin-top: 10px;
+  }
+  .l_file_box{
+    width: calc(100% - 320px);
+    margin-left: 20px;
+    background: #fff;
+    height: 100%;
+    border-radius: 5px;
+  }
+</style>

Some files were not shown because too many files changed in this diff