{
    "name": "gov-badge",
    "label": "自定义徽标数",
    "description": "自定义徽标数",
    "codeSnap": "<gov-badge count=\"3\">\n    <text class=\"demo-badge\" slot=\"text\">活动优惠</text>\n</gov-badge>",
    "groups": "layout",
    "demoCode": {
        "s": "<view>\n    <view class=\"preview-caption\">默认文案：</view>\n    <view class=\"preview-section\">\n        <gov-agree bindchange=\"checkdChange\" checked=\"{{value}}\"/>\n    </view>\n    <view class=\"preview-caption\">显示自定义的文案：</view>\n    <view class=\"preview-section\">\n        <gov-agree bindchange=\"checkdChange\" checked=\"{{value}}\">\n            <view slot=\"text\">我已阅读并接受《用户服务协议》</view>\n        </gov-agree>\n    </view>\n    <view class=\"preview-caption\">自定义样式：</view>\n    <view class=\"preview-section\">\n        <gov-agree\n            gov-agree-desc=\"gov-agree-desc\"\n            bindchange=\"checkdChange\"\n            checked=\"{{value}}\"/>\n    </view>\n</view>",
        "js": "Page({\n    data: {\n        offset: [0, 13]\n    }\n});",
        "css": ".preview-section {\n    height: 45px;\n    display: flex;\n    padding-left: 10px;\n    align-items: center;\n}\n.gov-text {\n    padding: 0 20px;\n    color: #999 !important;\n    background: #ffdab9 !important;\n}\n.gov-dot-class {\n    background: #ffc0cb !important;\n    width: 10px !important;\n    height: 10px !important;\n    top: -7px !important;\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "count",
                "type": "Number",
                "description": "显示的数字，大于overflowCount时，显示${overflowCount}+，为0时隐藏",
                "required": "否",
                "default": ""
            },
            {
                "name": "overflow-count",
                "type": "Number",
                "description": "展示封顶的数字值",
                "required": "否",
                "default": ""
            },
            {
                "name": "dot",
                "type": "Boolean",
                "description": "不展示数字，只有一个小红点，如需隐藏 dot，需要设置count为 0",
                "required": "否",
                "default": "false"
            },
            {
                "name": "type",
                "type": "String",
                "description": "使用预设的颜色，可选值为success、primary、normal、error、warning、info",
                "required": "否",
                "default": ""
            },
            {
                "name": "show-zero",
                "type": "Boolean",
                "description": "当数值为0时，是否展示 Badge",
                "required": "否",
                "default": "false"
            },
            {
                "name": "status",
                "type": "String",
                "description": "设置Badge为状态点，可选值为success、processing、default、error、warning",
                "required": "否",
                "default": ""
            },
            {
                "name": "text",
                "type": "Boolean",
                "description": "自定义内容",
                "required": "否",
                "default": "false"
            },
            {
                "name": "offset",
                "type": "Array",
                "description": "设置状态点的位置偏移，格式为 [x, y]",
                "required": "否",
                "default": ""
            },
            {
                "name": "alone",
                "type": "Boolean",
                "description": "设置单独一行",
                "required": "否",
                "default": "false"
            }
        ],
        "slot": [
            {
                "name": "dot",
                "type": "",
                "description": "补充小红点的内容",
                "required": "否",
                "default": "-"
            },
            {
                "name": "text",
                "type": "",
                "description": "补充状态点的内容",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-text",
                "type": "",
                "description": "状态点的扩展样式类，可通过此class改变状态点的样式，如背景颜色、宽高等",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-dot-class",
                "type": "",
                "description": "小红点扩展样式类，可通过此class改变阅读并接受的字体的样式",
                "required": "否",
                "default": "-"
            }
        ]
    }
}