FreeKill/qml/Pages/RoomElement/PhotoElement/LimitSkillItem.qml

63 lines
1.3 KiB
QML

import QtQuick
import "../../skin-bank.js" as SkinBank
Item {
id: root
height: 20
property string skillname: "zhiheng"
property string skilltype: "limit" // limit, wake, ...
property int usedtimes: -1 // -1 will not be shown
// visible: false
Image {
id: bg
source: SkinBank.LIMIT_SKILL_DIR + skilltype
height: 47 * 0.6
width: 87 * 0.6
}
Text {
anchors.centerIn: bg
color: "#F0E5DA"
font.pixelSize: 20
font.family: fontLi2.name
style: Text.Outline
styleColor: "#3D2D1C"
text: Backend.translate(skillname);
}
Text {
id: x
opacity: skilltype === "limit" ? 1 : 0
text: "X"
font.family: fontLibian.name
font.pixelSize: 28
color: "red"
x: 26
}
onSkillnameChanged: {
let data = Backend.callLuaFunction("GetSkillData", [skillname]);
data = JSON.parse(data);
if (data.frequency) {
skilltype = data.frequency;
visible = true;
} else {
visible = false;
}
}
onUsedtimesChanged: {
x.visible = false;
if (skilltype === "wake") {
visible = (usedtimes < 1);
} else if (skilltype === "limit") {
visible = true;
if (usedtimes >= 1) {
x.visible = true;
bg.source = SkinBank.LIMIT_SKILL_DIR + "limit-used";
}
}
}
}