以下是一个简单的 easyui 网站后台模板示例,您可以根据需要进行修改和定制:
```html
My Website src="https://cdn.jsdelivr.net/npm/easyui@7.1.0/js/easyui.min.js">
My Website
This is my website.
>
const app = new easyui.App({
container: '.ui-app',
blocks: [
{
type: 'block',
label: 'My Website',
content: {
text: 'This is my website.',
style: {
font: '20px Arial',
color: '#007bff',
border: '1px solid #ccc'
}
}
},
{
type: 'block',
label: 'About Me',
content: {
text: 'My website is about me.',
style: {
font: '20px Arial',
color: '#007bff',
border: '1px solid #ccc'
}
}
},
{
type: 'block',
label: 'Contact Us',
content: {
text: 'You can contact us by email at',
style: {
font: '20px Arial',
color: '#007bff',
border: '1px solid #ccc'
}
}
}
]
});
app.render();
```
该模板包括一个 `ui-app` 容器,其中包含三个 `ui-block` 元素。每个 `ui-block` 元素都是一个 `h1` 标签、一个 `p` 标签和一个按钮。按钮图标为地球,代表网站的主题。您可以根据需要修改这些元素的样式,以获得所需的外观。