mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-09 05:32:49 +08:00
增加logo样式
This commit is contained in:
@@ -1391,6 +1391,25 @@
|
|||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.ul-logo {
|
||||||
|
background-color: #1E9FFF;
|
||||||
|
border-radius: 13.3333333333px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ul-logo .title {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
.ul-logo .plus {
|
||||||
|
font-size: clac(20px);
|
||||||
|
}
|
||||||
|
|
||||||
.ul-nav-info__item {
|
.ul-nav-info__item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
2
public/cdn/layui-ul.min.css
vendored
2
public/cdn/layui-ul.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -9,4 +9,5 @@
|
|||||||
@import './list/ul-photo-list/index';
|
@import './list/ul-photo-list/index';
|
||||||
@import './list/ul-photo-list-b/index';
|
@import './list/ul-photo-list-b/index';
|
||||||
@import './list/ul-site-group/index';
|
@import './list/ul-site-group/index';
|
||||||
|
@import './logo/ul-logo/index';
|
||||||
@import './nav/ul-nav-info/index';
|
@import './nav/ul-nav-info/index';
|
||||||
|
|||||||
5
source/components/logo/ul-logo/_index.env
Normal file
5
source/components/logo/ul-logo/_index.env
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
title=LOGO
|
||||||
|
padding=0
|
||||||
|
margin=0
|
||||||
|
gray=0
|
||||||
|
mobile=0
|
||||||
10
source/components/logo/ul-logo/_index.html
Normal file
10
source/components/logo/ul-logo/_index.html
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<div class="ul-logo">
|
||||||
|
<div class="main">
|
||||||
|
<div class="title">
|
||||||
|
AI
|
||||||
|
</div>
|
||||||
|
<div class="plus">
|
||||||
|
AI帮手
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
0
source/components/logo/ul-logo/_index.md
Normal file
0
source/components/logo/ul-logo/_index.md
Normal file
26
source/components/logo/ul-logo/_index.scss
Normal file
26
source/components/logo/ul-logo/_index.scss
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
.ul-logo {
|
||||||
|
|
||||||
|
|
||||||
|
$baseSize: 40px;
|
||||||
|
|
||||||
|
background-color: #1E9FFF;
|
||||||
|
|
||||||
|
border-radius : calc($baseSize / 3);
|
||||||
|
display : flex;
|
||||||
|
align-items : center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
width : calc($baseSize * 2);
|
||||||
|
height : calc($baseSize * 2);
|
||||||
|
text-align : center;
|
||||||
|
color : #fff;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: $baseSize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plus {
|
||||||
|
font-size: clac($baseSize / 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user