tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

web:compat some browser

Browse Source
This commit is contained in:
pengfei.zhou 2021-04-19 20:55:32 +08:00 committed by osborn
parent c54c4442b5
commit 03e3630d02
1 changed files with 30 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
doric-web/src/shader/DoricSwitchNode.ts
View File

@ -33,23 +33,25 @@ export class DoricSwitchNode extends DoricViewNode {
ret.appendChild(input) ret.appendChild(input)
ret.appendChild(box) ret.appendChild(box)
ret.onclick = () => { ret.onclick = () => {
try {
if (input.checked === false) { if (input.checked === false) {
span.animate( span.animate(
[{ transform: "translateX(30px)" }], { [{ transform: "translateX(0px)" }, { transform: "translateX(30px)" }], {
duration: 200, duration: 200,
fill: "forwards" fill: "forwards"
}) })
box.animate([{ backgroundColor: this.onTintColor }], { box.animate([{ backgroundColor: this.offTintColor }, { backgroundColor: this.onTintColor }], {
duration: 200, duration: 200,
fill: "forwards" fill: "forwards"
}) })
input.checked = true input.checked = true
} else { } else {
span.animate([{ transform: "translateX(0px)" }], { span.animate([{ transform: "translateX(30px)" }, { transform: "translateX(0px)" }], {
duration: 200, duration: 200,
fill: "forwards" fill: "forwards"
}) })
box.animate([{ backgroundColor: this.offTintColor }], { box.animate([{ backgroundColor: this.onTintColor }, { backgroundColor: this.offTintColor }], {
duration: 200, duration: 200,
fill: "forwards" fill: "forwards"
}) })
@ -58,6 +60,10 @@ export class DoricSwitchNode extends DoricViewNode {
if (this.onSwitchFuncId) { if (this.onSwitchFuncId) {
this.callJSResponse(this.onSwitchFuncId, input.checked) this.callJSResponse(this.onSwitchFuncId, input.checked)
} }
} catch (e) {
alert(e)
}
} }
this.input = input this.input = input
this.span = span this.span = span