ShadowEditor/ShadowEditor.UI/test/04 ContainerTest.html
2018-11-11 21:50:07 +08:00

37 lines
862 B
HTML

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>04 ContainerTest</title>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
</head>
<body>
<script src="../dist/ShadowEditor.UI.js"></script>
<script>
const {
Control,
UI
} = Shadow;
var control = UI.create({
xtype: 'container',
children: [{
xtype: 'div',
html: 'This is the first line.<br />'
}, {
xtype: 'div',
html: 'This is the second line.<br />'
}, {
xtype: 'div',
html: '<span style="color: red;">This is a red line.</span>'
}]
});
control.render();
</script>
</body>
</html>