“首页”的版本间的差异
第1行: | 第1行: | ||
− | < | + | <div class="wrap"> |
− | + | <div class="w-left"> | |
− | + | ||
− | + | <div class="box"> | |
− | == | + | <div class="tit"> |
− | + | <div class="txt">首页</div> | |
− | + | </div> | |
− | + | <div class="cot"> | |
− | + | <div class="nav"> | |
− | + | <div class="li"> | |
+ | <a href="#"> | ||
+ | <div class="txt">怪物</div> | ||
+ | <div class="arrow">></div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="txt">武器</div> | ||
+ | <div class="arrow">></div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="txt">防具</div> | ||
+ | <div class="arrow">></div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="txt">饰品</div> | ||
+ | <div class="arrow">></div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="txt">技能</div> | ||
+ | <div class="arrow">></div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="box"> | ||
+ | <div class="tit"> | ||
+ | <div class="txt">更新</div> | ||
+ | </div> | ||
+ | <div class="cot"> | ||
+ | <div class="update"> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="ltit">更新</div> | ||
+ | <div class="lcot">11月5日升级公告</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="ltit">更新</div> | ||
+ | <div class="lcot">11月5日升级公告</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="ltit">更新</div> | ||
+ | <div class="lcot">11月5日升级公告</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="box"> | ||
+ | <div class="tit"> | ||
+ | <div class="txt">社区</div> | ||
+ | <div class="more"><a href="#">More+</a></div> | ||
+ | </div> | ||
+ | <div class="cot"> | ||
+ | <div class="community"> | ||
+ | <div class="li"> | ||
+ | <div class="luser"> | ||
+ | <div class="lavatar"><img src="image/tmp_pic.png" alt="头像" /></div> | ||
+ | <div class="lname">用户甲</div> | ||
+ | <div class="ltime">21-02-05</div> | ||
+ | </div> | ||
+ | <div class="ltit">黑龙太刀全流派配装推荐黑龙太刀全流派配装推荐黑龙太刀全流派配装推荐</div> | ||
+ | <div class="lcot">全图鉴,船坞600全开了。大部分角色满链空链各一个双100级,40多行加10装备,还有891罐头。20几个皮肤,有爱丽丝魅魔皮衣...</div> | ||
+ | <div class="lpics"> | ||
+ | <div class="lpic lpic1"><img src="image/tmp_pic.png" alt="图1" /></div> | ||
+ | <div class="lpic lpic2"><img src="image/tmp_pic.png" alt="图1" /></div> | ||
+ | <div class="lpic lpic3"><img src="image/tmp_pic.png" alt="图1" /></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <div class="luser"> | ||
+ | <div class="lavatar"><img src="image/tmp_pic.png" alt="头像" /></div> | ||
+ | <div class="lname">用户甲</div> | ||
+ | <div class="ltime">21-02-05</div> | ||
+ | </div> | ||
+ | <div class="ltit">黑龙太刀全流派配装推荐黑龙太刀全流派配装推荐黑龙太刀全流派配装推荐</div> | ||
+ | <div class="lcot">全图鉴,船坞600全开了。大部分角色满链空链各一个双100级,40多行加10装备,还有891罐头。20几个皮肤,有爱丽丝魅魔皮衣...</div> | ||
+ | <div class="lpics"> | ||
+ | <div class="lpic lpic1"><img src="image/tmp_pic.png" alt="图1" /></div> | ||
+ | <div class="lpic lpic2"><img src="image/tmp_pic.png" alt="图1" /></div> | ||
+ | <div class="lpic lpic3"><img src="image/tmp_pic.png" alt="图1" /></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="w-right"> | ||
+ | |||
+ | <div class="box"> | ||
+ | <div class="tit"> | ||
+ | <div class="txt">最新活动</div> | ||
+ | <div class="more"><a href="#">More+</a></div> | ||
+ | </div> | ||
+ | <div class="cot"> | ||
+ | <div class="activity"> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="活动" /></div> | ||
+ | <div class="ltxt"> | ||
+ | <div class="ltit">日本环球影城·跃动吧</div> | ||
+ | <div class="ltime">21-02-05 ~ 20-08-05</div> | ||
+ | <div class="lcot">取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”...</div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="活动" /></div> | ||
+ | <div class="ltxt"> | ||
+ | <div class="ltit">日本环球影城·跃动吧</div> | ||
+ | <div class="ltime">21-02-05 ~ 20-08-05</div> | ||
+ | <div class="lcot">取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”...</div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="活动" /></div> | ||
+ | <div class="ltxt"> | ||
+ | <div class="ltit">日本环球影城·跃动吧</div> | ||
+ | <div class="ltime">21-02-05 ~ 20-08-05</div> | ||
+ | <div class="lcot">取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”...</div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="活动" /></div> | ||
+ | <div class="ltxt"> | ||
+ | <div class="ltit">日本环球影城·跃动吧</div> | ||
+ | <div class="ltime">21-02-05 ~ 20-08-05</div> | ||
+ | <div class="lcot">取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”...</div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="box"> | ||
+ | <div class="tit"> | ||
+ | <div class="txt">热门配装</div> | ||
+ | <div class="more"><a href="#">More+</a></div> | ||
+ | </div> | ||
+ | <div class="cot"> | ||
+ | <div class="assemble"> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="配装" /></div> | ||
+ | <div class="ltxt"> | ||
+ | <div class="ltit">黑龙太刀全流派配装推荐</div> | ||
+ | <div class="ltime"> | ||
+ | <div class="ltli">21-02-05</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="配装" /></div> | ||
+ | <div class="ltxt"> | ||
+ | <div class="ltit">黑龙太刀全流派配装推荐</div> | ||
+ | <div class="ltime"> | ||
+ | <div class="ltli">21-02-05</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="配装" /></div> | ||
+ | <div class="ltxt"> | ||
+ | <div class="ltit">黑龙太刀全流派配装推荐</div> | ||
+ | <div class="ltime"> | ||
+ | <div class="ltli">21-02-05</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="配装" /></div> | ||
+ | <div class="ltxt"> | ||
+ | <div class="ltit">黑龙太刀全流派配装推荐</div> | ||
+ | <div class="ltime"> | ||
+ | <div class="ltli">21-02-05</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="box"> | ||
+ | <div class="tit"> | ||
+ | <div class="txt">热门怪物</div> | ||
+ | <div class="more"><a href="#">More+</a></div> | ||
+ | </div> | ||
+ | <div class="cot"> | ||
+ | <div class="monster"> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="怪物" /></div> | ||
+ | <div class="ltxt">青熊兽</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="怪物" /></div> | ||
+ | <div class="ltxt">青熊兽</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="怪物" /></div> | ||
+ | <div class="ltxt">青熊兽</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="怪物" /></div> | ||
+ | <div class="ltxt">青熊兽</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="怪物" /></div> | ||
+ | <div class="ltxt">青熊兽</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="怪物" /></div> | ||
+ | <div class="ltxt">青熊兽</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="怪物" /></div> | ||
+ | <div class="ltxt">青熊兽</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="怪物" /></div> | ||
+ | <div class="ltxt">青熊兽</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="box"> | ||
+ | <div class="tit"> | ||
+ | <div class="txt">热门武器</div> | ||
+ | <div class="more"><a href="#">More+</a></div> | ||
+ | </div> | ||
+ | <div class="cot"> | ||
+ | <div class="arms"> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="li"> | ||
+ | <a href="#"> | ||
+ | <div class="lpic"><img src="image/tmp_pic.png" alt="武器" /></div> | ||
+ | <div class="ltxt">太刀</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> |
2021年3月9日 (二) 11:09的版本
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>