fix: light

README.md

@@ -84,7 +84,7 @@ Thank you for your [contribution](https://github.com/xjh22222228/nav/issues), me
 
 
 
-## 构建设置
+## 开发构建
 ``` bash
 # 下载
 git clone --depth=1 https://github.com/xjh22222228/nav.git
@@ -100,7 +100,7 @@ npm run build
 ```
 
 
-## 如何部署？
+## 部署
 推荐使用 `github pages` 服务, 这样就不需要提供服务器, 并且项目里自带了自动化部署服务，像数 `321` 一样简单。
 
 1、Fork 当前项目。
@@ -132,6 +132,10 @@ server {
 ```
 
 
+## 配置
+所有可配置位于文件 `config/index.ts`。
+
+
 ## 更新数据
 只需要关注根目录 `data` 文件夹, 如果你使用了上面教程提供的自动化部署服务，那么当更新数据后大概5分钟即可看到。
 
@@ -158,9 +162,6 @@ server {
 
 
 
-## 配置
-所有可配置位于文件 `config/index.ts`。
-
 
 ## 图标
 图标是支持继承的，每一级的 `icon` 字段都是可选，如果当前没有就会继承上一级Icon,

src/view/index/light/index.component.html

@@ -80,7 +80,7 @@
                   <div class="desc dark-border-color dark-text" [innerHtml]="el.desc"></div>
                 </a>
 
-                <app-multiple-site [dataSource]="ele"></app-multiple-site>
+                <app-multiple-site [dataSource]="el"></app-multiple-site>
               </div>
             </div>
           </li>

src/view/index/light/index.component.scss

@@ -140,62 +140,6 @@
       font-size: 12px;
     }
 
-    .mark {
-      z-index: 28;
-      position: absolute;
-      bottom: -50px;
-      left: 0;
-      width: 100%;
-      padding: 10px 0 5px 0px;
-      background: #fbfbfb;
-      cursor: auto;
-      display: flex;
-      justify-content: center;
-      align-content: center;
-      transition: .1s linear;
-
-      .button-box {
-        width: 100%;
-        text-align: center;
-      }
-
-      a {
-        display: inline-block;
-        position: relative;
-        width: 50px;
-        font-size: 12px;
-        padding: 3px 0;
-        border: none;
-        background: #2db7f5;
-        color: #fff;
-        border-radius: 3px;
-        overflow: hidden;
-
-        &:not(:nth-last-child(1)) {
-          margin-right: 10px;
-        }
-
-        &:after {
-          content: "";
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          background: #000;
-          opacity: 0;
-        }
-
-        &:active:after {
-          opacity: .2;
-        }
-      }
-
-      .zh {
-        background: #26a2ff;
-      }
-    }
-
     .title-wrapper {
       border-bottom: 1px solid #ccc;
       padding: 10px 30px 10px 15px;
@@ -240,8 +184,8 @@
 
       &:hover {
 
-        .mark {
-          bottom: 0;
+        ::ng-deep .mark {
+          bottom: 0 !important;
         }
       }
     }

src/view/index/light/index.component.ts

@@ -32,7 +32,7 @@ export default class HomeComponent {
   showInput = false
   GIT_REPO_URL: string = GIT_REPO_URL
 
-  ngOnInit () {
+  ngOnInit() {
     randomBgImg()
 
     const initList = () => {