ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-01 10:32:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

增加移动门店头部

Browse Source
This commit is contained in:
augushong
2023-01-19 10:46:18 +08:00
parent faff30a596
commit 23a61baa76
6 changed files with 110 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/index/controller/Index.php
View File

@@ -14,7 +14,7 @@ class Index extends Common
/**
* 显示资源列表
*
* @return \think\Response
* @return \think\Response|string
*/
public function index($doc_name = '')
{

2
source/components/_index.scss
View File

@@ -1,5 +1,5 @@
@import './header/ul-shop-header/index';
@import './list/ul-book-item/index';
@import './list/ul-music-list/index';
@import './list/ul-order-list-simple-card/index';
@import './list/ul-site-group/index';
@import './list/ul-book-item/index';

5
source/components/header/ul-shop-header/_index.env Normal file
View File

@@ -0,0 +1,5 @@
title=移动门店头部
padding=0
margin=0
gray=0
mobile=1

37
source/components/header/ul-shop-header/_index.html Normal file
View File

@@ -0,0 +1,37 @@
<div class="ul-shop-header">
<div class="ul-shop-header__main">
<div class="ul-shop-header__logo ul-demo-img-bg">
</div>
<div class="ul-shop-header__info">
<div class="ul-shop-header__info__name">
临沂奥宏智能家居
</div>
<div class="ul-shop-header__info__tag">
<div class="ul-shop-header__info__tag__item">
人均200
</div>
<div class="ul-shop-header__info__tag__item">
<i class="ul-shop-header__info__tag__item__icon ul-color-main layui-icon layui-icon-service"></i> 客服
</div>
<div class="ul-shop-header__info__tag__item">
<i class="ul-shop-header__info__tag__item__icon ul-color-main layui-icon layui-icon-wifi"></i> wifi
</div>
</div>
</div>
<div class="ul-shop-header__right">
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="ul-shop-header__footer">
<div class="ul-shop-header__footer__item">
<i class="ul-shop-header__footer__item__icon layui-icon layui-icon-home"></i> 山东省临沂市应用科学城
</div>
<div class="ul-shop-header__footer__item">
<i class="ul-shop-header__footer__item__icon layui-icon layui-icon-release"></i>位置
</div>
<div class="ul-shop-header__footer__item">
<i class="ul-shop-header__footer__item__icon layui-icon layui-icon-cellphone"></i>电话
</div>
</div>
</div>

0
source/components/header/ul-shop-header/_index.md Normal file
View File

66
source/components/header/ul-shop-header/_index.scss Normal file
View 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;
}
}
}
}