Почетна Преглед Помоћ
Регистрација Пријавите се
FED
/
dwweb-pc
2
0
Креирај огранак 0
Датотеке Дискусије 0 Захтеви за спајање 0 Вики
Преглед изворни кода

幻想全明星改动

sa03 пре 6 година
родитељ
79c3d0ffd5
комит
f1c945f4b4
6 измењених фајлова са 417 додато и 95 уклоњено
Подељен поглед Покажи статистику Diff
  1. 1 1
      2018专区/幻想全明星/src/_artical.html
  2. 1 1
      2018专区/幻想全明星/src/_artical2.html
  3. 366 72
      2018专区/幻想全明星/src/_index.html
  4. BIN
      2018专区/幻想全明星/src/img/bg-section2.png
  5. 5 5
      2018专区/幻想全明星/src/modules/index.js
  6. 44 16
      2018专区/幻想全明星/src/sass/global.scss

+ 1 - 1
2018专区/幻想全明星/src/_artical.html
Прегледај датотеку 

@@ -13,7 +13,7 @@
 
 </head>
 
 
 <body>
 
-    <div class="g-head2 head-inner" data-channel="多玩原创">
 
+    <div class="g-head2 head-inner" data-channel="幻想全明星">
 
         <!-- S 模板-导航头部 -->
 
         <!--<link rel="import" href="modules/header/header.html?__inline">-->
 
         <!-- E 模板-导航头部 -->

+ 1 - 1
2018专区/幻想全明星/src/_artical2.html
Прегледај датотеку 

@@ -13,7 +13,7 @@
 
 </head>
 
 
 <body>
 
-    <div class="g-head2 head-inner" data-channel="多玩原创">
 
+    <div class="g-head2 head-inner" data-channel="幻想全明星">
 
         <!-- S 模板-导航头部 -->
 
         <!--<link rel="import" href="modules/header/header.html?__inline">-->
 
         <!-- E 模板-导航头部 -->

+ 366 - 72
2018专区/幻想全明星/src/_index.html
Прегледај датотеку 

@@ -13,7 +13,7 @@
 
 </head>
 
 
 <body data-id="index">
 
-    <div class="g-head2 head-inner" data-channel="古剑奇谭">
 
+    <div class="g-head2 head-inner" data-channel="幻想全明星">
 
         <!-- S 模板-导航头部 -->
 
         <!-- E 模板-导航头部 -->
 
     </div>
 
@@ -545,7 +545,7 @@
 
                 </div>
 
             </div>
 
 
-            <div class="dw-mod-news mt-40">
 
+            <div class="dw-mod-news mt-60">
 
                 <ul class="list-type clearfix">
 
                     <li class="item-type g-col g-col-368">
 
                         <div class="mod-title">
 
@@ -595,41 +595,6 @@
 
                                 <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
                                 <span class="date">08-19</span>
 
                             </li>
 
-                        </ul>
 
-                    </li>
 
-                    <li class="item-type g-col g-col-368">
 
-                        <div class="mod-title">
 
-                            <h2>新闻资讯<i></i></h2>
 
-                            <div class="mod-lineList">
 
-                                <a href="#">更多</a>
 
-                            </div>
 
-                        </div>
 
-                        <ul class="list-news ">
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
                             <li class="item-news">
 
                                 <i></i>
 
                                 <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
@@ -640,6 +605,16 @@
 
                                 <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
                                 <span class="date">08-19</span>
 
                             </li>
 
+                        </ul>
 
+                    </li>
 
+                    <li class="item-type g-col g-col-368">
 
+                        <div class="mod-title">
 
+                            <h2>新闻资讯<i></i></h2>
 
+                            <div class="mod-lineList">
 
+                                <a href="#">更多</a>
 
+                            </div>
 
+                        </div>
 
+                        <ul class="list-news ">
 
                             <li class="item-news">
 
                                 <i></i>
 
                                 <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
@@ -660,45 +635,364 @@
 
                                 <p><a href="#">魔兽N服开放测试并推宣传片 魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
                                 <span class="date">08-19</span>
 
                             </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
-                            <li class="item-news">
 
-                                <i></i>
 
-                                <p><a href="#">魔兽N服开放测试并推宣传片  暴雪无可奈何</a></p>
 
-                                <span class="date">08-19</span>
 
-                            </li>
 
                         </ul>
 
                     </li>
 
                 </ul>
 
             </div>
 
+
 
+            <div class="dw-mod-comlist comlist-normal mt-60">
 
+                <div class="g-ui-tab" data-role="tab-comlist">
 
+                    <div class="g-tab__hd">
 
+                        <h2>视觉盛宴<i></i></h2>
 
+                        <ul class="g-tab__nav" data-switchable-role="nav">
 
+                            <li class="g-tab__trigger is-active"><a>最近更新</a></li>
 
+                            <li class="g-tab__trigger"><a href="http://csgo.duowan.com/tag/321459121455.html" target="_blank">游戏截图</a></li>
 
+                            <li class="g-tab__trigger"><a href="http://csgo.duowan.com/tag/321459095549.html" target="_blank">精美壁纸</a></li>
 
+                        </ul>
 
+                        <div class="g-tab__ext g-lineList">
 
+                            <a href="http://acmoba.duowan.com/tag/374170627253.html">更多</a>
 
+                        </div>
 
+                    </div>
 
+                    <div class="g-tab__bd" data-switchable-role="content">
 
+                        <div class="g-tab__panel" style="display: block;">
 
+                            <ul class="g-col-pList pList-row2">
 
+                                                                <li class="g-col-pItem">
 
+                                    <a title="野区" target="_blank" href="/1711/374841023637.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="野区" alt="野区" src="http://img.dwstatic.com/acmoba/1711/374841023637/1510885884182.jpg" data-original="http://img.dwstatic.com/acmoba/1711/374841023637/1510885884182.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">野区</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="野怪" target="_blank" href="/1711/374840979993.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="野怪" alt="野怪" src="http://img4.dwstatic.com/acmoba/1711/374840979993/1510885820033.jpg" data-original="http://img4.dwstatic.com/acmoba/1711/374840979993/1510885820033.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">野怪</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="蓝方阵营远景" target="_blank" href="/1711/374840925377.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="蓝方阵营远景" alt="蓝方阵营远景" src="http://img5.dwstatic.com/acmoba/1711/374840925377/1510885776350.jpg" data-original="http://img5.dwstatic.com/acmoba/1711/374840925377/1510885776350.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">蓝方阵营远景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="黄金号" target="_blank" href="/1711/374840766414.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="黄金号" alt="黄金号" src="http://img5.dwstatic.com/acmoba/1711/374840766414/1510885691594.jpg" data-original="http://img5.dwstatic.com/acmoba/1711/374840766414/1510885691594.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">黄金号</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="红方阵营远景" target="_blank" href="/1711/374840712258.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="红方阵营远景" alt="红方阵营远景" src="http://img5.dwstatic.com/acmoba/1711/374840712258/1510885550358.jpg" data-original="http://img5.dwstatic.com/acmoba/1711/374840712258/1510885550358.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">红方阵营远景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="河道远景" target="_blank" href="/1711/374840642089.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="河道远景" alt="河道远景" src="http://img2.dwstatic.com/acmoba/1711/374840642089/1510885510495.jpg" data-original="http://img2.dwstatic.com/acmoba/1711/374840642089/1510885510495.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">河道远景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="河道处" target="_blank" href="/1711/374840526820.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="河道处" alt="河道处" src="http://img4.dwstatic.com/acmoba/1711/374840526820/1510885440226.jpg" data-original="http://img4.dwstatic.com/acmoba/1711/374840526820/1510885440226.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">河道处</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="河道" target="_blank" href="/1711/374840403646.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="河道" alt="河道" src="http://img3.dwstatic.com/acmoba/1711/374840403646/1510885317914.jpg" data-original="http://img3.dwstatic.com/acmoba/1711/374840403646/1510885317914.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">河道</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="大龙" target="_blank" href="/1711/374840186241.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="大龙" alt="大龙" src="http://img3.dwstatic.com/acmoba/1711/374840186241/1510885083586.jpg" data-original="http://img3.dwstatic.com/acmoba/1711/374840186241/1510885083586.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">大龙</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="布欧远景" target="_blank" href="/1711/374839829388.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="布欧远景" alt="布欧远景" src="http://img5.dwstatic.com/acmoba/1711/374839829388/1510884984005.jpg" data-original="http://img5.dwstatic.com/acmoba/1711/374839829388/1510884984005.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">布欧远景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="万圣节彩蛋" target="_blank" href="/1711/374839786458.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="万圣节彩蛋" alt="万圣节彩蛋" src="http://img4.dwstatic.com/acmoba/1711/374839786458/1510884627372.jpg" data-original="http://img4.dwstatic.com/acmoba/1711/374839786458/1510884627372.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">万圣节彩蛋</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="蓝方阵营近景" target="_blank" href="/1711/374839738099.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="蓝方阵营近景" alt="蓝方阵营近景" src="http://img1.dwstatic.com/acmoba/1711/374839738099/1510884583994.jpg" data-original="http://img1.dwstatic.com/acmoba/1711/374839738099/1510884583994.jpg" style="display: block;">
 
+                                            <span class="pItem-mask">视觉盛宴</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">蓝方阵营近景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                            </ul>
 
+                        </div>
 
+                        <div class="g-tab__panel u-hide" style="display: none;">
 
+                            <ul class="g-col-pList pList-row2">
 
+                                                                <li class="g-col-pItem">
 
+                                    <a title="野区" target="_blank" href="/1711/374841023637.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="野区" alt="野区" src="http://img.dwstatic.com/acmoba/1711/374841023637/1510885884182.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374841023637/1510885884182.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">野区</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="野怪" target="_blank" href="/1711/374840979993.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="野怪" alt="野怪" src="http://img.dwstatic.com/acmoba/1711/374840979993/1510885820033.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374840979993/1510885820033.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">野怪</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="蓝方阵营远景" target="_blank" href="/1711/374840925377.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="蓝方阵营远景" alt="蓝方阵营远景" src="http://img.dwstatic.com/acmoba/1711/374840925377/1510885776350.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374840925377/1510885776350.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">蓝方阵营远景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="黄金号" target="_blank" href="/1711/374840766414.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="黄金号" alt="黄金号" src="http://img.dwstatic.com/acmoba/1711/374840766414/1510885691594.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374840766414/1510885691594.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">黄金号</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="红方阵营远景" target="_blank" href="/1711/374840712258.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="红方阵营远景" alt="红方阵营远景" src="http://img.dwstatic.com/acmoba/1711/374840712258/1510885550358.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374840712258/1510885550358.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">红方阵营远景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="河道远景" target="_blank" href="/1711/374840642089.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="河道远景" alt="河道远景" src="http://img.dwstatic.com/acmoba/1711/374840642089/1510885510495.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374840642089/1510885510495.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">河道远景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="河道处" target="_blank" href="/1711/374840526820.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="河道处" alt="河道处" src="http://img.dwstatic.com/acmoba/1711/374840526820/1510885440226.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374840526820/1510885440226.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">河道处</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="河道" target="_blank" href="/1711/374840403646.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="河道" alt="河道" src="http://img.dwstatic.com/acmoba/1711/374840403646/1510885317914.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374840403646/1510885317914.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">河道</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="大龙" target="_blank" href="/1711/374840186241.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="大龙" alt="大龙" src="http://img.dwstatic.com/acmoba/1711/374840186241/1510885083586.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374840186241/1510885083586.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">大龙</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="布欧远景" target="_blank" href="/1711/374839829388.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="布欧远景" alt="布欧远景" src="http://img.dwstatic.com/acmoba/1711/374839829388/1510884984005.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374839829388/1510884984005.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">布欧远景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="游戏截图15" target="_blank" href="/1711/374178513055.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="游戏截图15" alt="游戏截图15" src="http://img2.dwstatic.com/acmoba/1711/374178513055/1510223341602.jpg" data-src="http://img2.dwstatic.com/acmoba/1711/374178513055/1510223341602.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">游戏截图15</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="游戏截图14" target="_blank" href="/1711/374178446549.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="游戏截图14" alt="游戏截图14" src="http://img2.dwstatic.com/acmoba/1711/374178446549/1510223290373.jpg" data-src="http://img2.dwstatic.com/acmoba/1711/374178446549/1510223290373.jpg">
 
+                                            <span class="pItem-mask">游戏截图</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">游戏截图14</h3>
 
+                                    </a>
 
+                                </li>
 
+                                            </ul>
 
+                        </div>
 
+                        <div class="g-tab__panel u-hide" style="display: none;">
 
+                            <ul class="g-col-pList pList-row2">
 
+                                                                <li class="g-col-pItem">
 
+                                    <a title="万圣节彩蛋" target="_blank" href="/1711/374839786458.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="万圣节彩蛋" alt="万圣节彩蛋" src="http://img.dwstatic.com/acmoba/1711/374839786458/1510884627372.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374839786458/1510884627372.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">万圣节彩蛋</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="蓝方阵营近景" target="_blank" href="/1711/374839738099.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="蓝方阵营近景" alt="蓝方阵营近景" src="http://img.dwstatic.com/acmoba/1711/374839738099/1510884583994.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374839738099/1510884583994.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">蓝方阵营近景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="红方阵营近景" target="_blank" href="/1711/374839617515.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="红方阵营近景" alt="红方阵营近景" src="http://img3.dwstatic.com/acmoba/1711/374839617515/1510884535482.jpg" data-src="http://img3.dwstatic.com/acmoba/1711/374839617515/1510884535482.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">红方阵营近景</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="地图概念图" target="_blank" href="/1711/374839168170.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="地图概念图" alt="地图概念图" src="http://img4.dwstatic.com/acmoba/1711/374839168170/1510884412507.jpg" data-src="http://img4.dwstatic.com/acmoba/1711/374839168170/1510884412507.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">地图概念图</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="炮姐" target="_blank" href="/1711/374238405459.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="炮姐" alt="炮姐" src="http://img2.dwstatic.com/acmoba/1711/374238405459/1510283331257.jpg" data-src="http://img2.dwstatic.com/acmoba/1711/374238405459/1510283331257.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">炮姐</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="五河琴里" target="_blank" href="/1711/374238209103.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="五河琴里" alt="五河琴里" src="http://img2.dwstatic.com/acmoba/1711/374238209103/1510283202198.jpg" data-src="http://img2.dwstatic.com/acmoba/1711/374238209103/1510283202198.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">五河琴里</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="鸣人" target="_blank" href="/1711/374238173718.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="鸣人" alt="鸣人" src="http://img4.dwstatic.com/acmoba/1711/374238173718/1510283007042.jpg" data-src="http://img4.dwstatic.com/acmoba/1711/374238173718/1510283007042.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">鸣人</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="狂三" target="_blank" href="/1711/374238140979.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="狂三" alt="狂三" src="http://img2.dwstatic.com/acmoba/1711/374238140979/1510282971594.jpg" data-src="http://img2.dwstatic.com/acmoba/1711/374238140979/1510282971594.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">狂三</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="小圆" target="_blank" href="/1711/374238111240.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="小圆" alt="小圆" src="http://img4.dwstatic.com/acmoba/1711/374238111240/1510282938271.jpg" data-src="http://img4.dwstatic.com/acmoba/1711/374238111240/1510282938271.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">小圆</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="亚里亚" target="_blank" href="/1711/374237820929.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="亚里亚" alt="亚里亚" src="http://img1.dwstatic.com/acmoba/1711/374237820929/1510282908190.jpg" data-src="http://img1.dwstatic.com/acmoba/1711/374237820929/1510282908190.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">亚里亚</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="炮姐、岛风、saber" target="_blank" href="/1711/374237777748.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="炮姐、岛风、saber" alt="炮姐、岛风、saber" src="http://img.dwstatic.com/acmoba/1711/374237777748/1510282614900.jpg" data-src="http://img.dwstatic.com/acmoba/1711/374237777748/1510282614900.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">炮姐、岛风、saber</h3>
 
+                                    </a>
 
+                                </li>
 
+                                                <li class="g-col-pItem">
 
+                                    <a title="初音" target="_blank" href="/1711/374237736209.html">
 
+                                        <div class="pItem-pic">
 
+                                            <img title="初音" alt="初音" src="http://img1.dwstatic.com/acmoba/1711/374237736209/1510282575568.jpg" data-src="http://img1.dwstatic.com/acmoba/1711/374237736209/1510282575568.jpg">
 
+                                            <span class="pItem-mask">精美壁纸</span>
 
+                                        </div>
 
+                                        <h3 class="pItem-title">初音</h3>
 
+                                    </a>
 
+                                </li>
 
+                                            </ul>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
         </div>
 
     </div>

BIN
2018专区/幻想全明星/src/img/bg-section2.png
Прегледај датотеку


+ 5 - 5
2018专区/幻想全明星/src/modules/index.js
Прегледај датотеку 

@@ -35,11 +35,11 @@ seaLoader(function(seajs) {
 
         });
 
 
         //排行榜
 
-        new Tabs({
 
-            element: '[data-role="tab-rank"]',
 
-            classPrefix: null,
 
-            activeTriggerClass: 'is-active'
 
-        });
 
+        // new Tabs({
 
+        //     element: '[data-role="tab-rank"]',
 
+        //     classPrefix: null,
 
+        //     activeTriggerClass: 'is-active'
 
+        // });
 
         //论坛
 
         new Tabs({
 
             element: '[data-role="bbs-wrap"]',

+ 44 - 16
2018专区/幻想全明星/src/sass/global.scss
Прегледај датотеку 

@@ -1597,6 +1597,17 @@ body {
 
 }
 
 
 .dw-mod-news {
 
+    position: relative;
 
+    &:before{
 
+        content: "";
 
+        position: absolute;
 
+        top: -20px;
 
+        margin-left: -619px;
 
+        left: 50%;
 
+        width: 1238px;
 
+        height: 438px;
 
+        background: url(../img/bg-section2.png) no-repeat;
 
+    }
 
     .list-type {
 
         margin-right: -16px;
 
     }
 
@@ -1608,8 +1619,8 @@ body {
 
         margin-top: 10px;
 
     }
 
     .item-news {
 
-        line-height: 30px;
 
-        height: 30px;
 
+        line-height: 28px;
 
+        height: 28px;
 
         position: relative;
 
         padding-left: 14px;
 
         overflow: hidden;
 
@@ -1645,6 +1656,19 @@ body {
 
     }
 
 }
 
 
+.dw-mod-comlist{
 
+    position: relative;
 
+    &:before{
 
+        content: "";
 
+        position: absolute;
 
+        top: -20px;
 
+        margin-left: -619px;
 
+        left: 50%;
 
+        width: 1238px;
 
+        height: 438px;
 
+        background: url(../img/bg-section2.png) no-repeat;
 
+    }
 
+}
 
 .g-comlist {
 
     @include clearfix();
 
     margin-right: -18px;
 
@@ -1772,7 +1796,7 @@ body {
 
         float: left;
 
         zoom: 1;
 
         margin: 12px 18px 0 0;
 
-        width: 185px;
 
+        width: 170px;
 
         font-size: 12px;
 
         overflow: hidden;
 
         &.ext-pItem-160 {
 
@@ -1792,39 +1816,43 @@ body {
 
                 }
 
             }
 
         }
 
-        .pItem-pic {
 
-            width: 185px;
 
-            height: 104px;
 
+        .pItem-pic{
 
+            width: 170px;
 
+            height: 96px;
 
             position: relative;
 
             overflow: hidden;
 
-            img {
 
+            img{
 
                 width: 100%;
 
                 display: block;
 
                 overflow: hidden;
 
                 transition: opacity ease 300ms;
 
             }
 
         }
 
-        .pItem-mask {
 
+        .pItem-mask{
 
             padding: 0 5px;
 
             position: absolute;
 
             right: 0;
 
             bottom: 0;
 
-            width: 100%;
 
-            height: 41px;
 
+            width: auto;
 
+            height: 24px;
 
             line-height: 24px;
 
             text-indent: 5px;
 
+            color: #fff;
 
             overflow: hidden;
 
-            background: url(../..//img/gItem-mask.png) repeat-x;
 
+            background-color: transparent;
 
+            background-color: rgba(0,0,0,.5);
 
             zoom: 1;
 
         }
 
-        .pItem-title {
 
-            font-size: 14px;
 
+        .pItem-title{
 
+            font-size: 12px;
 
             color: #333333;
 
-            line-height: 20px;
 
+            line-height: 32px;
 
+            margin: 0 5px;
 
+            text-align: center;
 
             overflow: hidden;
 
             font-weight: normal;
 
-            height: 40px;
 
-            margin-top: 7px;
 
+            height: 32px;
 
+            @include ellipsis();
 
         }
 
     }
 
 }