{
    "name": "gov-custom-title-bar",
    "label": "自定义沉浸式顶栏",
    "description": "自定义沉浸式顶栏",
    "codeSnap": "<view>\n    <custom-title-bar\n        common-title=\"北京通\"\n        fixed-title=\"北京通\">\n    </custom-title-bar>\n</view>",
    "groups": "layout",
    "demoCode": {
        "s": "<view>\n    <gov-custom-title-bar\n        animation\n        show-fixed-bar\n        fixed-title=\"固定导航栏标题\"\n        common-title=\"普通导航栏标题\"\n        fixed-front-color=\"#000000\"\n        common-front-color=\"#ffffff\"\n        common-bg-color=\"#000000\"\n        fixed-bg-color='#ffffff'\n        common-bg-opacity=\"{{false}}\"\n        need-to-return=\"{{true}}\"\n        switch-start-position=\"10\"\n        switch-end-position=\"300\">\n    </gov-custom-title-bar>\n    <view class=\"prompt-text\">\n        <gov-prompt>\n            <view slot=\"title\">温馨提示：</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">1.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">2.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">3.以上检索条件至少输入一项进行查询。</view>\n            <view slot=\"content\">4.以上检索条件至少输入一项进行查询。</view>\n        </gov-prompt>\n    </view>\n</view>",
        "css": ".prompt-text {\n    padding: 0 30.797rpx; /* 51px */\n    margin-top: 18.116rpx; /* 30px */\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "common-bg-opacity",
                "type": "Boolean",
                "description": "普通导航栏是否为透明且不占高度，默认透明，如否需要同时传入普通导航栏的背景色commonBgColor",
                "required": "否",
                "default": "true"
            },
            {
                "name": "common-title",
                "type": "String",
                "description": "普通导航栏页面标题",
                "required": "否",
                "default": ""
            },
            {
                "name": "fixed-title",
                "type": "String",
                "description": "固定导航栏页面标题",
                "required": "否",
                "default": ""
            },
            {
                "name": "common-bg-color",
                "type": "String",
                "description": "普通导航栏的背景色",
                "required": "否",
                "default": ""
            },
            {
                "name": "common-front-color",
                "type": "String",
                "description": "普通导航栏的前景色，即内容的颜色，对标swan.setNavigationBarColor中的frontColor设置规则，仅支持黑白两种，默认白色。注意:缺省状态栏的颜色需要设置页面中.json的navigationBarTextStyle",
                "required": "否",
                "default": "#ffffff"
            },
            {
                "name": "common-has-border",
                "type": "Boolean",
                "description": "普通导航栏下border",
                "required": "否",
                "default": "false"
            },
            {
                "name": "common-text-align",
                "type": "String",
                "description": "普通导航栏标题文字对其方式，默认居中",
                "required": "否",
                "default": "center"
            },
            {
                "name": "show-fixed-bar",
                "type": "Boolean",
                "description": "是否需要滚动后切换导航栏",
                "required": "否",
                "default": "true"
            },
            {
                "name": "switch-start-position",
                "type": "Number",
                "description": "切换导航栏起始位置",
                "required": "否",
                "default": "状态栏的高度"
            },
            {
                "name": "switch-end-position",
                "type": "Number",
                "description": "切换导航栏终止位置，需animation为true时使用才有效果",
                "required": "否",
                "default": "100px"
            },
            {
                "name": "fixed-bg-color",
                "type": "String",
                "description": "滚动后固定导航栏的背景色",
                "required": "否",
                "default": "#ffffff"
            },
            {
                "name": "fixed-front-color",
                "type": "String",
                "description": "固定导航栏上内容的颜色，对标swan.setNavigationBarColor中的frontColor设置规则，仅支持黑白两种，默认黑色",
                "required": "否",
                "default": "#000000"
            },
            {
                "name": "fixed-has-border",
                "type": "Boolean",
                "description": "固定导航栏下border",
                "required": "否",
                "default": "false"
            },
            {
                "name": "fixed-text-align",
                "type": "string",
                "description": "固定导航栏标题文字对其方式，默认居中",
                "required": "否",
                "default": "center"
            },
            {
                "name": "animation",
                "type": "Boolean",
                "description": "页面滚动时出现导航栏是否需要渐显动画，默认展示动画",
                "required": "否",
                "default": "true"
            },
            {
                "name": "need-to-return",
                "type": "Boolean",
                "description": "是否需要返回按钮",
                "required": "否",
                "default": "false"
            },
            {
                "name": "return-path",
                "type": "String",
                "description": "返回路径，默认为空即返回上一页",
                "required": "否",
                "default": ""
            },
            {
                "name": "custom-nav-back",
                "type": "Boolean",
                "description": "返回按钮是否需要自定义事件，默认false",
                "required": "否",
                "default": "false"
            },
            {
                "name": "bindnavback",
                "type": "function",
                "description": "返回按钮的自定义事件，需要配合custom-nav-back为true使用",
                "required": "否",
                "default": ""
            },
            {
                "name": "navType",
                "type": "String",
                "description": "点击房子icon时的返回方式",
                "required": "否",
                "default": "navigateTo"
            }
        ],
        "events": [
            {
                "name": "navback",
                "type": "Event",
                "description": "返回按钮的时候触发，需要配合custom-nav-back为true使用",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-page-title",
                "type": "",
                "description": "页面顶栏标题的扩展样式类，可通过此class改变其的样式，如字体大小：font-size: 42px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-opacity-nav-bar",
                "type": "",
                "description": "普通标题栏外层的扩展样式，可通过此class改变其外部的样式，如距离上方的高度，top: 50px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-fixed-nav-bar",
                "type": "",
                "description": "固定标题栏外层的扩展样式，可通过此class改变其外部的样式，如距离上方的高度，top: 50px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-title-area-bar",
                "type": "",
                "description": "标题栏标题的扩展样式，可通过此class改变标题栏标题的样式，如字体大小：font-size: 42px",
                "required": "否",
                "default": "-"
            }
        ]
    }
}