yanglijie/smart-large-screen-light-ln
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2026新UI

Browse Source
This commit is contained in:
lnljyang
2026-01-28 17:54:51 +08:00
parent 667006bb89
commit daa9749c96
24 changed files with 1443 additions and 1048 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
src/views/home.scss
View File

@@ -14,9 +14,9 @@
.bg {
width: 100%;
height: 100%;
padding: 16px 16px 10px 16px;
padding: 16px;
box-sizing: border-box;
background-color: #fafbfc;
background-color: #f7f9fb;
background-image: none;
background-size: cover;
background-position: center center;
@@ -25,88 +25,77 @@
.host-body {
height: 100%;
.d-flex {
display: flex;
justify-content: space-between;
}
.title_wrap {
height: 60px;
background-image: url("../assets/img/top.png");
background-size: cover;
background-position: center center;
height: 66px;
position: relative;
margin-bottom: 4px;
margin-bottom: 16px;
display: flex;
align-items: center;
background-color: #fff;
padding: 0 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
.guang {
position: absolute;
bottom: -26px;
background-image: url("../assets/img/guang.png");
background-position: 80px center;
width: 100%;
height: 56px;
.logo {
flex: 1;
display: flex;
justify-content: flex-start;
.imgs {
width: 320px;
height: 35px;
margin-top: -0.6%;
}
.imgs2 {
width: 236px;
/* height: 60px; */
margin-left: 150px;
margin-top: -9px;
img {
height: 40px;
width: auto;
}
}
.zuojuxing,
.youjuxing {
position: absolute;
top: -2px;
width: 140px;
height: 6px;
background-image: url("../assets/img/headers/juxing1.png");
}
.title {
flex: 0 0 auto;
text-align: center;
.zuojuxing {
left: 11%;
}
.youjuxing {
right: 11%;
transform: rotate(180deg);
.title-text {
color: #00D4AA;
font-family: Audiowide, sans-serif;
font-weight: 400;
font-size: 32px;
letter-spacing: 2px;
}
}
.timers {
position: absolute;
right: 0;
top: 30px;
font-size: 18px;
display: flex;
justify-content: flex-end;
border: 1px solid #d1fae5;
box-sizing: border-box;
background: #ecfdf5;
padding: 8px 20px;
border-radius: 36px;
align-items: center;
width: fit-content;
margin-left: auto;
display: flex;
align-items: center;
color: #065f46;
font-family: "PingFang TC";
font-weight: 600;
font-size: 14px;
line-height: 17px;
.blq-icon-shezhi02 {
cursor: pointer;
font-size: 18px;
color: #00D4AA;
transition: all 0.3s ease;
&:hover {
color: #00bfa5;
transform: rotate(90deg);
}
}
}
}
.title {
position: relative;
// width: 500px;
text-align: center;
background-size: cover;
color: transparent;
height: 60px;
line-height: 46px;
.title-text {
font-size: 38px;
font-weight: 900;
letter-spacing: 6px;
width: 100%;
background: linear-gradient(92deg, #1976d2 0%, #2196f3 48.8525390625%, #42a5f5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
}
@@ -122,12 +111,12 @@
width: 130px;
height: 36px;
border-radius: 18px 0px 0px 18px;
color: #1976d2;
color: #00D4AA;
text-indent: 26px;
line-height: 36px;
font-size: 16px;
margin-right: 20px;
background: linear-gradient(to right, rgba(25, 118, 210, 0.15), rgba(25, 118, 210, 0));
background: linear-gradient(to right, rgba(0, 212, 170, 0.15), rgba(0, 212, 170, 0));
}
}
}