mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-07 12:52:48 +08:00
增加移动门店头部
This commit is contained in:
66
source/components/header/ul-shop-header/_index.scss
Normal file
66
source/components/header/ul-shop-header/_index.scss
Normal file
@@ -0,0 +1,66 @@
|
||||
.ul-shop-header {
|
||||
padding: 15px;
|
||||
|
||||
&__main {
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: flex-start;
|
||||
position : relative;
|
||||
}
|
||||
|
||||
&__logo {
|
||||
width : 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
&__info {
|
||||
margin-left: 15px;
|
||||
|
||||
&__name {
|
||||
line-height: 30px;
|
||||
font-size : 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&__tag {
|
||||
display : flex;
|
||||
margin-top: 5px;
|
||||
|
||||
&__item {
|
||||
vertical-align: middle;
|
||||
margin-right : 10px;
|
||||
color : #bbb;
|
||||
font-size : 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__right {
|
||||
position : absolute;
|
||||
right : 0;
|
||||
top : 0;
|
||||
height : 100%;
|
||||
display : flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__footer {
|
||||
border-top : 1px solid #eee;
|
||||
margin-top : 10px;
|
||||
padding-top : 10px;
|
||||
display : flex;
|
||||
align-items : flex-start;
|
||||
justify-content: flex-start;
|
||||
font-size : 14px;
|
||||
color : #999;
|
||||
|
||||
&__item {
|
||||
margin-right: 15px;
|
||||
|
||||
&__icon {
|
||||
color : #333;
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user