标题栏

说明

产品认为这个标题栏接下去会出现的频繁，而且可能会随着场景的多样化，出现各种各样的扩展功能，所以决定先将这个组件写出来，后期有需要迭代的功能直接在此组件上迭代

参数列表

| 参数 | 说明 | 类型 | 默认值 | | :-----------: | :----------------------------------------: | :-----: | :------------: | | className | 选填：类名 | String | | showBackbtn | 选填： 是否显示返回按钮 | Boolean | false | | backUrl | 选填： 返回地址 | String | 默认返回上一页 | | title | 选填: 标题 | String | '' | | titleMaxWidth | 选填: 标题最大长度，超出长度限制显示省略号 | Number | 120 | | theme | 选填： 主题配置 | Object |

theme

| 参数 | 说明 | 类型 | 默认值 | | :-------------: | :---------------------------: | :----: | :-------: | | backgroundColor | 选填： 背景色 | String | '#1785EC' | | color | 选填： 标题颜色以及图标的颜色 | String | '#fff' |

版本：v1

功能

1. 标题，默认页面标题，可传入标题
2. 返回功能：
   • 是否显示返回按钮
   • 默认返回上一页
   • 可返回传入地址
3. 主题色配置(方案已确定，使用 css 变量的方式实现)：
   • 字体颜色和图片颜色配置
   • 背景色配置
4. 需要跟产品确认下 标题过长的情况下如何显示
   • 默认最长 8 个字，超过限制显示...，
   • 长度限制可以配置

文档

• 蓝湖地址(产品并未提供蓝湖地址，先使用 智慧教育 中的设计图)：https://lanhuapp.com/web/#/item/project/board/detail?pid=00b1ad3b-c473-4c03-a28b-2ec76823f75f&project_id=00b1ad3b-c473-4c03-a28b-2ec76823f75f&image_id=70f2523b-aaea-47dd-be10-01788e0453ab

开发人员

• 前端： 刘杰

更新记录

工程结构、开发流程、注意事项：

https://nbugs.yuque.com/front-end/components/project-readme