好多梨留言 | 贡献
无编辑摘要
Sloth留言 | 贡献
无编辑摘要
 
(未显示1个用户的19个中间版本)
第5行: 第5行:
'''参数:'''
'''参数:'''
* name - BOSS名称
* name - BOSS名称
* image - BOSS头像URL(可选)
* weakness1 - BOSS弱点属性1
* hp - BOSS生命值
* weakness2 - BOSS弱点属性2
* weakness - BOSS弱点属性
* resistance - BOSS抗性属性
* skill1_name - 技能1名称
* skill1_name - 技能1名称
* skill1_desc - 技能1描述
* skill1_desc - 技能1描述
* skill1_icon - 技能1图标
* skill2_name - 技能2名称
* skill2_name - 技能2名称
* skill2_desc - 技能2描述
* skill2_desc - 技能2描述
* skill1_icon - 技能1图标
* skill2_icon - 技能2图标
* skill2_icon - 技能2图标
* skill3_name - 技能3名称(可选)
* skill3_name - 技能3名称(可选)
* skill3_desc - 技能3描述(可选)
* skill3_desc - 技能3描述(可选)
* skill3_icon - 技能3图标(可选)
* skill3_desc - 技能3描述(可选)
* skill3_desc - 技能3描述(可选)


'''示例:'''
'''示例:'''
<pre>
<pre>
{{BossCard
        {{联合讨伐boss卡片
  | name = 烈焰魔龙
          | name = 禁断丽容
  | hp = 2,500,000
          | weakness1 =
  | weakness =
          | weakness2 = 水
  | skill1_name = 龙息喷吐
          | resistance =
  | skill1_desc = 对前方扇形区域造成200%火属性伤害,并附加灼烧效果
          | skill1_name = 悬赏·吹风机克星
  | skill1_icon = 🔥
          | skill1_desc = 每当首领敌人释放附带「龙卷风」的技能期间,不被龙卷风命中可持获得<span style="color: #eb6d21">225</span>技巧得分,最多触发<span style="color: #eb6d21">24</span>次,共计<span style="color: #eb6d21">5400</span>分
  | skill2_name = 烈焰领域
          | skill2_name = 淋漓酣战
  | skill2_desc = 在场地上召唤持续燃烧的火焰区域,每秒造成50%火属性伤害
          | skill2_desc = {首领每5秒获得1层「酣战」,使自身造成的伤害提升<span style="color: #eb6d21">10%</span>,最多叠加5层。主控角色触发「印记」时,如果首领具有「酣战」,则移除1层「酣战」,全队获得20点能量,并使首领受到绝招伤害提升<span style="color: #eb6d21">100%</span>,持续10秒,重复触发重置时间。
  | skill2_icon = 🌋
        }}
}}
</pre>
</pre>
</noinclude>
</noinclude>
 
<includeonly><div class="boss-card">
<includeonly>
<div class="boss-card">
   <!-- BOSS数据展示部分 -->
   <!-- BOSS数据展示部分 -->
   <div class="boss-data">
   <div class="boss-data">
     <!-- 左侧:BOSS头像 -->
     <!-- 左侧:BOSS头像 -->
     <div class="boss-avatar">
     <div class="boss-avatar">
       {{#if: {{{image|}}}
       <div class="boss-avatar">
      | <img src="{{{image}}}" alt="{{{name}}}" class="boss-image">
        <div class="boss-image-placeholder">[[Image:{{{name|禁断丽容}}}.png|100px|link=|{{{name|禁断丽容}}}]]
      | <div class="boss-image-placeholder">
         </div>
         <span class="boss-icon">👾</span>
       </div>
       </div>
      }}
     </div>
     </div>
      
      
     <!-- 右侧:BOSS信息 -->
     <!-- 右侧:BOSS信息 -->
     <div class="boss-info">
     <div class="boss-info">
       <h2 class="boss-name">{{{name}}}</h2>
       <h2 class="boss-name">{{{name|禁断丽容}}}</h2>
        
        
       <div class="boss-stat">
       <div class="boss-stat">
         <span class="stat-label">生命值:</span>
         <div class="boss-stat-box"><span class="stat-label">弱点</span>[[Image:{{元素图标|元素={{{weakness1|火}}}}}|30px|link=|{{{weakness1|火}}}]][[Image:{{元素图标|元素={{{weakness2|水}}}}}|30px|link=|{{{weakness2|水}}}]]
        <span class="stat-value hp-value">{{{hp}}}</span>
        </div>
      </div>
        <div class="boss-stat-box"><span class="stat-label">抗性</span>[[Image:{{元素图标|元素={{{resistance|地}}}}}|30px|link=|{{{resistance|地}}}]]
     
        </div>
      <div class="boss-stat">
         <div class="weakness-container"><span class="weakness-icon" data-weakness="{{{weakness|}}}">{{{weakness|}}}</span>
        <span class="stat-label">弱点属性:</span>
         <div class="weakness-container">
          <span class="weakness-icon" data-weakness="{{{weakness|}}}">{{{weakness|}}}</span>
         </div>
         </div>
       </div>
       </div>
第68行: 第61行:
   <!-- BOSS技能展示部分 -->
   <!-- BOSS技能展示部分 -->
   <div class="boss-skills">
   <div class="boss-skills">
    <h3 class="skills-title">技能列表</h3>
   
     <div class="skills-container">
     <div class="skills-container">
       <!-- 技能1 -->
       <!-- 悬赏 -->
       {{#if: {{{skill1_name|}}}
       {{#if: {{{skill1_name|悬赏·吹风机克星}}}
       | <div class="skill-item">
       | <div class="skill-item">
           <div class="skill-icon">{{{skill1_icon|⚔️}}}</div>
           <div class="skill-icon">[[Image:{{{skill1_icon|禁断丽容悬赏图标}}}.png|50px|link=|{{{skill1_icon|禁断丽容悬赏图标}}}]]</div>
           <div class="skill-details">
           <div class="skill-details">
             <h4 class="skill-name">{{{skill1_name}}}</h4>
             <h4 class="skill-name">{{{skill1_name}}}</h4>
第80行: 第71行:
           </div>
           </div>
         </div>
         </div>
       }}
       }}<!-- 技能 -->{{#if: {{{skill2_name|淋漓酣战}}}
     
      <!-- 技能2 -->
      {{#if: {{{skill2_name|}}}
       | <div class="skill-item">
       | <div class="skill-item">
           <div class="skill-icon">{{{skill2_icon|🌟}}}</div>
           <div class="skill-icon">[[Image:{{{skill2_icon|禁断丽容技能图标}}}.png|50px|link=|{{{skill2_icon|禁断丽容技能图标}}}]]</div>
           <div class="skill-details">
           <div class="skill-details">
             <h4 class="skill-name">{{{skill2_name}}}</h4>
             <h4 class="skill-name">{{{skill2_name}}}</h4>
第91行: 第79行:
           </div>
           </div>
         </div>
         </div>
       }}
       }}<!-- 技能3(可选) -->{{#if: {{{skill3_name|}}}
     
      <!-- 技能3(可选) -->
      {{#if: {{{skill3_name|}}}
       | <div class="skill-item">
       | <div class="skill-item">
           <div class="skill-icon">{{{skill3_icon|✨}}}</div>
           <div class="skill-icon">{{{skill3_icon|✨}}}</div>
第102行: 第87行:
           </div>
           </div>
         </div>
         </div>
       }}
       }}<!-- 技能4(可选) -->{{#if: {{{skill4_name|}}}
     
      <!-- 技能4(可选) -->
      {{#if: {{{skill4_name|}}}
       | <div class="skill-item">
       | <div class="skill-item">
           <div class="skill-icon">{{{skill4_icon|💫}}}</div>
           <div class="skill-icon">{{{skill4_icon|💫}}}</div>
第116行: 第98行:
     </div>
     </div>
   </div>
   </div>
</div>
</div></includeonly>
 
{{#css:
{{#css:
/* BOSS卡片样式 */
/* BOSS卡片样式 */
第138行: 第119行:
   display: flex;
   display: flex;
   padding: 25px;
   padding: 25px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   background: linear-gradient(135deg, #667eea 0%, #4b5082 100%);
   color: white;
   color: white;
}
}
第158行: 第139行:
   width: 100px;
   width: 100px;
   height: 100px;
   height: 100px;
   border-radius: 50%;
   border-radius: 15%;
   background: rgba(255, 255, 255, 0.2);
   background: rgba(255, 255, 255, 0.2);
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
   border: 4px solid rgba(255, 255, 255, 0.3);
   /* border: 4px solid rgba(255, 255, 255, 0.3); */
  overflow: hidden;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
}


第178行: 第161行:
   font-size: 24px;
   font-size: 24px;
   font-weight: 700;
   font-weight: 700;
  color: #ffffff;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
}
第185行: 第169行:
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
  gap: 5px;
}
.boss-stat-box {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2);
  padding: 0 5px 0 10px;
  display: flex;
  align-items: center;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
}


第190行: 第184行:
   font-size: 16px;
   font-size: 16px;
   opacity: 0.9;
   opacity: 0.9;
   min-width: 80px;
   margin-right: 5px;
}
}


第201行: 第195行:
   color: #ff6b6b;
   color: #ff6b6b;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.weakness-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.weakness-icon {
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* 弱点属性颜色映射 */
.weakness-icon[data-weakness="火"] {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  color: white;
}
.weakness-icon[data-weakness="冰"] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
}
.weakness-icon[data-weakness="雷"] {
  background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
  color: white;
}
.weakness-icon[data-weakness="光"] {
  background: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
  color: #333;
}
.weakness-icon[data-weakness="暗"] {
  background: linear-gradient(135deg, #434343 0%, #000000 100%);
  color: white;
}
.weakness-icon[data-weakness="土"] {
  background: linear-gradient(135deg, #da8c1d 0%, #8b4513 100%);
  color: white;
}
.weakness-icon[data-weakness="水"] {
  background: linear-gradient(135deg, #36d1dc 0%, #5b86e5 100%);
  color: white;
}
.weakness-icon[data-weakness="风"] {
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  color: #333;
}
}


第263行: 第201行:
   padding: 25px;
   padding: 25px;
   background: #f8f9fa;
   background: #f8f9fa;
}
.skills-title {
  margin: 0 0 20px 0;
  font-size: 20px;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 2px solid #eaeaea;
}
}


第299行: 第229行:
   border-radius: 10px;
   border-radius: 10px;
   display: flex;
   display: flex;
   align-items: center;
   align-items: flex-start;
   justify-content: center;
   justify-content: center;
   font-size: 24px;
   font-size: 24px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   color: white;
}
}
第312行: 第241行:
.skill-name {
.skill-name {
   margin: 0 0 8px 0;
   margin: 0 0 8px 0;
  padding: 0;
   font-size: 16px;
   font-size: 16px;
   font-weight: 600;
   font-weight: 600;
第322行: 第252行:
   line-height: 1.5;
   line-height: 1.5;
   color: #666;
   color: #666;
  white-space: pre-line;
}
}


第351行: 第282行:
}
}
}}
}}
</includeonly>

2026年2月5日 (四) 02:43的最新版本

BOSS卡片模板

用于展示单个BOSS的信息和技能。

参数:

  • name - BOSS名称
  • weakness1 - BOSS弱点属性1
  • weakness2 - BOSS弱点属性2
  • resistance - BOSS抗性属性
  • skill1_name - 技能1名称
  • skill1_desc - 技能1描述
  • skill2_name - 技能2名称
  • skill2_desc - 技能2描述
  • skill1_icon - 技能1图标
  • skill2_icon - 技能2图标
  • skill3_name - 技能3名称(可选)
  • skill3_desc - 技能3描述(可选)
  • skill3_desc - 技能3描述(可选)
  • skill3_desc - 技能3描述(可选)

示例:

        {{联合讨伐boss卡片
          | name = 禁断丽容
          | weakness1 = 火
          | weakness2 = 水
          | resistance = 地
          | skill1_name = 悬赏·吹风机克星
          | skill1_desc = 每当首领敌人释放附带「龙卷风」的技能期间,不被龙卷风命中可持获得<span style="color: #eb6d21">225</span>技巧得分,最多触发<span style="color: #eb6d21">24</span>次,共计<span style="color: #eb6d21">5400</span>分
          | skill2_name = 淋漓酣战
          | skill2_desc = {首领每5秒获得1层「酣战」,使自身造成的伤害提升<span style="color: #eb6d21">10%</span>,最多叠加5层。主控角色触发「印记」时,如果首领具有「酣战」,则移除1层「酣战」,全队获得20点能量,并使首领受到绝招伤害提升<span style="color: #eb6d21">100%</span>,持续10秒,重复触发重置时间。
        }}