Browse Source

init

master
han\hanst 6 months ago
parent
commit
ed14bcc220
  1. 35
      src/views/common/login.vue

35
src/views/common/login.vue

@ -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 {

Loading…
Cancel
Save