| ◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。 ◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科 ◆To foreigners，You can use twitter to contact us. |
|
“Widget:NewCharPreview”的版本间的差异
（2个标签：移动版编辑、移动网页编辑） |
|||
| （未显示同一用户的12个中间版本） | |||
| 第21行： | 第21行： | ||
#preview-list { | #preview-list { | ||
| + | flex-wrap: wrap; | ||
list-style: none; | list-style: none; | ||
| − | margin | + | margin: 0; |
| − | + | z-index: 1; | |
} | } | ||
| 第36行： | 第37行： | ||
#preview-menu { | #preview-menu { | ||
| − | border-radius: 4px | + | background: #fff3; |
| − | + | border-radius: 4px 4px 0 0; | |
height: 48px; | height: 48px; | ||
| − | + | width: calc(8em + 56px); | |
| − | |||
| − | |||
| − | |||
| − | width: calc( | ||
} | } | ||
| − | #preview-menu | + | #preview-menu div:first-child { |
| − | width: | + | padding: 13px 0 4px 16px; |
| + | width: 8em; | ||
} | } | ||
| − | #preview-menu | + | #preview-menu div:last-child { |
| − | + | padding: 12px 8px; | |
| − | |||
| − | |||
} | } | ||
| 第65行： | 第61行： | ||
<!--{assign var=name_count value=$name|@count}--> | <!--{assign var=name_count value=$name|@count}--> | ||
width: <!--{$name_count*100}-->%; | width: <!--{$name_count*100}-->%; | ||
| + | z-index: 0; | ||
} | } | ||
| 第81行： | 第78行： | ||
width: 100%; | width: 100%; | ||
max-width: 512px; | max-width: 512px; | ||
| − | |||
} | } | ||
| 第94行： | 第90行： | ||
} | } | ||
</style> | </style> | ||
| − | <div | + | <div id="preview-menu"> |
| − | < | + | <div><!--{$name[0]}--></div> |
| − | < | + | <div> |
| − | <svg xmlns="http://www.w3.org/2000/svg" | + | <svg xmlns="http://www.w3.org/2000/svg" |
| − | + | id="arrow-drop" height="24px" width="24px" viewBox="0 0 24 24"> | |
| − | + | <path d="M 7,10 l 5,5 5,-5 H 7 z" fill="white" /> | |
| − | </svg> | + | </svg> |
| − | </ | + | </div> |
</div> | </div> | ||
<ul id="preview-list"> | <ul id="preview-list"> | ||
| 第161行： | 第157行： | ||
(window.RLQ=window.RLQ||[]).push(function(){ | (window.RLQ=window.RLQ||[]).push(function(){ | ||
if (isMobile) { | if (isMobile) { | ||
| − | + | $("#preview-list").css("background", "#222"); | |
| + | $("#preview-list").css("border-radius", "4px"); | ||
| + | $("#preview-list").css("box-shadow", "0 4px 6px #0005"); | ||
| + | $("#preview-list").css("display", "none"); | ||
| + | $("#preview-list").css("margin-top", "-4px"); | ||
| + | $("#preview-list").css("padding", "8px 0"); | ||
| + | $("#preview-list").css("position", "absolute"); | ||
| + | $("#preview-list").css("width", "calc(8em + 56px)"); | ||
charList.forEach(item => { | charList.forEach(item => { | ||
| − | item.cssText = "height: | + | item.style.cssText = "height: 26px; margin-bottom: 0; padding: 6px 0 0 16px; width: 100%;"; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
}); | }); | ||
$("#tab-indicator").css("display", "none"); | $("#tab-indicator").css("display", "none"); | ||
| + | $("#preview-menu").css("display", "flex"); | ||
| + | $("#preview-menu").on("click", toggleMenu); | ||
} else { | } else { | ||
$("#preview-menu").css("display", "none"); | $("#preview-menu").css("display", "none"); | ||
$("#preview-list").css("display", "flex"); | $("#preview-list").css("display", "flex"); | ||
charList.forEach(item => { | charList.forEach(item => { | ||
| − | item.cssText = "height: 36px; padding-top: 12px; text-align: center; width: 10em;"; | + | item.style.cssText = "height: 36px; padding-top: 12px; text-align: center; width: 10em;"; |
}); | }); | ||
} | } | ||
| 第197行： | 第197行： | ||
if (isMobile) { | if (isMobile) { | ||
toggleMenu(); | toggleMenu(); | ||
| − | if ($("#preview-menu | + | if ($("#preview-menu div:first-child").text() != targetItem.textContent) { |
| − | $("#preview-menu | + | $("#preview-menu div:first-child").text(targetItem.textContent); |
} | } | ||
} | } | ||
2021年5月24日 (一) 13:42的最新版本
小工具文档本部件的预期用途是在活动专题页面中展示新增角色的信息，用例如梦间剧#登场联动角色。
使用
以下用空行分隔开的每一部分是同一角色的信息，如果新角色数量没有那么多，请删去多余的部分。参数的具体说明在本模板之后。
{{#widget:NewCharPreView
|name=
|pic={{filename:|}}
|quote=
|type=
|pow=N|hit=N|dodge=N|rate=N|life=N|growth=N|armor=
|gain=
|name=
|pic={{filename:|}}
|quote=
|type=
|pow=N|hit=N|dodge=N|rate=N|life=N|growth=N|armor=
|gain=
|name=
|pic={{filename:|}}
|quote=
|type=
|pow=N|hit=N|dodge=N|rate=N|life=N|growth=N|armor=
|gain=
|name=
|pic={{filename:|}}
|quote=
|type=
|pow=N|hit=N|dodge=N|rate=N|life=N|growth=N|armor=
|gain=
|name=
|pic={{filename:|}}
|quote=
|type=
|pow=N|hit=N|dodge=N|rate=N|life=N|growth=N|armor=
|gain=
|name=
|pic={{filename:|}}
|quote=
|type=
|pow=N|hit=N|dodge=N|rate=N|life=N|growth=N|armor=
|gain=
|name=
|pic={{filename:|}}
|quote=
|type=
|pow=N|hit=N|dodge=N|rate=N|life=N|growth=N|armor=
|gain=
|name=
|pic={{filename:|}}
|quote=
|type=
|pow=N|hit=N|dodge=N|rate=N|life=N|growth=N|armor=
|gain=
}}
模板中为属性评级参数预置值“N”仅仅是为了方便在桌面端编辑时双击选中，请不要在实际使用时填入这个值。
- name – 角色在游戏中的名称
- pic – {{filepath:默认立绘图片名|缩略图宽度，建议512以上}}
- quote – 登场台词
- type – 手枪/冲锋枪/步枪/突击步枪/机枪/霰弹枪
- pow – 伤害评级
- hit – 命中评级
- dodge – 回避评级
- rate – 射速评级
- life – 生命评级
- growth – 成长评级
- armor – 护甲评级，如没有请留空，不要删去
- gain – 获得方式
示例
{{#widget:NewCharPreview
|name=UMP40
|pic={{filepath:Pic_UMP40.png|600}}
|quote=UMP40，登场了！指挥官，那些过时的家伙，就让我为您一一取代掉吧！
|type=冲锋枪
|pow=B|hit=A|dodge=A|rate=B|life=B|growth=A|armor=
|gain=打开物资箱概率获得，累计打开777个必定获得。
|name=KLIN
|pic={{filepath:Pic_KLIN.png|600}}
|quote=长官你要记好了！我就是要成为格里芬NO.1的人形——KLIN！
|type=冲锋枪
|pow=B|hit=B|dodge=S|rate=S|life=B|growth=B|armor=
|gain=【认知迷云Ⅳ】通关奖励。
}
- UMP40
- KLIN
