{
    "name": "gov-tab",
    "label": "tab标签栏",
    "description": "tab标签栏",
    "codeSnap": "<gov-tab active-name=\"tab1\" bind:change=\"change\">\n        <gov-tab-item name=\"tab1\">标签1</gov-tab-item>\n        <gov-tab-item name=\"tab2\">标签2</gov-tab-item>\n        <gov-tab-item name=\"tab3\">标签3</gov-tab-item>\n    </gov-tab>",
    "groups": "layout",
    "demoCode": {
        "s": "<gov-tab active-name=\"{{activeName}}\" bind:change=\"change\">\n    <gov-tab-item name=\"tab1\">标签1</gov-tab-item>\n    <gov-tab-item name=\"tab2\">标签2</gov-tab-item>\n    <gov-tab-item name=\"tab3\">标签3</gov-tab-item>\n</gov-tab>\n<gov-tab active-name=\"{{activeName}}\" bind:change=\"change\">\n    <gov-tab-item name=\"tab1\">标签1</gov-tab-item>\n    <gov-tab-item name=\"tab2\">标签2</gov-tab-item>\n    <gov-tab-item name=\"tab3\">标签3</gov-tab-item>\n    <gov-tab-item name=\"tab4\">标签4</gov-tab-item>\n</gov-tab>\n<gov-tab active-name=\"{{activeName}}\" bind:change=\"change\">\n    <gov-tab-item>标签1</gov-tab-item>\n    <gov-tab-item><gov-icon name=\"advise\" color=\"{{['#e96', '#e34']}}\"/>图标</gov-tab-item>\n    <gov-tab-item><gov-icon name=\"real-estate-m\"/>商店</gov-tab-item>\n    <gov-tab-item><gov-icon name=\"postal-m\"/>货车</gov-tab-item>\n    <gov-tab-item><gov-icon name=\"video-play-m\"/>播放</gov-tab-item>\n</gov-tab>",
        "js": "Page({\n    data: {\n        activeName: 'tab2'\n    },\n\n    change({detail}) {\n        this.setData({\n            activeName: detail\n        });\n    }\n});",
        "css": ".dot {\n    position: relative;\n    top: -6px;\n    height: 6px;\n    width: 6px;\n    border-radius: 50%;\n    background-color: #e34;\n}\n\n.content {\n    padding: 30.797rpx;\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "activeName",
                "type": "String",
                "description": "当前选中的标签名",
                "required": "否",
                "default": ""
            }
        ]
    }
}