From b5c1614fe473330ceca8b7cff0f1802e19bd5039 Mon Sep 17 00:00:00 2001 From: Sanakey <714737083@qq.com> Date: 星期一, 30 九月 2024 13:39:08 +0800 Subject: [PATCH] feat:添加部分线索接口,完善客户相关页面 --- index.html | 96 +++++++++++++++++++---------------------------- 1 files changed, 39 insertions(+), 57 deletions(-) diff --git a/index.html b/index.html index e41a82d..41d55cf 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ -<!DOCTYPE html> -<html lang="en" id="htmlRoot"> +<!doctype html> +<html lang="zh" id="htmlRoot"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> @@ -8,65 +8,60 @@ name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" /> - - <title><%= title %></title> + <title><%= VITE_GLOB_APP_TITLE %></title> <link rel="icon" href="/favicon.ico" /> </head> <body> - <script> - (() => { - var htmlRoot = document.getElementById('htmlRoot'); - const theme = window.localStorage.getItem('__APP__DARK__MODE__'); - if (!htmlRoot || !theme) return; - htmlRoot.setAttribute('data-theme', theme); - })(); - </script> <div id="app"> <style> + html { + /* same as ant-design-vue/dist/reset.css setting, avoid the title line-height changed */ + line-height: 1.15; + } + html[data-theme='dark'] .app-loading { - background: #2c344a; + background-color: #2c344a; } html[data-theme='dark'] .app-loading .app-loading-title { - color: rgba(255, 255, 255, 0.85); + color: rgb(255 255 255 / 85%); } .app-loading { display: flex; + flex-direction: column; + align-items: center; + justify-content: center; width: 100%; height: 100%; - justify-content: center; - align-items: center; - flex-direction: column; - background: #f4f7f9; + background-color: #f4f7f9; } .app-loading .app-loading-wrap { + display: flex; position: absolute; top: 50%; left: 50%; - display: flex; - -webkit-transform: translate3d(-50%, -50%, 0); - transform: translate3d(-50%, -50%, 0); - justify-content: center; - align-items: center; flex-direction: column; + align-items: center; + justify-content: center; + transform: translate3d(-50%, -50%, 0); } .app-loading .dots { display: flex; - padding: 98px; - justify-content: center; align-items: center; + justify-content: center; + padding: 98px; } .app-loading .app-loading-title { display: flex; - margin-top: 30px; - font-size: 30px; - color: rgba(0, 0, 0, 0.85); - justify-content: center; align-items: center; + justify-content: center; + margin-top: 30px; + color: rgb(0 0 0 / 85%); + font-size: 30px; } .app-loading .app-loading-logo { @@ -77,28 +72,28 @@ } .dot { - position: relative; display: inline-block; + position: relative; + box-sizing: border-box; width: 48px; height: 48px; margin-top: 30px; - font-size: 32px; transform: rotate(45deg); - box-sizing: border-box; - animation: antRotate 1.2s infinite linear; + animation: ant-rotate 1.2s infinite linear; + font-size: 32px; } .dot i { - position: absolute; display: block; + position: absolute; width: 20px; height: 20px; - background-color: #0065cc; + transform: scale(0.75); + transform-origin: 50% 50%; + animation: ant-spin-move 1s infinite linear alternate; border-radius: 100%; opacity: 0.3; - transform: scale(0.75); - animation: antSpinMove 1s infinite linear alternate; - transform-origin: 50% 50%; + background-color: #0065cc; } .dot i:nth-child(1) { @@ -109,41 +104,28 @@ .dot i:nth-child(2) { top: 0; right: 0; - -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .dot i:nth-child(3) { right: 0; bottom: 0; - -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .dot i:nth-child(4) { bottom: 0; left: 0; - -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } - @keyframes antRotate { + + @keyframes ant-rotate { to { - -webkit-transform: rotate(405deg); transform: rotate(405deg); } } - @-webkit-keyframes antRotate { - to { - -webkit-transform: rotate(405deg); - transform: rotate(405deg); - } - } - @keyframes antSpinMove { - to { - opacity: 1; - } - } - @-webkit-keyframes antSpinMove { + + @keyframes ant-spin-move { to { opacity: 1; } @@ -151,11 +133,11 @@ </style> <div class="app-loading"> <div class="app-loading-wrap"> - <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo" /> + <img src="/logo.png" class="app-loading-logo" alt="Logo" /> <div class="app-loading-dots"> <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span> </div> - <div class="app-loading-title"><%= title %></div> + <div class="app-loading-title"><%= VITE_GLOB_APP_TITLE %></div> </div> </div> </div> -- Gitblit v1.8.0