查看“关联组件文章”的源代码

<h2>WIKI资料一览</h2>
<div style="padding:0.2rem;">
<div class="mod-c-bd">

<div class="box" style="margin:1rem 0;">
	<div class="box-hd">
		<div class="tit">旅人图鉴</div>
	</div>
   <div class="box-bd">
		<table class="wikitable w-100">
<tr>
<th>显示全部
</th>
<td><a link=旅人图鉴 target="_blank"><div class="soc-filter-nav-item d-inline-block">显示全部</div></a>
</td></tr>
<tr>
<th>职业
</th>
<td>
<a link=旅人图鉴?socFilter.filterModel.zy=剑士 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 剑士</div></a>
<a link=旅人图鉴?socFilter.filterModel.zy=商人 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 商人</div></a>
<a link=旅人图鉴?socFilter.filterModel.zy=学者 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 学者</div></a>
<a link=旅人图鉴?socFilter.filterModel.zy=猎人 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 猎人</div></a>
<a link=旅人图鉴?socFilter.filterModel.zy=盗贼 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 盗贼</div></a>
<a link=旅人图鉴?socFilter.filterModel.zy=神官 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 神官</div></a>
<a link=旅人图鉴?socFilter.filterModel.zy=药师 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 药师</div></a>
<a link=旅人图鉴?socFilter.filterModel.zy=舞者 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 舞者</div></a>
</td></tr>
<tr>
<th>初始星级
</th>
<td><a link=旅人图鉴?socFilter.filterModel.csxj=5 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 5</div></a>
<a link=旅人图鉴?socFilter.filterModel.csxj=4 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 4</div></a>
<a link=旅人图鉴?socFilter.filterModel.csxj=3 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 3</div></a>
</td></tr>
<tr>
<th>影响力
</th>
<td><a link=旅人图鉴?socFilter.filterModel.yxl=富足 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 富足</div></a>
<a link=旅人图鉴?socFilter.filterModel.yxl=权威 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 权威</div></a>
<a link=旅人图鉴?socFilter.filterModel.yxl=名望 target="_blank"><div class="soc-filter-nav-item d-inline-block"   > 名望</div></a>
<a link=旅人图鉴?socFilter.filterModel.yxl=拥有 target="_blank"><div class="soc-filter-nav-item d-inline-block"   > 拥有</div></a>
<a link=旅人图鉴?socFilter.filterModel.yxl=支配 target="_blank"><div class="soc-filter-nav-item d-inline-block"   > 支配</div></a>
<a link=旅人图鉴?socFilter.filterModel.yxl=认可 target="_blank"><div class="soc-filter-nav-item d-inline-block"   > 认可</div></a>
</td></tr>

<tr>
<th>突破弱点
</th>
<td><a link=旅人图鉴?socFilter.filterModel.tprd=剑 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 剑</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=枪 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 枪</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=短剑 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 短剑</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=斧 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 斧</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=弓 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 弓</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=杖 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 杖</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=书 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 书</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=扇子 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 扇子</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=火 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 火</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=冰 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 冰</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=雷 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 雷</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=风 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 风</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=光 target="_blank"><div class="soc-filter-nav-item d-inline-block"  > 光</div></a>
<a link=旅人图鉴?socFilter.filterModel.tprd=暗 target="_blank"><div class="soc-filter-nav-item d-inline-block" > 暗</div></a>
</td></tr>
</table>
   </div>
   
   <div class="box-hd">
		<div class="tit">新手攻略</div>
	</div>
   <div style="height: 2.0rem;font-weight: bold;color: #333;font-size: 1.0rem;margin-top: 0.5rem;">抽卡方面</div>
   <div class="box-bd">
		<div class="link-flex-list"><a link=新手攻略#初始号速刷 target="_blank" class="item">初始号5星选择</a><a link=新手攻略#四星角色推荐 target="_blank" class="item">4星角色选择</a></div>
   </div>

   <div style="height: 2.0rem;font-weight: bold;color: #333;font-size: 1.0rem;margin-top: 0.5rem;">主线推进</div>
   <div class="box-bd">
		<div class="link-flex-list"><a link=新手攻略#初始主线部分 target="_blank" class="item">主线如何推进</a><a link=主线BOSS攻略一览 target="_blank" class="item">主线BOSS攻略</a></div>
   </div>
   <div style="height: 2.0rem;font-weight: bold;color: #333;font-size: 1.0rem;margin-top: 0.5rem;">队伍养成</div>
   <div class="box-bd">
		<div class="link-flex-list"><a link=新手攻略#初始主线部分 target="_blank" class="item">主线如何推进</a><a link=主线BOSS攻略一览 target="_blank" class="item">主线BOSS攻略</a><a link=基本队伍构成的搭建 target="_blank" class="item">队伍编成搭配指南</a><a link=游戏buff&debuff叠加延长机制 target="_blank" class="item">Buff&Debuff机制详解</a></div>
   </div>
   
	<div class="box-hd">
		<div class="tit">森林之地</div>
	</div>
  <div style="height: 2.0rem;font-weight: bold;color: #333;font-size: 1.0rem;margin-top: 0.5rem;">城镇地图</div>
	<div class="box-bd">
		<div class="link-flex-list"><a href="https://wiki.17173.com/octopathsp/%E7%BB%B4%E5%85%8B%E5%A1%94%E9%9C%8D%E6%B4%9B" target="_blank" class="item">维克塔霍洛</a><a href="https://wiki.17173.com/octopathsp/%E7%93%A6%E6%B4%9B%E9%9B%B7" target="_blank" class="item">瓦洛雷</a></div>
	</div>


  <div style="height: 2.0rem;font-weight: bold;color: #333;font-size: 1.0rem;margin-top: 0.5rem;">野外地图</div>
	<div class="box-bd">
        <div class="link-flex-list"><!--
        --><a link="{{{标题}}}" target="_blank" class="item">{{{标题}}}</a><!--
        --><a link="{{{标题}}}" target="_blank" class="item">{{{标题}}}</a><!--
        --><a link="{{{标题}}}" target="_blank" class="item">{{{标题}}}</a><!--
        --><a link="{{{标题}}}" target="_blank" class="item">{{{标题}}}</a><!--
        --><a link="{{{标题}}}" target="_blank" class="item">{{{标题}}}</a><!--
        --><a link="{{{标题}}}" target="_blank" class="item">{{{标题}}}</a><!--
        --><a link="{{{标题}}}" target="_blank" class="item">{{{标题}}}</a><!--
        --><a link="{{{标题}}}" target="_blank" class="item">{{{标题}}}</a>
	</div>
</div>

</div>
</div>
{{#css:
@media (min-width: 576px) {
  .so-page .so-content.so-container .so-content-in .ptlist-2 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .ptlist-2 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}
.so-page .so-content.so-container .so-content-in .ptlist-2 .item a:hover {
  text-decoration-line: none;
}
.wikitable th {
  width: 4rem;
}
@media (min-width: 768px) {
  .wikitable th {
    width: 8rem;
  }
}
.wikitable .soc-filter-nav-item {
  text-align: center;
  padding: 0.1rem 0.2rem;
  border-color: #b8a289;
  background-color: white;
  border-radius: 0.25rem;
  border-width: 1px;
  margin: 2px 0;
  min-width: 40px;
  border-style: solid;
}
@media (min-width: 768px) {
  .wikitable .soc-filter-nav-item {
     padding: 0.375rem 0.75rem;
     margin: 4px 0;
  }
}
.wikitable .soc-filter-nav-item:hover {
  border-color: #210000;
}
.wikitable .selected.soc-filter-nav-item {
  color: white;
  background: #41454f;
}
.so-page .so-content-in .mw-parser-output .wikitable > * > tr > th {
  border-color: #eee5d9;
}
.so-page .so-content-in .mw-parser-output .wikitable > * > tr > td {
  border-color: #eee5d9;
}
.tprd-container .flex-row-center {
  flex-wrap: wrap;
}
}}