弹窗组件详细设计

最新推荐文章于 2024-04-08 14:29:24 发布

K_lyxiang

最新推荐文章于 2024-04-08 14:29:24 发布

阅读量675

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/K_lyxiang/article/details/78741591

版权

弹窗

文本输入

输入文本，确定，取消
不需要后端给数据支持

单选

单选选中,确定，取消
弹窗内列表选值，筛选功能(首字母筛选)

[
    {
        "name": "Stimulus name",
        "value": "FGN1_AMP1"
    },
    {
        "name": "Stimulus name",
        "value": "FGN1_AMP2"
    }
]

弹窗内表格：列头和内容

{
    "header": [
        {
            "code": "tolerance",
            "name": "tolerance"
        }
    ],
    "content": [
        {
            "tolerance": "PAV"
        },
        {
            "tolerance": "TKU"
        },
        {
            "tolerance": "PAV/TKU"
        }
    ]
}

多选

多选，确定，取消

{
    "header": [
        {
            "code": "Bit",
            "name": "Bit"
        },
        {
            "code": "Index",
            "name": "Index"
        },
        {
            "code": "Connector",
            "name": "Connector"
        }
    ],
    "content": [
        {
            "Bit": 0,
            "Index": 1,
            "Connector": "S1"
        },
        {
            "Bit": 1,
            "Index": 2,
            "Connector": "S1"
        },
        {
            "Bit": 2,
            "Index": 3,
            "Connector": "S1"
        }
    ]
}