分享页面优化

52ABP · Oct 24, 2018 · 132a9f2 · 132a9f2
1 parent 0a16ca9
commit 132a9f2
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 63 deletions.
diff --git a/src/booklist-angular/src/public/public.component.html b/src/booklist-angular/src/public/public.component.html
@@ -1,45 +1,51 @@
-<nz-layout class="layout">
-    <nz-header>
-        <div class="logo">
-            <img src="/assets/images/logos/logo-txt-white-shield.svg" style="max-height:40px;">
-        </div>
-
-        <ul nz-menu [nzTheme]="'dark'" [nzMode]="'horizontal'">
-            <li nz-menu-item>
-                <a href="https://www.52abp.com" target="_blank">
-                    <i class="anticon anticon-home"></i>
-                    52ABP官网
-                </a>
-            </li>
-            <li nz-menu-item>
-                <a href="https://www.52abp.com/ReadWiki/ABP%E6%A1%86%E6%9E%B6%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3/Documents-3.7.2/1.1ABP%E6%80%BB%E4%BD%93%E4%BB%8B%E7%BB%8D-%E5%85%A5%E9%97%A8%E4%BB%8B%E7%BB%8D.md"
-                    target="_blank">
-                    <i class="anticon anticon-book"></i>
-                    文档
-                </a>
-            </li>
-            <li nz-menu-item>
-                <a href="https://github.com/52ABP/LTMCompanyNameFree.YoyoCmsTemplate" target="_blank">
-                    <i class="anticon anticon-github"></i>
-                    项目源码
-                </a>
-            </li>
-            <li nz-menu-item>
-                <a href="https://github.com/52ABP/LTMCompanyNameFree.YoyoCmsTemplate" target="_blank">
-                    <i class="anticon anticon-github"></i>
-                    52ABP源码
-                </a>
-            </li>
+<div class="wrapper">
 
-            <li nz-menu-item>
-                <a href="https://github.com/52ABP" target="_blank">
-                    <i class="anticon anticon-exclamation-circle"></i>
-                    更多...
-                </a>
-            </li>
-        </ul>
-    </nz-header>
+    <!-- 顶部菜单栏 -->
+    <div class="head_content">
+        <div class="header">
+            <div class="top-nav-wrap">
+                <ul class="top-nav">
+                    <li>
+                        <div class="logo">
+                            <img src="/assets/images/logos/logo-txt-white-shield.svg">
+                        </div>
 
+                    </li>
+                    <li>
+                        <a class="item" href="https://www.52abp.com" target="_blank">
+                            <i class="anticon anticon-home"></i>
+                            52ABP官网
+                        </a>
+                    </li>
+                    <li>
+                        <a class="item" href="https://www.52abp.com/ReadWiki/ABP%E6%A1%86%E6%9E%B6%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3/Documents-3.7.2/1.1ABP%E6%80%BB%E4%BD%93%E4%BB%8B%E7%BB%8D-%E5%85%A5%E9%97%A8%E4%BB%8B%E7%BB%8D.md"
+                            target="_blank">
+                            <i class="anticon anticon-book"></i>
+                            文档
+                        </a>
+                    </li>
+                    <li>
+                        <a class="item" href="https://github.com/52ABP/LTMCompanyNameFree.YoyoCmsTemplate" target="_blank">
+                            <i class="anticon anticon-github"></i>
+                            本项目源码
+                        </a>
+                    </li>
+                    <li>
+                        <a class="item" href="https://github.com/52ABP/LTMCompanyNameFree.YoyoCmsTemplate" target="_blank">
+                            <i class="anticon anticon-github"></i>
+                            52ABP源码
+                        </a>
+                    </li>
+                    <li>
+                        <a class="item" href="https://github.com/52ABP" target="_blank">
+                            <i class="anticon anticon-exclamation-circle"></i>
+                            更多...
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
 
     <div nz-row>
         <div nz-col [nzXs]="{ span: 22, offset: 1 }" [nzSm]="{span:18,offset:3}" [nzMd]="{span:16,offset:4}">
@@ -51,4 +57,4 @@
         By
         <a href="https://www.52abp.com" target="_blank">52ABP</a>
     </nz-footer>
-</nz-layout>
+</div>
diff --git a/src/booklist-angular/src/public/public.component.less b/src/booklist-angular/src/public/public.component.less
@@ -1,28 +1,31 @@
 @import 'node_modules/yoyo-ng-module/src/theme/styles/default';
 
-nz-layout{
-    height: 100%;
+.aside {
+    margin-top: 0px;
+}
 
-    .logo {
-        width: 120px;
-        height: 31px;
-        // background: rgba(255,255,255,.2);
-        // margin: 16px 24px 16px 0;
-        float: left;
-    }
+.header {
+    box-shadow: none;
+    left: -1px;
+    margin-left: 0px;
+}
+
+img {
+    max-width: 40px;
+    display: inline-block;
+    padding: 40px;
+}
+
+.item{
+    padding: 0px 10px;
+}
 
-    ul{
-        line-height: 64px;
-        width: 100%;
-    }
+ul{
+    line-height: 64px;
+    width: 100%;
+}
 
-    nz-dropdown{
-        a{
-            color: #fff;
-        }
-    }
 
-    .ant-row{
-        margin-top: 16px;
-    }
-}
+.ant-row{
+    margin-top: 90px;
+}