first commit

web/static/css/style.css

@@ -0,0 +1,298 @@
+/* 全局样式 */
+
+.login-body {
+  background-color: #f2f2f2;
+
+  padding-top: 100px;
+}
+
+.login-box {
+  background-color: #fff;
+
+  padding: 30px;
+
+  border-radius: 4px;
+
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.login-box h2 {
+  text-align: center;
+
+  margin-bottom: 30px;
+}
+
+.forget-pwd {
+  float: left;
+}
+
+.register {
+  float: right;
+}
+
+.captcha-img {
+  width: 100%;
+
+  height: 38px;
+
+  cursor: pointer;
+}
+
+/* 主界面样式 */
+
+.layui-layout-admin .layui-body {
+  padding: 15px;
+
+  background-color: #f2f2f2;
+}
+
+.layui-card {
+  margin-bottom: 15px;
+}
+
+.layui-card-header {
+  display: flex;
+
+  justify-content: space-between;
+
+  align-items: center;
+}
+
+/* 文件上传相关样式 */
+
+.upload-progress {
+  margin: 10px 0;
+}
+
+.file-list {
+  margin-top: 20px;
+}
+
+.file-item {
+  display: flex;
+
+  align-items: center;
+
+  padding: 10px;
+
+  border-bottom: 1px solid #eee;
+}
+
+.file-info {
+  flex: 1;
+}
+
+.file-name {
+  font-weight: bold;
+}
+
+.file-meta {
+  color: #999;
+
+  font-size: 12px;
+}
+
+.file-actions {
+  margin-left: 20px;
+}
+
+.upload-form {
+  padding: 20px;
+}
+
+.selected-file {
+  margin-left: 10px;
+
+  color: #666;
+}
+
+.layui-progress {
+  margin: 10px 0;
+}
+
+/* 上传按钮组样式 */
+
+.layui-card-header .layui-btn-group {
+  float: right;
+}
+
+/* 文件列表表格样式 */
+
+.layui-table {
+  margin-top: 15px;
+}
+
+.layui-table th {
+  font-weight: bold;
+
+  background-color: #f2f2f2;
+}
+
+/* 上传进度条样式 */
+
+.upload-progress-container {
+  margin: 10px 0;
+
+  padding: 10px;
+
+  background-color: #f8f8f8;
+
+  border-radius: 4px;
+}
+
+.upload-progress-info {
+  margin-top: 5px;
+
+  font-size: 12px;
+
+  color: #666;
+}
+
+/* 主界面布局样式 */
+
+.layui-layout-admin .layui-logo {
+  display: flex;
+
+  align-items: center;
+
+  padding: 0 20px;
+}
+
+.layui-layout-admin .layui-logo img {
+  height: 30px;
+
+  margin-right: 10px;
+}
+
+.layui-layout-admin .layui-logo span {
+  color: #fff;
+
+  font-size: 18px;
+
+  font-weight: 600;
+}
+
+.layui-nav .layui-icon {
+  margin-right: 10px;
+}
+
+/* 底部样式 */
+
+.layui-footer {
+  display: flex;
+
+  justify-content: space-between;
+
+  align-items: center;
+
+  padding: 0 20px;
+
+  color: #666;
+
+  font-size: 12px;
+}
+
+.footer-left {
+  font-size: 12px;
+}
+
+.footer-right a {
+  color: #666;
+
+  text-decoration: none;
+}
+
+.footer-right a:hover {
+  color: #009688;
+}
+
+.captcha-img {
+  height: 38px;
+
+  cursor: pointer;
+}
+
+.layui-form-item .captcha-wrapper {
+  display: flex;
+
+  align-items: center;
+}
+
+.layui-form-item .captcha-input {
+  margin-right: 10px;
+}
+
+/* 主页布局样式 */
+.layui-layout-admin .layui-logo {
+    display: flex;
+    align-items: center;
+    padding: 0 20px;
+    color: #fff;
+    font-size: 18px;
+}
+
+.layui-layout-admin .layui-logo img {
+    height: 30px;
+    margin-right: 10px;
+}
+
+.content-container {
+    padding: 15px;
+    height: calc(100% - 50px);
+}
+
+.layadmin-iframe {
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+}
+
+.layui-breadcrumb {
+    padding: 10px 15px;
+    background-color: #fff;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
+}
+
+/* 导航菜单样式 */
+.layui-nav .layui-icon {
+    margin-right: 10px;
+    font-size: 16px;
+}
+
+.layui-nav-item a {
+    font-size: 14px;
+}
+
+.layui-nav-child dd {
+    padding-left: 20px;
+}
+
+/* 底部样式 */
+.layui-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 15px;
+    color: #666;
+    font-size: 12px;
+}
+
+/* 响应式布局 */
+@media screen and (max-width: 768px) {
+    .layui-side {
+        display: none;
+    }
+    .layui-body {
+        left: 0;
+    }
+    .layui-footer {
+        left: 0;
+    }
+}
+
+/* 统计卡片样式 */
+.big-font {
+    font-size: 24px;
+    font-weight: bold;
+    color: #009688;
+}