{
    "name": "gov-notice-bar",
    "label": "跑马灯",
    "description": "跑马灯组件适用于信息引导",
    "codeSnap": "<gov-notice-bar text-color='#fff' bg-color='#e10' text='跑马灯默认配置：初始1秒开始；速度50px/s；iconName：close'></gov-notice-bar>",
    "groups": "layout",
    "demoCode": {
        "s": "<view>\n    通知栏内容很少：\n    <gov-notice-bar id=\"default\"></gov-notice-bar>\n    <br>\n    通知栏内容很多：\n    <gov-notice-bar id=\"text\" text=\"跑马灯默认配置：初始1秒开始；速度50px/s；iconName：close\"></gov-notice-bar>\n    <br>\n    没有关闭按钮：\n    <gov-notice-bar id=\"no-close\" text=\"跑马灯默认配置：初始1秒开始；速度50px/s；iconName：close\" icon=\"{{false}}\"></gov-notice-bar>\n    <br>\n    自定义颜色：\n    <gov-notice-bar\n        id=\"custom-color\"\n        text=\"跑马灯默认配置：初始1秒开始；速度50px/s；iconName：close\"\n        bg-color=\"#C40311\"\n        text-color=\"#ffffff\"\n        icon-color=\"{{['#fff']}}\"\n    ></gov-notice-bar>\n    <br>\n    自定义样式：\n    <gov-notice-bar\n        id=\"costom-style\"\n        class=\"gov-notice-bar\"\n        ext-cls=\"ext-cls\"\n        text-cls=\"text-cls\"\n        scroll=\"{{false}}\"\n        text=\"自定义多行样式自定义多行样式自定义多行样式自定义多行样式自定义多行样式自定义多行样式\"\n        icon-color=\"{{['#2b99ff']}}\"\n    ></gov-notice-bar>\n</view>",
        "css": ".gov-notice-bar .ext-cls {\n    background-color: #eee !important;\n}\n\n.gov-notice-bar .ext-cls .text-cls {\n    color: #20e !important;\n    white-space: normal;\n    font-size: 21.739rpx;\n    line-height: 1.37;\n    flex: auto;\n    word-break: break-all;\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "text",
                "type": "String",
                "description": "跑马灯文字，默认超出内容区域则开始滚动",
                "required": "否",
                "default": ""
            },
            {
                "name": "textColor",
                "type": "String",
                "description": "文字颜色",
                "required": "否",
                "default": ""
            },
            {
                "name": "scroll",
                "type": "Boolean",
                "description": "是否开启滚动",
                "required": "否",
                "default": "true"
            },
            {
                "name": "delay",
                "type": "Number",
                "description": "可配置进入页面多久开始滚动，单位：秒",
                "required": "否",
                "default": "1"
            },
            {
                "name": "speed",
                "type": "Number",
                "description": "速度：px/s; 默认50",
                "required": "否",
                "default": "50"
            },
            {
                "name": "bgColor",
                "type": "String",
                "description": "背景颜色",
                "required": "否",
                "default": "192px(设计稿宽度为1242)"
            },
            {
                "name": "icon",
                "type": "Boolean",
                "description": "图标名称",
                "required": "否",
                "default": "true"
            },
            {
                "name": "iconName",
                "type": "String",
                "description": "图标名称",
                "required": "否",
                "default": "close"
            },
            {
                "name": "close",
                "type": "EventHandler",
                "description": "关闭时触发事件",
                "required": "否",
                "default": ""
            }
        ]
    }
}