◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“Widget:NewCharPreview”的版本间的差异
(2个标签:移动版编辑、移动网页编辑) |
|||
(未显示同一用户的9个中间版本) | |||
第23行: | 第23行: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
list-style: none; | list-style: none; | ||
− | margin | + | margin: 0; |
− | + | z-index: 1; | |
} | } | ||
第37行: | 第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; | |
− | |||
} | } | ||
第66行: | 第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; | ||
} | } | ||
第82行: | 第78行: | ||
width: 100%; | width: 100%; | ||
max-width: 512px; | max-width: 512px; | ||
− | |||
} | } | ||
第96行: | 第91行: | ||
</style> | </style> | ||
<div id="preview-menu"> | <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"> | ||
第162行: | 第157行: | ||
(window.RLQ=window.RLQ||[]).push(function(){ | (window.RLQ=window.RLQ||[]).push(function(){ | ||
if (isMobile) { | if (isMobile) { | ||
− | $("#preview-list").css("background", "# | + | $("#preview-list").css("background", "#222"); |
− | $("#preview-list").css("border-radius", " | + | $("#preview-list").css("border-radius", "4px"); |
− | $("#preview-list").css("box-shadow", "0 4px | + | $("#preview-list").css("box-shadow", "0 4px 6px #0005"); |
$("#preview-list").css("display", "none"); | $("#preview-list").css("display", "none"); | ||
+ | $("#preview-list").css("margin-top", "-4px"); | ||
$("#preview-list").css("padding", "8px 0"); | $("#preview-list").css("padding", "8px 0"); | ||
$("#preview-list").css("position", "absolute"); | $("#preview-list").css("position", "absolute"); | ||
− | $("#preview-list").css("width", " | + | $("#preview-list").css("width", "calc(8em + 56px)"); |
charList.forEach(item => { | charList.forEach(item => { | ||
− | item.style.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"); | ||
第207行: | 第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