# 超级标题
<hlta-superTitle
slot="title"
:font="'h4'"
:back="true"
:title="title"
@click="onClose"
>
</hlta-superTitle>
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
export default {
data() {
return {
}
}
}
1
2
3
4
5
6
7
2
3
4
5
6
7
# prop(属性)
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| font | 字体尺寸大小控制 | string | h1~h5 |
| back | 是否显示返回按钮 | boolean | false |
| title | 标题名称 | string | - |
| theme | 主题 | Number | 1 |
| addNewForm | 动态新增当下容器表单 | boolean | false |
| addFormObj | 动态新增表单交互所需按钮信息 | object | 详细见options(配置) |
| roller | 开启卷帘折叠表单效果 | boolean | false |
# options(配置)
- addFormObj
{
count: 5,
name: 'philanthropicVentureInfo',
btns: [
{
type: 'plus',
onOk: (it) => {
console.log('plus===', it)
},
},
{
type: 'minus',
onOk: (it) => {
console.log('minus===', it)
},
},
],
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Events(事件)
| 方法名称 | 说明 | 返回类型 | 参数 | 备注 |
|---|---|---|---|---|
| click(等其它原生事件都支持) | 返回按钮点击触发事件 | - | - | back属性为true时，搭配使用 |
# slots(插槽)
| 属性 | 说明 | 默认值 | 备注 |
|---|---|---|---|
| prefix | 前缀内容插入 | - | —— |
| suffix | 后缀内容插入 | - | - |
| moreBtn | 更多扩展按钮 | - | 传入按钮必须有ta-col包裹 |
| otherTool | 其它工具组 | - | 所在位置和返回按钮齐平 |
# protocol(规约)
> 1. 该组件布局上可以独立摆放也可以作为另一个组件的插槽形式插入使用 > 2. 如柯桥项目的最新布局形式-一般改组件会出现在如下几个地方： > * 模块主页一级标题展示 > * 模块二级页面详情页和ta-drawer一起搭配使用 > * 模块查看详情页和intro-panel一起搭配使用 >