Startseite Erkunden Hilfe
Anmelden
mangoo
/
warehouse-web
7
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

替换logo，及样式

yinxia.yang vor 1 Tag
Ursprung
9b095f9988
Commit
e816fbafa4
7 geänderte Dateien mit 18 neuen und 21 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 1 1
      index.html
  2. 5 2
      src/App.vue
  3. 2 7
      src/style/operations.css
  4. 6 7
      src/style/prototype.css
  5. 1 1
      src/views/Dashboard.vue
  6. 2 2
      src/views/Login.vue
  7. 1 1
      src/views/Login/index.vue

+ 1 - 1
index.html
Datei anzeigen 

@@ -3,7 +3,7 @@
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
 
     <title>HS 仓储运营台</title>
 
   </head>
 
   <body>

+ 5 - 2
src/App.vue
Datei anzeigen 

@@ -8,7 +8,10 @@
 
 	const links = [{ path: '/dashboard', name: '工作台', icon: House }, { path: '/master', name: '基础资料管理', icon: Collection }, { path: '/sku', name: '商品 / SKU 管理', icon: Box }, { path: '/inbound', name: '入库管理', icon: Download }, { path: '/outbound', name: '出库管理', icon: Upload }, { path: '/ledger', name: '库存台账', icon: Notebook }]
 
 	function logout() { clearAuthInfo(); clearOAuthTemp(); sessionStorage.setItem('warehouse-auth-paused', '1'); router.push('/login') }
 
 	const user = getDisplayName
 
-	const currentDate = new Intl.DateTimeFormat('zh-CN', { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' }).format(new Date())
 
+	const now = new Date()
 
+	const dateStr = new Intl.DateTimeFormat('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' }).format(now)
 
+	const weekdayStr = new Intl.DateTimeFormat('zh-CN', { weekday: 'short' }).format(now)
 
+	const currentDate = `${dateStr} · ${weekdayStr}`
 
 </script>
 
 
 <template>
 
@@ -16,7 +19,7 @@
 
 	<div v-else class="shell">
 
 		<aside class="sidebar">
 
 			<div class="brand">
 
-				<span class="brand-mark">H</span>
 
+				<img src="/favicon.ico" class="brand-mark" alt="HS 仓储运营台" />
 
 				<div>
 
 					<strong>HS 仓储运营台</strong><small>WAREHOUSE OPS · v1.0</small>
 
 				</div>

+ 2 - 7
src/style/operations.css
Datei anzeigen 

@@ -79,16 +79,11 @@ button {
 
 }
 
 
 .brand-mark {
 
-	display: grid;
 
-	place-items: center;
 
 	width: 40px;
 
 	height: 40px;
 
-	background: #d8e9dd;
 
-	color: #214537;
 
-	font-weight: 800;
 
-	font-size: 19px;
 
 	border-radius: 6px;
 
-	flex-shrink: 0
 
+	flex-shrink: 0;
 
+	object-fit: contain
 
 }
 
 
 .brand strong {

+ 6 - 7
src/style/prototype.css
Datei anzeigen 

@@ -41,10 +41,8 @@
 
 	width: 35px;
 
 	height: 35px;
 
 	border-radius: 0;
 
-	background: var(--amber);
 
-	color: var(--nav);
 
-	font: 800 20px/1 Georgia, serif;
 
-	transform: rotate(-5deg);
 
+	object-fit: contain;
 
+	/* transform: rotate(-5deg); */
 
 }
 
 
 .brand strong {
 
@@ -58,6 +56,7 @@
 
 	font-size: 11px;
 
 	color: #90a9ab;
 
 	opacity: 1;
 
+	letter-spacing: 1px;
 
 }
 
 
 .warehouse {
 
@@ -87,6 +86,7 @@
 
 	color: #789195;
 
 	font-size: 10px;
 
 	font-weight: 700;
 
+	letter-spacing: 1px;
 
 }
 
 
 .sidebar nav {
 
@@ -164,6 +164,7 @@
 
 .date {
 
 	font-size: 12px;
 
 	color: var(--muted);
 
+	letter-spacing: 1px;
 
 }
 
 
 .user {
 
@@ -441,9 +442,7 @@ h1 {
 
 	width: 38px;
 
 	height: 38px;
 
 	border-radius: 10px;
 
-	background: #2f91e9;
 
-	color: #fff;
 
-	font-size: 21px;
 
+	object-fit: contain;
 
 	transform: none;
 
 }

+ 1 - 1
src/views/Dashboard.vue
Datei anzeigen 

@@ -45,7 +45,7 @@
 
 	<div class="dashboard">
 
 		<div class="page-heading">
 
 			<div>
 
-				<h1>首页 / 工作台</h1>
 
+				<h1>今天，仓库作业一切正常</h1>
 
 				<p>{{ warehouse.warehouseName }} · 实际库存台账 · 数据截至 {{ dateTime(updatedAt, 'HH:mm') }}</p>
 
 			</div><el-button type="primary" :icon="Plus" @click="router.push('/inbound?new=1')">新建入库</el-button>
 
 		</div>

+ 2 - 2
src/views/Login.vue
Datei anzeigen 

@@ -26,7 +26,7 @@ async function submit() {
 
 <template>
 
 	<div class="mock-login">
 
 		<section class="login-panel" aria-labelledby="login-title">
 
-			<div class="brand login-brand"><span class="brand-mark">H</span>
 
+			<div class="brand login-brand"><img src="/favicon.ico" class="brand-mark" alt="HS 仓储运营台" />
 
 				<div class="brand-text">
 
 					<strong>HS 仓储运营台</strong>
 
 					<small>WAREHOUSE OPS · 上海闵行仓</small>
 
@@ -58,7 +58,7 @@ async function submit() {
 
 .mock-login { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f0f7ff 0%, #e8f4f8 100%); padding: 24px; }
 
 .login-panel { width: 100%; max-width: 480px; background: #fff; border-radius: 24px; padding: 48px 40px 36px; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06); }
 
 .login-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 32px; }
 
-.brand-mark { width: 52px; height: 52px; border-radius: 14px; background: #3b82f6; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 26px; }
 
+.brand-mark { width: 52px; height: 52px; border-radius: 14px; object-fit: contain; }
 
 .brand-text { display: flex; flex-direction: column; gap: 4px; }
 
 .brand-text strong { font-size: 18px; font-weight: 600; color: #111827; }
 
 .brand-text small { font-size: 11px; color: #6b7280; letter-spacing: 0.3px; }

+ 1 - 1
src/views/Login/index.vue
Datei anzeigen 

@@ -177,7 +177,7 @@ onMounted(async () => {
 
 	<MockLogin v-if="mockLogin" />
 
 	<div v-else class="login-screen">
 
 		<section class="login-panel" aria-labelledby="login-title">
 
-			<div class="brand login-brand"><span class="brand-mark">H</span>
 
+			<div class="brand login-brand"><img src="/favicon.ico" class="brand-mark" alt="HS 仓储运营台" />
 
 				<div><strong>HS 仓储运营台</strong><small>WAREHOUSE OPS · 上海闵行仓</small></div>
 
 			</div>
 
 			<h1 id="login-title">统一身份认证</h1>