Type-F
Type-Fλ ox ν΄μ¦, ν΄μ¦ 골λ 벨μμ μμ£Ό μ¬μ©λλ Custom Labelλ‘ λ³Έλ¬Έ textλ₯Ό κΈΈκ² λ£μ μ μμ΅λλ€.
μ΄λ―Έμ§

μμ μ½λ
function showLabelTypeF(player, key, text1, text2) {
const isMobile = player.isMobile;
const topGap = isMobile ? 10 : -2; // 60px from the top on mobile and 48px on PC.
/**
* size-based @labelPercentWidth
* XL: isMobile ? 90 : 50;
* L: isMobile ? 80 : 40;
* M: isMobile ? 70 : 28;
* S: isMobile ? 60 : 20
*/
const labelPercentWidth = isMobile ? 90 : 50;
const labelDisplayTime = 300000;
const parentStyle = `
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
`;
const firstRowStyle = `
font-size: ${isMobile ? "16px" : "18px"};
font-weight: 700;
color: #FFEB3A;`;
const secondRowStyle = `
font-size: ${isMobile ? "16px" : "18px"};
font-weight: 700;
color: white;`;
const thirdRowStyle = `
font-size: ${isMobile ? "11px" : "13px"};
font-weight: 700;
color: #D5D9E0;
margin-top: 18px;
`;
const customLabelOption = {
key: key,
borderRadius: '12px',
fontOpacity: false,
padding: '8px',
}
let htmlStr = `<span style="${parentStyle}">
<span style="${firstRowStyle}">${text1}</span>
<span style="${secondRowStyle}">${text2}</span>
</span>`;
player.showCustomLabel(htmlStr, 0xffffff, 0x27262e, topGap, labelPercentWidth, 0.64, labelDisplayTime, customLabelOption);
}
Last updated
Was this helpful?