|
|
|
@ -20,9 +20,28 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="logo-area"> |
|
|
|
<svg viewBox="0 0 48 48"> |
|
|
|
<path fill="#17B3A3" d="M24 6L6 24l18 18 18-18z"/> |
|
|
|
<path fill="#17B3A3" d="M24 6v36l18-18z"/> |
|
|
|
<svg viewBox="0 0 100 80" width="90" height="72"> |
|
|
|
<!-- 立体货架左侧 --> |
|
|
|
<polygon points="20,30 20,70 50,80 50,40" fill="#2B2523"/> |
|
|
|
<!-- 立体货架右侧 --> |
|
|
|
<polygon points="50,40 50,80 90,70 90,30" fill="#23201E"/> |
|
|
|
<!-- 立体货架顶面 --> |
|
|
|
<polygon points="20,30 50,20 90,30 50,40" fill="#3A3532"/> |
|
|
|
<!-- 横向货架层(左) --> |
|
|
|
<polyline points="20,40 50,48" stroke="#fff" stroke-width="2" opacity="0.7"/> |
|
|
|
<polyline points="20,50 50,56" stroke="#fff" stroke-width="2" opacity="0.7"/> |
|
|
|
<polyline points="20,60 50,64" stroke="#fff" stroke-width="2" opacity="0.7"/> |
|
|
|
<!-- 横向货架层(右) --> |
|
|
|
<polyline points="90,40 50,48" stroke="#fff" stroke-width="2" opacity="0.7"/> |
|
|
|
<polyline points="90,50 50,56" stroke="#fff" stroke-width="2" opacity="0.7"/> |
|
|
|
<polyline points="90,60 50,64" stroke="#fff" stroke-width="2" opacity="0.7"/> |
|
|
|
<!-- 纵向货架分隔线 --> |
|
|
|
<polyline points="35,25 35,75" stroke="#fff" stroke-width="2" opacity="0.5"/> |
|
|
|
<polyline points="65,25 65,75" stroke="#fff" stroke-width="2" opacity="0.5"/> |
|
|
|
<!-- #17B3A3色系货箱(在货架格子里) --> |
|
|
|
<rect x="53" y="44" width="8" height="6" fill="#17B3A3" rx="1" /> |
|
|
|
<rect x="73" y="54" width="8" height="6" fill="#17B3A3" rx="1" /> |
|
|
|
<rect x="33" y="62" width="8" height="6" fill="#17B3A3" rx="1" /> |
|
|
|
</svg> |
|
|
|
<h1>{{ $t('home.pdaName') }}</h1> |
|
|
|
</div> |
|
|
|
@ -174,7 +193,7 @@ export default { |
|
|
|
.lang-text { |
|
|
|
cursor: pointer; |
|
|
|
font-size: 14px; |
|
|
|
color: #17B3A3; /* 修改为与 index.vue 一致的主色系 */ |
|
|
|
color: #17B3A3; |
|
|
|
} |
|
|
|
|
|
|
|
.logo-area { |
|
|
|
@ -202,7 +221,7 @@ h1 { |
|
|
|
} |
|
|
|
|
|
|
|
.input-group.focus { |
|
|
|
border-color: #17B3A3; /* 修改为与 index.vue 一致的主色系 */ |
|
|
|
border-color: #17B3A3; |
|
|
|
} |
|
|
|
|
|
|
|
.input-group input { |
|
|
|
@ -225,7 +244,7 @@ h1 { |
|
|
|
transform: translateY(-50%); |
|
|
|
background: none; |
|
|
|
border: none; |
|
|
|
color: #17B3A3; /* 修改为与 index.vue 一致的主色系 */ |
|
|
|
color: #17B3A3; |
|
|
|
font-size: 12px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
@ -233,7 +252,7 @@ h1 { |
|
|
|
.login-btn { |
|
|
|
width: 100%; |
|
|
|
padding: 12px; |
|
|
|
background: #17B3A3; /* 修改为与 index.vue 一致的主色系 */ |
|
|
|
background: #17B3A3; |
|
|
|
color: white; |
|
|
|
border: none; |
|
|
|
border-radius: 8px; |
|
|
|
@ -243,7 +262,7 @@ h1 { |
|
|
|
} |
|
|
|
|
|
|
|
.login-btn:hover { |
|
|
|
background: #1dc5ef; /* 修改为与 index.vue 一致的渐变色 */ |
|
|
|
background: #1dc5ef; |
|
|
|
} |
|
|
|
|
|
|
|
.login-btn:disabled { |
|
|
|
|