查看“首页”的源代码

<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>
      </div>
    </div>

    <div class="box">
      <div class="tit">
        <div class="txt">更新</div>
      </div>
      <div class="cot">
        <div class="update">
          {{首页板块|更新|3月1日升级公告}}
          {{首页板块|更新|3月2日升级公告}}
          {{首页板块|更新|3月3日升级公告}}
        </div>
      </div>
    </div>

    <div class="box">
      <div class="tit">
        <div class="txt">社区</div>
        <div class="more">[[社区|More+]]</div>
      </div>
      <div class="cot">
        <div class="community">
          {{首页板块|社区|[[文件:社区头像1.png|20px|社区头像1|link=]]|路人甲|21-03-08|黑龙太刀全流派配装推荐黑龙太刀全流派配装推荐黑龙太刀全流派配装推荐|全图鉴，船坞600全开了。大部分角色满链空链各一个双100级，40多行加10装备，还有891罐头。20几个皮肤，有爱丽丝魅魔皮衣。|[[文件:社区图片1.png|link=]]|[[文件:社区图片2.png|link=]]|[[文件:社区图片3.png|link=]]}}
          {{首页板块|社区|[[文件:社区头像1.png|20px|社区头像1|link=]]|路人甲|21-03-08|黑龙太刀全流派配装推荐黑龙太刀全流派配装推荐黑龙太刀全流派配装推荐|全图鉴，船坞600全开了。大部分角色满链空链各一个双100级，40多行加10装备，还有891罐头。20几个皮肤，有爱丽丝魅魔皮衣。|[[文件:社区图片1.png|link=]]|[[文件:社区图片2.png|link=]]|[[文件:社区图片3.png|link=]]}}
        </div>
      </div>
    </div>

  </div>
  <div class="w-right">
    <div class="box">
      <div class="tit">
        <div class="txt">最新活动</div>
        <div class="more">[[活动|More+]]</div>
      </div>
      <div class="cot">
        <div class="activity">
          {{首页板块|活动|活动1|[[文件:活动图片1.png|link=活动1]]|日本环球影城·跃动吧|21-02-05 ~ 20-08-05|取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”}}
          {{首页板块|活动|活动1|[[文件:活动图片1.png|link=活动1]]|日本环球影城·跃动吧|21-02-05 ~ 20-08-05|取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”}}
          {{首页板块|活动|活动1|[[文件:活动图片1.png|link=活动1]]|日本环球影城·跃动吧|21-02-05 ~ 20-08-05|取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”}}
          {{首页板块|活动|活动1|[[文件:活动图片1.png|link=活动1]]|日本环球影城·跃动吧|21-02-05 ~ 20-08-05|取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”取得可生产原创联名装备“苍星太刀”和随从装备“苍星猫系列”}}
        </div>
      </div>
    </div>

    <div class="box">
      <div class="tit">
        <div class="txt">热门配装</div>
        <div class="more">[[配装|More+]]</div>
      </div>
      <div class="cot">
        <div class="assemble">
          {{首页板块|装配|装配1|[[文件:装配图片1.jpg|link=装配1]]|黑龙太刀全流派配装推荐|21-02-05}}
          {{首页板块|装配|装配1|[[文件:装配图片1.jpg|link=装配1]]|黑龙太刀全流派配装推荐|21-02-05}}
          {{首页板块|装配|装配1|[[文件:装配图片1.jpg|link=装配1]]|黑龙太刀全流派配装推荐|21-02-05}}
          {{首页板块|装配|装配1|[[文件:装配图片1.jpg|link=装配1]]|黑龙太刀全流派配装推荐|21-02-05}}
        </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">
          a
					<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>