Accueil Explorer Aide
S'inscrire Connexion
jiaxiaoqiang
/
JG-ADMIN-TEMP
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

sortable下载到本地。登录图片修改。

jiaxiaoqiang il y a 9 mois
Parent
bc9ef1a058
commit
e5d76103be
3 fichiers modifiés avec 153 ajouts et 134 suppressions
Vue séparée Afficher les stats Diff
  1. 151 134
      index.html
  2. 2 0
      public/sortable.js
  3. BIN
      src/assets/images/login-bg.jpg

+ 151 - 134
index.html
Voir le fichier 

@@ -1,154 +1,171 @@
 
 <!doctype html>
 
 <html lang="en">
 
-  <head>
 
-    <meta charset="UTF-8" />
 
-    <link rel="icon" href="/logo.png" />
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <meta
 
-      name="description"
 
-      content="Vue3 + Vite5 + TypeScript5 + Element-Plus 的后台管理模板，配套接口文档和后端源码，vue-element-admin 的 Vue3 版本"
 
-    />
 
-    <meta
 
-      name="keywords"
 
-      content="vue,element-plus,typescript,vue-element-admin,vue3-element-admin"
 
-    />
 
-    <script src="https://cdn.staticfile.org/Sortable/1.10.0-rc2/Sortable.min.js"></script>
 
-    <title>生产线综合管控采集平台</title>
 
-  </head>
 
-
 
-  <body>
 
-    <div id="app">
 
-      <div class="loader"></div>
 
-    </div>
 
-  </body>
 
-  <script type="module" src="/src/main.ts"></script>
 
-
 
-  <style>
 
-    html,
 
-    body,
 
-    #app {
 
-      position: relative;
 
-      display: flex;
 
-      align-items: center;
 
-      justify-content: center;
 
-      width: 100%;
 
-      height: 100%;
 
-    }
 
+<head>
 
+  <meta charset="UTF-8"/>
 
+  <link href="/logo.png" rel="icon"/>
 
+  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
 
+  <meta
 
+    content="Vue3 + Vite5 + TypeScript5 + Element-Plus 的后台管理模板，配套接口文档和后端源码，vue-element-admin 的 Vue3 版本"
 
+    name="description"
 
+  />
 
+  <meta
 
+    content="vue,element-plus,typescript,vue-element-admin,vue3-element-admin"
 
+    name="keywords"
 
+  />
 
+  <script src="/sortable.js"></script>
 
+  <title>生产线综合管控采集平台</title>
 
+</head>
 
 
-    .loader {
 
-      position: relative;
 
-      width: 40px;
 
-      aspect-ratio: 0.577;
 
-      overflow: hidden;
 
-      clip-path: polygon(0 0, 100% 100%, 0 100%, 100% 0);
 
-      animation: l19 2s infinite linear;
 
-    }
 
+<body>
 
+<div id="app">
 
+  <div class="loader"></div>
 
+</div>
 
+</body>
 
+<script src="/src/main.ts" type="module"></script>
 
 
-    .loader::before {
 
-      position: absolute;
 
-      inset: -150%;
 
-      content: "";
 
-      background: repeating-conic-gradient(
 
-        from 30deg,
 
-        #ffabab 0 60deg,
 
-        #abe4ff 0 120deg,
 
-        #ff7373 0 180deg
 
-      );
 
-      animation: inherit;
 
-      animation-direction: reverse;
 
-    }
 
-    /* 甘特图样式控制 */
 
-    .gantt_task_line {
 
-      border-radius: 20px !important;
 
-      border: 0px solid black;
 
-    }
 
-    .gantt_tooltip {
 
-      font-size: 15px;
 
-      font-weight: 300;
 
+<style>
 
+  html,
 
+  body,
 
+  #app {
 
+    position: relative;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    width: 100%;
 
+    height: 100%;
 
+  }
 
+
 
+  .loader {
 
+    position: relative;
 
+    width: 40px;
 
+    aspect-ratio: 0.577;
 
+    overflow: hidden;
 
+    clip-path: polygon(0 0, 100% 100%, 0 100%, 100% 0);
 
+    animation: l19 2s infinite linear;
 
+  }
 
+
 
+  .loader::before {
 
+    position: absolute;
 
+    inset: -150%;
 
+    content: "";
 
+    background: repeating-conic-gradient(
 
+      from 30deg,
 
+      #ffabab 0 60deg,
 
+      #abe4ff 0 120deg,
 
+      #ff7373 0 180deg
 
+    );
 
+    animation: inherit;
 
+    animation-direction: reverse;
 
+  }
 
+
 
+  /* 甘特图样式控制 */
 
+  .gantt_task_line {
 
+    border-radius: 20px !important;
 
+    border: 0px solid black;
 
+  }
 
+
 
+  .gantt_tooltip {
 
+    font-size: 15px;
 
+    font-weight: 300;
 
+  }
 
+
 
+  .gantt_tree_content {
 
+    font-size: 15px !important;
 
+  }
 
+
 
+  .gantt_grid_data {
 
+    background-color: rgba(0, 0, 0, 0.1);
 
+
 
+    .gantt_row_task {
 
+      background-color: rgba(0, 0, 0, 0.1) !important;
 
     }
 
-    .gantt_tree_content {
 
-      font-size: 15px !important;
 
+
 
+    .odd {
 
+      background-color: rgba(0, 0, 0, 0.2) !important;
 
     }
 
-    .gantt_grid_data {
 
-      background-color: rgba(0, 0, 0, 0.1);
 
-      .gantt_row_task {
 
-        background-color: rgba(0, 0, 0, 0.1) !important;
 
-      }
 
-      .odd {
 
-        background-color: rgba(0, 0, 0, 0.2) !important;
 
-      }
 
-      .gantt_row:hover {
 
-        background-color: rgba(0, 0, 0, 0.4) !important;
 
-      }
 
-      .gantt_selected {
 
-        background-color: rgb(123, 123, 123) !important;
 
-      }
 
+
 
+    .gantt_row:hover {
 
+      background-color: rgba(0, 0, 0, 0.4) !important;
 
     }
 
-    .gantt_task {
 
-      .gantt_selected {
 
-        background-color: rgb(123, 123, 123);
 
-        .gantt_task_cell {
 
-          border-color: white;
 
-        }
 
-      }
 
+
 
+    .gantt_selected {
 
+      background-color: rgb(123, 123, 123) !important;
 
     }
 
-    .gantt_data_area {
 
-      background-color: rgba(0, 0, 0, 0.1);
 
+  }
 
+
 
+  .gantt_task {
 
+    .gantt_selected {
 
+      background-color: rgb(123, 123, 123);
 
+
 
       .gantt_task_cell {
 
-        background-color: rgba(0, 0, 0, 0.1);
 
         border-color: white;
 
       }
 
     }
 
-    .year {
 
-      background: #ffcc00;
 
-      color: #fff !important;
 
-      font-size: 16px;
 
-    }
 
-    .month {
 
-      background: #66ccff;
 
-      color: #fff !important;
 
-      font-size: 16px;
 
-    }
 
-    .day {
 
-      background: #abe4ff;
 
-      color: #fff !important;
 
-      font-size: 16px;
 
-    }
 
-    .hour {
 
-      background: #0bb051;
 
-      color: #fff !important;
 
-      font-size: 16px;
 
-    }
 
-    .gantt_grid_head_cell {
 
-      font-size: 16px;
 
-      color: white !important;
 
-      font-weight: 600;
 
-      border: 1px solid rgb(206, 206, 206);
 
-      background-color: rgb(48, 65, 86, 0.6);
 
-    }
 
+  }
 
 
-    /* 滚动条样式 */
 
-    ::-webkit-scrollbar {
 
-      width: 6px !important; /* 设置滚动条的宽度 */
 
-    }
 
+  .gantt_data_area {
 
+    background-color: rgba(0, 0, 0, 0.1);
 
 
-    ::-webkit-scrollbar-track {
 
-      background-color: #f0f2f5; /* 滚动条轨道的背景色 */
 
+    .gantt_task_cell {
 
+      background-color: rgba(0, 0, 0, 0.1);
 
+      border-color: white;
 
     }
 
+  }
 
 
-    ::-webkit-scrollbar-thumb {
 
-      background-color: #90939960; /* 滚动条的颜色 */
 
-      border-radius: 8px !important; /* 滚动条的圆角 */
 
-    }
 
+  .year {
 
+    background: #ffcc00;
 
+    color: #fff !important;
 
+    font-size: 16px;
 
+  }
 
 
-    ::-webkit-scrollbar-thumb:hover {
 
-      background-color: #5a5e66; /* 滚动条hover时的颜色 */
 
-    }
 
+  .month {
 
+    background: #66ccff;
 
+    color: #fff !important;
 
+    font-size: 16px;
 
+  }
 
 
-    @keyframes l19 {
 
-      100% {
 
-        transform: rotate(360deg);
 
-      }
 
+  .day {
 
+    background: #abe4ff;
 
+    color: #fff !important;
 
+    font-size: 16px;
 
+  }
 
+
 
+  .hour {
 
+    background: #0bb051;
 
+    color: #fff !important;
 
+    font-size: 16px;
 
+  }
 
+
 
+  .gantt_grid_head_cell {
 
+    font-size: 16px;
 
+    color: white !important;
 
+    font-weight: 600;
 
+    border: 1px solid rgb(206, 206, 206);
 
+    background-color: rgb(48, 65, 86, 0.6);
 
+  }
 
+
 
+  /* 滚动条样式 */
 
+  ::-webkit-scrollbar {
 
+    width: 6px !important; /* 设置滚动条的宽度 */
 
+  }
 
+
 
+  ::-webkit-scrollbar-track {
 
+    background-color: #f0f2f5; /* 滚动条轨道的背景色 */
 
+  }
 
+
 
+  ::-webkit-scrollbar-thumb {
 
+    background-color: #90939960; /* 滚动条的颜色 */
 
+    border-radius: 8px !important; /* 滚动条的圆角 */
 
+  }
 
+
 
+  ::-webkit-scrollbar-thumb:hover {
 
+    background-color: #5a5e66; /* 滚动条hover时的颜色 */
 
+  }
 
+
 
+  @keyframes l19 {
 
+    100% {
 
+      transform: rotate(360deg);
 
     }
 
-  </style>
 
+  }
 
+</style>
 
 </html>

Fichier diff supprimé car celui-ci est trop grand
+ 2 - 0
public/sortable.js


BIN
src/assets/images/login-bg.jpg
Voir le fichier