{
    "name": "gov-image-item",
    "label": "描边1px带透明度的图片",
    "description": "描边1px带透明度的图片",
    "codeSnap": "<view>\n    <gov-image-item\n        class=\"gov-image-wrap gov-plate-img\"\n        image-src=\"http://d.hiphotos.baidu.com/zhidao/pic/item/c8177f3e6709c93d8b21fbe49c3df8dcd00054d6.jpg\"\n        image-width=\"700\"\n        image-height=\"700\"\n        border-radius=\"100\">\n    </gov-image-item>\n</view>",
    "groups": "layout",
    "demoCode": {
        "s": "<view>\n    <view class=\"preview-caption\">默认效果</view>\n    <gov-image-item\n        image-src=\"http://d.hiphotos.baidu.com/zhidao/pic/item/c8177f3e6709c93d8b21fbe49c3df8dcd00054d6.jpg\">\n    </gov-image-item>\n    <view class=\"preview-caption\">自定义样式</view>\n    <gov-image-item\n        class=\"gov-image-wrap gov-plate-img\"\n        image-src=\"http://d.hiphotos.baidu.com/zhidao/pic/item/c8177f3e6709c93d8b21fbe49c3df8dcd00054d6.jpg\"\n        image-width=\"400\"\n        image-height=\"400\"\n        border-radius=\"100\">\n    </gov-image-item>\n</view>",
        "css": ".gov-image-wrap {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}\n.gov-plate-img {\n    opacity: .8;\n}\n"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "image-src",
                "type": "String",
                "description": "图片地址",
                "required": "是",
                "default": "_"
            },
            {
                "name": "image-width",
                "type": "Number",
                "description": "图片宽，单位是rpx",
                "required": "否",
                "default": "100"
            },
            {
                "name": "image-height",
                "type": "Number",
                "description": "图片高，单位是rpx",
                "required": "否",
                "default": "100"
            },
            {
                "name": "border-radius",
                "type": "Number",
                "description": "圆角，单位是rpx",
                "required": "否",
                "default": "3"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-image-wrap",
                "type": "",
                "description": "整个图片容器的扩展样式类，可通过此class改变其的样式，如：设置水平处置居中",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-opacity-border",
                "type": "",
                "description": "描边1px带透明度的扩展样式类，可通过此class改变其的样式，如border: 1px solid rgba(250, 0, 0, .1);",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-plate-img",
                "type": "",
                "description": "图片的扩展样式类，可以通过此class改变其外层的样式，如设置透明度：opacity: .8",
                "required": "否",
                "default": "-"
            }
        ]
    }
}