You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
2.3 KiB
67 lines
2.3 KiB
2 years ago
|
import { Widget, Button, $, HTapeLayout, TextButton, FloatRightLayout, } from "@fui/core";
|
||
|
|
|
||
|
|
export class North extends Widget {
|
||
|
|
static xtype = "demo.north";
|
||
|
|
static EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
|
||
|
|
|
||
|
|
props = {
|
||
|
|
baseCls: "demo-north"
|
||
|
|
};
|
||
|
|
|
||
|
|
render() {
|
||
|
|
var self = this;
|
||
|
|
return {
|
||
|
|
type: HTapeLayout.xtype,
|
||
|
|
items: [
|
||
|
|
{
|
||
|
|
width: 230,
|
||
|
|
el: {
|
||
|
|
type: TextButton.xtype,
|
||
|
|
listeners: [
|
||
|
|
{
|
||
|
|
eventName: Button.EVENT_CHANGE,
|
||
|
|
action: function () {
|
||
|
|
// self.fireEvent(
|
||
|
|
// Demo.North.EVENT_VALUE_CHANGE,
|
||
|
|
// ""
|
||
|
|
// );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
cls: "logo",
|
||
|
|
height: 50,
|
||
|
|
text: "FineUI2.0"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
el: {
|
||
|
|
type: FloatRightLayout.xtype,
|
||
|
|
hgap: 10,
|
||
|
|
items: [
|
||
|
|
{
|
||
|
|
type: TextButton.xtype,
|
||
|
|
text: "星空蓝",
|
||
|
|
handler: function () {
|
||
|
|
$("html")
|
||
|
|
.removeClass(undefined.xtype)
|
||
|
|
.addClass(undefined.xtype);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: TextButton.xtype,
|
||
|
|
text: "典雅白",
|
||
|
|
handler: function () {
|
||
|
|
$("html")
|
||
|
|
.removeClass(undefined.xtype)
|
||
|
|
.addClass(undefined.xtype);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|