2023-06-05 18:45:47 +08:00
|
|
|
html`
|
|
|
|
|
<style>
|
|
|
|
|
:host {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2023-03-03 12:07:45 +08:00
|
|
|
|
2023-06-05 18:45:47 +08:00
|
|
|
<body>
|
|
|
|
|
<input type="button" @click=${e => this.click(e)} value="deadmau5 🐭" />
|
2023-03-03 12:07:45 +08:00
|
|
|
|
2023-06-05 18:45:47 +08:00
|
|
|
<div></div>
|
|
|
|
|
<div></div>
|
|
|
|
|
<div></div>
|
2023-03-03 12:07:45 +08:00
|
|
|
|
2023-06-05 18:45:47 +08:00
|
|
|
<h3>${['❤️', '💛', '💚', '💙', '💜', '🖤']}</h3>
|
|
|
|
|
</body>
|
|
|
|
|
`
|
2023-03-03 12:07:45 +08:00
|
|
|
|
2023-06-05 18:45:47 +08:00
|
|
|
bug(html` <div></div> `)
|
2023-03-03 12:07:45 +08:00
|
|
|
|
2023-06-05 18:45:47 +08:00
|
|
|
function bug() {
|
|
|
|
|
html`div...`
|
2023-03-03 12:07:45 +08:00
|
|
|
}
|
|
|
|
|
|
2023-06-05 18:45:47 +08:00
|
|
|
css`
|
2023-06-06 15:26:41 +08:00
|
|
|
.foo {
|
2023-06-06 18:35:39 +08:00
|
|
|
display: block;
|
|
|
|
|
|
2023-06-06 15:26:41 +08:00
|
|
|
.bar {
|
|
|
|
|
color: #f30;
|
|
|
|
|
}
|
2023-06-05 18:45:47 +08:00
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
|
|
|
|
|
css`
|
|
|
|
|
:host {
|
2023-06-06 15:26:41 +08:00
|
|
|
display: flex;
|
2023-06-05 18:45:47 +08:00
|
|
|
height: 50px;
|
|
|
|
|
}
|
|
|
|
|
`
|
