## 组件名称
自定义导航栏
custom-title-bar


## 可配置属性与控制的功能
#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |支持版本|
|---|---|---|---|---| --- |
|common-bg-opacity|Boolean |否|true|普通导航栏是否为透明且不占高度，默认透明，如否需要同时传入普通导航栏的背景色commonBgColor|
|common-title|String|否|''|普通导航栏页面标题|
|fixed-title|String|否|''|固定导航栏页面标题|
|common-bg-color|String |否|''|普通导航栏的背景色|
|common-front-color|String |否|#ffffff| 普通导航栏的前景色，即内容的颜色，对标swan.setNavigationBarColor中的frontColor设置规则，仅支持黑白两种，默认白色。注意:缺省状态栏的颜色需要设置页面中.json的navigationBarTextStyle|
|common-has-border|Boolean|否|false|普通导航栏下border|
|common-text-align|String|否|center|普通导航栏标题文字对其方式，默认居中|
|show-fixed-bar|Boolean |否|true|是否需要滚动后切换导航栏|
|switch-start-position|Number|否|状态栏的高度|切换导航栏起始位置|
|switch-end-position|Number|否|100px|切换导航栏终止位置，需animation为true时使用才有效果|
|fixed-bg-color|String |否|#ffffff|滚动后固定导航栏的背景色|
|fixed-front-color|String |否|#000000|固定导航栏上内容的颜色，对标swan.setNavigationBarColor中的frontColor设置规则，仅支持黑白两种，默认黑色|
|fixed-has-border|Boolean|否|false|固定导航栏下border| 0.0.14|
|fixed-text-align|String|否|center|固定导航栏标题文字对其方式，默认居中|
|animation|Boolean |否|true|页面滚动时出现导航栏是否需要渐显动画，默认展示动画|
|need-to-return|Boolean |否|false|是否需要返回按钮|
|return-path|String |否|''|返回路径，默认为空即返回上一页|
|custom-nav-back|Boolean|否|false|返回按钮是否需要自定义事件，默认false|
|bindnavback|function|否|——|返回按钮的自定义事件，需要配合custom-nav-back为true使用|


## 使用示例
json:

    {
        "navigationBarTitleText": "标题",
        "navigationStyle": "custom",
        "navigationBarTextStyle": common-front-color,
        "usingComponents": {
            "custom-title-bar": "yourpath/components/CustomTitleBar/src/index"
        }
    }


** 注意： **

1、缺省状态栏的颜色如果为非默认的在这里设置，颜色和common-front-color是一个值

2、页面中组件名与usingComponents中设置的一致


swan:

    <view>
        <custom-title-bar
            common-title="政策文件库"
            fixed-title="政策文件库">
        </custom-title-bar>
    </view>