Halaman utama Jelajahi Bantuan
Daftar Masuk
renyicun
/
NanjingMuseumWuJinZang
1
0
Fork 0
Berkas Masalah 0 Tarik Permintaan 0 Wiki
Jelajahi Sumber

修复垃圾苹果问题

shaogen1995 1 tahun lalu
induk
37e2ef312c
melakukan
a24c667d06
2 mengubah file dengan 54 tambahan dan 34 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 47 31
      public/index.html
  2. 7 3
      src/views/PaintingList.vue

+ 47 - 31
public/index.html
Tampilan Berkas 

@@ -1,35 +1,51 @@
 
 <!DOCTYPE html>
 
 <html lang="">
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
 
-    <link rel="icon" href="<%= BASE_URL %>logo.ico">
 
-    <title>无尽藏</title>
 
-    <style>
 
-      .scroller{
 
-        touch-action: manipulation;
 
-      }
 
-      html,body,#app,.home{
 
-        touch-action: none;
 
-      }
 
-      .home{
 
-        position: relative;
 
+
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
 
+  <link rel="icon" href="<%= BASE_URL %>logo.ico">
 
+  <title>无尽藏</title>
 
+  <style>
 
+    .scroller {
 
+      touch-action: manipulation;
 
+    }
 
+
 
+    html,
 
+    body,
 
+    #app,
 
+    .home {
 
+      touch-action: none;
 
+    }
 
+
 
+    .home {
 
+      position: relative;
 
+    }
 
+  </style>
 
+</head>
 
+
 
+<body>
 
+  <script src="./configText.js"></script>
 
+  <script src="./configExcel.js"></script>
 
+  <!-- <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> -->
 
+  <noscript>
 
+    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
 
+        Please enable it to continue.</strong>
 
+  </noscript>
 
+  <div id="app"></div>
 
+  <!-- built files will be auto injected -->
 
+
 
+  <!-- <script>
 
+    window.onload = function () {
 
+      var script = document.createElement('script');
 
+      script.src = "https://cdn.bootcss.com/eruda/1.5.4/eruda.min.js";
 
+      document.body.appendChild(script);
 
+      script.onload = function () {
 
+        eruda.init()
 
       }
 
-    </style>
 
-  </head>
 
-  <body>
 
-    <script src="./configText.js"></script>
 
-    <script src="./configExcel.js"></script>
 
-    <!-- <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> -->
 
-    <noscript>
 
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
-    </noscript>
 
-    <div id="app"></div>
 
-    <!-- built files will be auto injected -->
 
+    };
 
+  </script> -->
 
+</body>
 
 
-    <script>
 
-      // new VConsole()
 
-    </script>
 
-  </body>
 
-</html>
 
+</html>

+ 7 - 3
src/views/PaintingList.vue
Tampilan Berkas 

@@ -28,6 +28,7 @@
 
         :id="`menu-item-${ageName}`"

         :key="ageName"

         class="menu-item"

+        :style="`max-width:${expandedAgeNameList.has(ageName)?'10000px':'26%'}`"

       >

         <div

           class="cover"

@@ -54,7 +55,7 @@
 
           class="splitter"

         />

         <div

-          class="hidden-content"

+          :class="`hidden-content ${expandedAgeNameList.has(ageName)?'hidden-contentTran':''}`"

           :style="{

             width: expandedAgeNameList.has(ageName) ? getHiddenContentWidth(paintingGroup, ageName) : '0',

           }"

@@ -349,7 +350,7 @@ const isShowPaintingStyleDesc = ref(false)
 
     // background: red;

     >.menu-item{

       flex: 0 0 auto;

-      min-width: 25vw;

+      min-width: 25%;

       overflow: auto;

       &::-webkit-scrollbar {

       display: none;

@@ -398,8 +399,11 @@ const isShowPaintingStyleDesc = ref(false)
 
         width: 1px;

         background-color: #fff;

       }

-      >.hidden-content{

+      .hidden-contentTran{

         transition: width 1s;

+

+      }

+      >.hidden-content{

         overflow: hidden;

         display: flex;

         align-items: flex-end;