Browse Source

样式

master
han\hanst 1 week ago
parent
commit
63294f00b2
  1. 27
      src/views/common/login.vue

27
src/views/common/login.vue

@ -6,7 +6,11 @@
<div class="brand-panel__content"> <div class="brand-panel__content">
<img class="brand-panel__logo" src="~@/assets/img/lc.png" alt="龙闯电梯"> <img class="brand-panel__logo" src="~@/assets/img/lc.png" alt="龙闯电梯">
<p class="brand-panel__label">LONGTRON ELEVATOR | LIFE AESTHETICS</p> <p class="brand-panel__label">LONGTRON ELEVATOR | LIFE AESTHETICS</p>
<h1 class="brand-panel__title">高端家用电梯<br>一站式服务平台</h1>
<h1 class="brand-panel__title">
高端家用电梯
<span class="divider">·</span>
<span class="sub-title">一站式服务平台</span>
</h1>
<p class="brand-panel__desc"> <p class="brand-panel__desc">
龙闯电梯坚持臻选引进自主创新并重为中国高端家庭提供集代理研发生产销售 龙闯电梯坚持臻选引进自主创新并重为中国高端家庭提供集代理研发生产销售
安装售后于一体的一站式家用电梯服务 安装售后于一体的一站式家用电梯服务
@ -265,12 +269,25 @@ import { getUUID } from '@/utils'
} }
.brand-panel__title { .brand-panel__title {
margin: 18px 0 20px;
font-size: 58px;
line-height: 1.18;
font-weight: 600;
font-size: 56px;
font-weight: 800;
color: #fff;
display: flex;
align-items: baseline;
gap: 8px;
line-height: 1;
}
.brand-panel__title .divider {
font-size: 34px;
opacity: 0.8;
} }
.brand-panel__title .sub-title {
font-size: 32px;
font-weight: 600;
opacity: 0.95;
}
.brand-panel__desc { .brand-panel__desc {
margin: 0; margin: 0;
max-width: 660px; max-width: 660px;

Loading…
Cancel
Save