Jelajahi Sumber

幻想全明星改动

sa03 6 tahun lalu
induk
melakukan
f1c945f4b4

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

TEMPAT SAMPAH
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();
         }
     }
 }