增加移动门店头部

app/index/controller/Index.php

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

source/components/_index.scss

@@ -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';

source/components/header/ul-shop-header/_index.env

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

source/components/header/ul-shop-header/_index.html

@@ -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>

source/components/header/ul-shop-header/_index.scss

@@ -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;
+            }
+        }
+    }
+}