2024-01-12 04:54:53 +08:00
|
|
|
# widgets
|
2024-01-12 01:04:22 +08:00
|
|
|
|
2024-01-12 04:54:53 +08:00
|
|
|
像 flutter 风格用纯粹 js 构建页面
|
2024-05-14 14:57:46 +08:00
|
|
|
{ createElement List ListItem Span Button Img Input TextArea Avatar Dialog }
|
|
|
|
|
|
2024-01-12 05:34:37 +08:00
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
npm i @laniakeasupercluster/widgets
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
import { createElement, Button, Span } from '@laniakeasupercluster/widgets'
|
|
|
|
|
|
|
|
|
|
document.body.appendChild(createElement({
|
|
|
|
|
style: { width: 320, height: 320, padding: 64 },
|
|
|
|
|
children: [
|
|
|
|
|
Span({ textContent: 'hello world!' })
|
|
|
|
|
Button({
|
|
|
|
|
textContent: 'click',
|
|
|
|
|
onclick: event => {
|
|
|
|
|
const randomNumber = Math.floor(Math.random() * 100)
|
|
|
|
|
event.traget.textContent = 'click' + randomNumber
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
]
|
|
|
|
|
}))
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### dev
|
|
|
|
|
```
|
|
|
|
|
git clone git@git.satori.love:LaniakeaSupercluster/widgets.git
|
|
|
|
|
npm i
|
|
|
|
|
npm run dev
|
|
|
|
|
```
|
