mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-01 10:32:49 +08:00
增加logo样式
This commit is contained in:
@@ -1391,6 +1391,25 @@
|
||||
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 {
|
||||
display: flex;
|
||||
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-b/index';
|
||||
@import './list/ul-site-group/index';
|
||||
@import './logo/ul-logo/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