友情链接

2018专题/德玛西亚杯/src/_index.html

@@ -916,6 +916,30 @@
             </div>
             <!-- 精彩图集结束 -->
         </div>
+
+
+
+        <div class="friendLink">
+            <ul>
+                <li>友情链接</li>
+                <li><a href="">歪阅</a></li>
+                <li><a href="">电弧</a></li>
+                <li><a href="">口袋巴士王者荣耀</a></li>
+                <li><a href="">蒸汽盒子</a></li>
+                <li><a href="">迷你世界</a></li>
+                <li><a href="">87g王者荣耀</a></li>
+                <li><a href="">野蛮人大作战</a></li>
+                <li><a href="">王者荣耀</a></li>
+                <li><a href="">王者荣耀视频</a></li>
+                <li><a href="">自由之战2</a></li>
+                <li><a href="">昆特牌视频</a></li>
+                <li><a href="">歪阅</a></li>
+                <li><a href="">歪阅</a></li>
+                <li><a href="">歪阅</a></li>
+                <li><a href="">歪阅</a></li>
+                <li><a href="">歪阅</a></li>
+            </ul>
+        </div>
     </div>
     <script>
         var _hmt = _hmt || [];

2018专题/德玛西亚杯/src/sass/global.scss

@@ -1032,3 +1032,49 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
         }
     }
 }
+.friendLink{
+    background: #2d2d2d;
+    width: 100%;
+    padding: 10px 0;
+    ul{
+        width: 1136px;
+        display: flex;
+        margin: 0 auto;
+        flex-wrap: wrap;
+        li{
+            color: #999999;
+            font-size: 12px;
+            line-height: 30px;
+            &:first-child{
+                background: #222222;
+                padding: 0px 10px;
+                margin-right: 15px;
+            }
+            &:last-child{
+                a{
+                    &::after{
+                        display: none;
+                    }
+                }
+            }
+            a{  
+                position: relative;
+                color: #999999;
+                padding: 0 12px;
+                &:hover{
+                    text-decoration: underline;
+                }
+                &::after{
+                position: absolute;
+                content: '';
+                width: 1px;
+                height: 12px;
+                background: #464646;
+                right: 0;
+                top: 50%;
+                margin-top: -6px;
+                }
+            }
+        }
+    }
+}