1.0.13 • Published 4 years ago
nbugs-mobile-title-bar v1.0.13
标题栏
说明
产品认为这个标题栏接下去会出现的频繁，而且可能会随着场景的多样化，出现各种各样的扩展功能，所以决定先将这个组件写出来，后期有需要迭代的功能直接在此组件上迭代
参数列表
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| className | 选填：类名 | String | |
| showBackbtn | 选填： 是否显示返回按钮 | Boolean | false |
| backUrl | 选填： 返回地址 | String | 默认返回上一页 |
| title | 选填: 标题 | String | '' |
| titleMaxWidth | 选填: 标题最大长度，超出长度限制显示省略号 | Number | 120 |
| theme | 选填： 主题配置 | Object |
theme
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| backgroundColor | 选填： 背景色 | String | '#1785EC' |
| color | 选填： 标题颜色以及图标的颜色 | String | '#fff' |
版本：v1
功能
- 标题，默认页面标题，可传入标题
- 返回功能：
- 是否显示返回按钮
- 默认返回上一页
- 可返回传入地址
- 主题色配置(方案已确定，使用 css 变量的方式实现)：
- 字体颜色和图片颜色配置
- 背景色配置
- 需要跟产品确认下 标题过长的情况下如何显示
- 默认最长 8 个字，超过限制显示...，
- 长度限制可以配置
文档
开发人员
- 前端： 刘杰