模板:化极

使用方法

{{化极
|密探=
|1星属性加成=
|1星其他加成=
|1星需求心纸数量=
|1星需求五铢钱=
<!-- 2星 -->
|2星属性加成=
|2星其他加成=
|2星需求心纸数量=
|2星需求五铢钱=
<!-- 3星 -->
|3星属性加成=
|3星其他加成=
|3星需求心纸数量=
|3星需求五铢钱=
<!-- 4星 -->
|4星属性加成=
|4星其他加成=
|4星需求心纸数量=
|4星需求五铢钱=
<!-- 5星 -->
|5星属性加成=
|5星其他加成=
|5星需求心纸数量=
|5星需求五铢钱=
}}

注意：需要特殊颜色时，请配合模板:颜色使用

效果

{{化极
|密探=杨修
|1星属性加成=生命值+0% 攻击力+0%
|1星其他加成=大招等级+1
|1星需求心纸数量=？？？
|1星需求五铢钱=？？？
<!-- 2星 -->
|2星属性加成=生命值+5% 攻击力+5%
|2星其他加成=解锁技能：韬光养晦
|2星需求心纸数量=？？？
|2星需求五铢钱=？？？
<!-- 3星 -->
|3星属性加成=生命值+10% 攻击力+10%
|3星其他加成=大招等级+1
|3星需求心纸数量=？？？
|3星需求五铢钱=？？？
<!-- 4星 -->
|4星属性加成=生命值+15% 攻击力+15%
|4星其他加成=解锁技能：苦谛
|4星需求心纸数量=？？？
|4星需求五铢钱=？？？
<!-- 5星 -->
|5星属性加成=生命值+25% 攻击力+25%
|5星其他加成=大招等级+1
|5星需求心纸数量=？？？
|5星需求五铢钱=？？？
}}

化级加成
1	生命值+0% 攻击力+0%、大招等级+1
2	生命值+5% 攻击力+5%、解锁技能：韬光养晦
3	生命值+10% 攻击力+10%、大招等级+1
4	生命值+15% 攻击力+15%、解锁技能：苦谛
5	生命值+25% 攻击力+25%、大招等级+1

改版代码

<div style="max-width: 100%;padding: 5px;">
<!-- 1 -->
<div class="flex-box">
	<!-- 具体数值 -->
	<div class="box-container">
		<!-- 左右分布 -->
		<!-- 左边：星星 -->
		<div class="star-container">
			<div class="star-line-container">
            <div>[[文件:星-亮.png|25px]]</div>
        </div>
		</div>
		<!-- 右边：上下分布 -->
		<div class="text-container">
			<div>{{{1星属性加成|}}}</div>
			<div>{{{1星其他加成|}}}</div>
		</div>
	</div>
	<!-- 需求心纸和金币 -->
	<div class="need-thing-container">
		<div class="need-thing-text">
			<div>{{道具ask|心纸【{{{密探|}}}】|{{{1星需求心纸数量|}}}}}</div>
        <div>{{道具ask|五铢钱|{{{1星需求五铢钱|}}}}}</div>
		</div>
	</div>
</div>
<!-- 2 -->
<div class="flex-box">
	<div class="box-container">
		<!-- 左右分布 -->
		<!-- 左边：星星 -->
		<div class="star-container">
			<div class="star-line-container"> 
				<div>[[文件:星-亮.png|25px]]</div>
				<div>[[文件:星-亮.png|25px]]</div>
			</div>
		</div>
		<!-- 右边：上下分布 -->
		<div class="text-container">
			<div>{{{2星属性加成|}}}</div>
			<div>{{{2星其他加成|}}}</div>
		</div>
	</div>
	<!-- 需求心纸和金币 -->
	<div class="need-thing-container">
		<div class="need-thing-text">
			<div>{{道具ask|心纸【{{{密探|}}}】|{{{2星需求心纸数量|}}}}}</div>
        <div>{{道具ask|五铢钱|{{{2星需求五铢钱|}}}}}</div>
		</div>
	</div>
</div>
<!-- 3 -->
<div class="flex-box">
	<div class="box-container">
		<!-- 左右分布 -->
		<!-- 左边：星星 -->
		<div class="star-container">
			<div class="star-line-container"> 
				<div>[[文件:星-亮.png|25px]]</div>
			</div>
			<div class="star-line-container" style="margin-top:-10px">
           <div>[[文件:星-亮.png|25px]]</div>
				<div>[[文件:星-亮.png|25px]]</div>
			</div>
		</div>
		<!-- 右边：上下分布 -->
		<div class="text-container">
			<div>{{{3星属性加成|}}}</div>
			<div>{{{3星其他加成|}}}</div>
		</div>
	</div>
	<!-- 需求心纸和金币 -->
	<div class="need-thing-container">
		<div class="need-thing-text">
			<div>{{道具ask|心纸【{{{密探|}}}】|{{{3星需求心纸数量|}}}}}</div>
        <div>{{道具ask|五铢钱|{{{3星需求五铢钱|}}}}}</div>
		</div>
	</div>
</div>
<!-- 4 -->
<div class="flex-box">
	<div class="box-container">
		<!-- 左右分布 -->
		<!-- 左边：星星 -->
		<div class="star-container">
			<div class="star-line-container" style="margin-left:10px"> 
				<div>[[文件:星-亮.png|25px]]</div>
				<div>[[文件:星-亮.png|25px]]</div>
			</div>
			<div class="star-line-container" style="margin-right:10px;margin-top:-10px;">
				<div>[[文件:星-亮.png|25px]]</div>
				<div>[[文件:星-亮.png|25px]]</div>
			</div>
		</div>
		<!-- 右边：上下分布 -->
		<div class="text-container">
			<div>{{{4星属性加成|}}}</div>
			<div>{{{4星其他加成|}}}</div>
		</div>
	</div>
	<!-- 需求心纸和金币 -->
	<div class="need-thing-container">
		<div class="need-thing-text">
			<div>{{道具ask|心纸【{{{密探|}}}】|{{{4星需求心纸数量|}}}}}</div>
        <div>{{道具ask|五铢钱|{{{4星需求五铢钱|}}}}}</div>
		</div>
	</div>
</div>
<!-- 5 -->
{{#if:{{{5星属性加成|}}}|
<div class="flex-box">
	<div class="box-container">
		<!-- 左右分布 -->
		<!-- 左边：星星 -->
		<div class="star-container">
			<div class="star-line-container">
				<div>[[文件:星-亮.png|25px]]</div>
				<div>[[文件:星-亮.png|25px]]</div>
			</div>
			<div class="star-line-container" style="margin-top:-10px">
				<div>[[文件:星-亮.png|25px]]</div>
				<div>[[文件:星-亮.png|25px]]</div>
				<div>[[文件:星-亮.png|25px]]</div>
			</div>
		</div>
		<!-- 右边：上下分布 -->
		<div class="text-container">
			<div>{{{5星属性加成|}}}</div>
			<div>{{{5星其他加成|}}}</div>
		</div>
	</div>
	<!-- 需求心纸和金币 -->
	<div class="need-thing-container">
		<div class="need-thing-text">
			<div>{{道具ask|心纸【{{{密探|}}}】|{{{5星需求心纸数量|}}}}}</div>
        <div>{{道具ask|五铢钱|{{{5星需求五铢钱|}}}}}</div>
		</div>
	</div>
</div>|}}

</div>

{{#css:
.flex-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
   margin-bottom: 10px;
   align-items: stretch;
}
.box-container{
	display: flex;
	flex-direction: row;
   align-items: center;
	background-color:#3f3f4c;
	padding: 10px 0px 10px 0px;
   width: 100%;
   max-width: 280px;
   
}
.star-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100px;
}
.star-line-container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.text-container{
	color: #d6eb74;
	text-shadow: 0.5px 0.5px 1px #a7b75a;
}
.need-thing-container{
	display: flex;
	flex-direction: row;
	background-color:#958995;
   align-items: center;
	padding: 10px 0px 10px 0px;
	margin-left:10px;
   max-width: 220px;
   width: 100%;
   
}
.need-thing-text{
	color: white;
	margin-left: 20px;
	text-shadow: 0.5px 0.5px 1px #72728b;
}
}}