#### 组件名称
gov-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|
|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使用|

#### 代码示例
swan:
```
<view>
    <gov-custom-title-bar
        animation
        show-fixed-bar
        fixed-title="固定导航栏标题"
        common-title="普通导航栏标题"
        fixed-front-color="#000000"
        common-front-color="#ffffff"
        common-bg-color="#000000"
        fixed-bg-color='#ffffff'
        common-bg-opacity="{{false}}"
        need-to-return="{{true}}"
        switch-start-position="10"
        switch-end-position="300">
    </gov-custom-title-bar>
    <view class="prompt-text">
        <gov-prompt>
            <view slot="title">温馨提示：</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">1.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">2.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">3.以上检索条件至少输入一项进行查询。</view>
            <view slot="content">4.以上检索条件至少输入一项进行查询。</view>
        </gov-prompt>
    </view>
</view>
```
js:
```

```
css:
```
.prompt-text {
    padding: 0 30.797rpx; /* 51px */
    margin-top: 18.116rpx; /* 30px */
}
```