{
    "name": "gov-spin-feed",
    "label": "状态提示",
    "description": "状态提示",
    "codeSnap": "<gov-spin-feed status=\"{{1}}\"/>",
    "groups": "layout",
    "demoCode": {
        "s": " <view class=\"preview-caption\">加载失败的状态：</view>\n    <view class=\"preview-section\">\n        <gov-spin-feed status=\"{{3}}\" bind:spintap=\"tapFail\"/>\n    </view>\n    <view class=\"preview-caption\">补充内容的状态：</view>\n    <view class=\"preview-section\">\n        <gov-spin-feed status=\"{{1}}\" bind:spintap=\"tapFail\">\n            <view slot=\"loading\">\n               这里可以补充内容\n            </view>\n        </gov-spin-feed>\n    </view>\n    <view class=\"preview-caption\">自定义样式：</view>\n    <view class=\"preview-section\">\n        <gov-spin-feed\n            status=\"{{3}}\"\n            gov-spin-wrap=\"gov-spin-wrap\"\n            gov-spin-text=\"gov-spin-text\"\n            bind:spintap=\"tapFail\"\n        />\n    </view>",
        "js": "Page({\n    data: {\n        imgSrc: 'https://www.easyicon.net/api/resizeApi.php?id=1228811&size=128'\n    },\n    tapMore() {\n        swan.showToast({\n            title: '点击加载更多'\n        });\n    },\n    tapFail() {\n        swan.showToast({\n            title: '加载失败 点击重新加载'\n        });\n    }\n});",
        "css": ".gov-spin-wrap {\n    height: 50px !important;\n    background: #ffcccc !important;\n}\n.gov-spin-text {\n    color: #fff !important;\n    font-size: 15px !important;\n}"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "status",
                "type": "Number",
                "description": "加载状态配置",
                "required": "是",
                "default": 1
            },
            {
                "name": "textConfig",
                "type": "Array",
                "description": "加载状态对应的文案",
                "required": "否",
                "default": "['点击加载更多', '正在加载...', '已经到底啦', '加载失败 点击重新加载']"
            },
            {
                "name": "secureBottom",
                "type": "Boolean",
                "description": "是否兼容iPhoneX及以上型号底部安全区",
                "required": "否",
                "default": "true"
            },
            {
                "name": "imgSrc",
                "type": "String",
                "description": "自定义图片，传图片路径",
                "required": "否",
                "default": ""
            }
        ],
        "events": [
            {
                "name": "spintap",
                "type": "Event",
                "description": "除了正在加载和已经到底啦这两种情况，点击时触发",
                "required": "否",
                "default": "-"
            }
        ],
        "slot": [
            {
                "name": "loading",
                "type": "",
                "description": "补充正在加载中的内容",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-spin-loading",
                "type": "",
                "description": "loading状态的扩展样式类，可通过此class改变loading状态的样式",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-spin-wrap",
                "type": "",
                "description": "状态提示的扩展样式类，可通过此class改变状态提示的样式，如背景颜色，宽高等",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-spin-text",
                "type": "",
                "description": "文字的扩展样式类，可通过此class改变文字的样式",
                "required": "否",
                "default": "-"
            }
        ]
    }
}