95 lines
2.5 KiB
Markdown
95 lines
2.5 KiB
Markdown
# accordion
|
|
|
|
## 用法
|
|
|
|
```html
|
|
|
|
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="/bricks/css/bricks.css">
|
|
</head>
|
|
<body>
|
|
<script src="/bricks/bricks.js"></script>
|
|
|
|
<script>
|
|
const opts =
|
|
{
|
|
"widget": {
|
|
"widgettype":"Accordion",
|
|
"options":{
|
|
"item_size":'28px',
|
|
"items":[
|
|
{
|
|
"name":"test1",
|
|
"icon":"/imgs/t.png",
|
|
"text":"accordion 1 test",
|
|
"content":{
|
|
"widgettype":"Text",
|
|
"options":{
|
|
"text":"text content 1",
|
|
"i81n":true
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name":"test2",
|
|
"icon":"/imgs/t.png",
|
|
"text":"accordion 2 test",
|
|
"content":{
|
|
"widgettype":"Text",
|
|
"options":{
|
|
"text":"text content 2",
|
|
"i81n":true
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
|
|
;
|
|
const app = new BricksApp(opts);
|
|
app.run();
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
```
|
|
|
|
## 效果图
|
|
|
|
|
|
|
|
## widget参数说明
|
|
|
|
| 参数 | 参数说明 | 类型 | 是否必填 | 可选值 | 默认值 |
|
|
| ---------- | ------------ | ------ | -------- | --------- | ------ |
|
|
| widgettype | 控件类型 | String | 是 | Accordion | --- |
|
|
| options | 控件的配置项 | Object | 是 | --- | --- |
|
|
|
|
### widget.options参数说明
|
|
|
|
| 参数 | 参数说明 | 类型 | 是否必填 | 可选值 | 默认值 |
|
|
| --------- | ------------ | ------ | -------- | ------ | ------ |
|
|
| item_size | 控件的高度 | String | 是 | --- | --- |
|
|
| items | 控件的配置项 | Array | 是 | --- | --- |
|
|
|
|
#### widget.options.items参数说明
|
|
|
|
| 参数 | 参数说明 | 类型 | 是否必填 | 可选值 | 默认值 |
|
|
| ------- | ---------------- | ------ | -------- | ------ | ------ |
|
|
| name | 原生name属性 | String | 是 | --- | --- |
|
|
| icon | 图标 | String | 否 | --- | --- |
|
|
| text | 默认显示的文字值 | String | 否 | --- | --- |
|
|
| content | 控件内容的配置项 | Objet | 是 | --- | --- |
|
|
|
|
##### widget.options.items参数内content参数说明(当content.widgettype值为Text时)
|
|
|
|
| 参数 | 参数说明 | 类型 | 是否必填 | 可选值 | 默认值 |
|
|
| ---- | ---------------- | ------- | -------- | ---------- | ------ |
|
|
| text | 默认显示的文字值 | String | 否 | --- | --- |
|
|
| i81n | 是否国际化 | Boolean | 否 | true/false | --- |
|
|
|