本项目为通用组件和前端开发业务汇总

文章调用

document、body：style传值规范

• 小程序请传rpx，750设计稿
• h5请传rem，375设计稿

<TopicArticle
    onClick={onClick}
    data={{
    document: {
        style: {
        padding: "40rpx 40rpx 48rpx",
        background: "#F5F5F5"
        }
    },
    body: {
        style: {
        background: "#FFFFFF",
        borderRadius: "8rpx",
        overflow: "hidden"
        }
    },
    content: [
        { id: "JXi_q9w6p", type: "BIG_TITILE", content: "大标题" },
        { id: "gpTcqs15o", type: "SOLID_BORDER" },
        { id: "6Kz65aJ6L", type: "SMALL_TITLE", content: "小标题" },
        { id: "E2lyiL85S", type: "BIG_TEXT", content: "大文本" },
        { id: "Zy5yGPyP-", type: "DASHED_BORDER" },
        { id: "A2W-W7fG5", type: "SMALL_TEXT", content: "小文本" },
        {
        id: "bvp5TxO3o",
        type: "IMAGE",
        content:
            "https://icecoke-image.xiaobaihealth.com/img/210507184526445fddbc7743c89.jpg"
        },
        {
        id: "hj-h97fQA",
        type: "LINK",
        content: {
            id: "571718460950708264",
            name: "葡萄糖解决方案",
            url: ""
        }
        },
        { id: "v87R_3Zn5", type: "SPACING", content: "100" },
        {
        id: "D5p_ktAj1",
        type: "OL_LIST",
        content: [{ content: "列表1" }, { content: "列表2" }]
        },
        {
        id: "lL8-zPFLY",
        type: "CARD_LIST",
        content: [
            {
            url:
                "https://icecoke-image.xiaobaihealth.com/img/2105071846124125fddbc7743c89.jpg",
            name: "商品1",
            detail: "商品1"
            },
            {
            url:
                "https://icecoke-image.xiaobaihealth.com/img/2105071846218125fddbc7743c89.jpg",
            name: "商品2",
            detail: "商品2"
            },
            {
            url:
                "https://icecoke-image.xiaobaihealth.com/img/2105071846299665fddbc7743c89.jpg",
            name: "商品3",
            detail: "商品3"
            },
            {
            url:
                "https://icecoke-image.xiaobaihealth.com/img/210507184633545fddbc7743c89.jpg",
            name: "商品4",
            detail: "商品4"
            },
            {
            url:
                "https://icecoke-image.xiaobaihealth.com/img/2105071846391135fddbc7743c89.jpg",
            name: "商品5",
            detail: "商品5"
            }
        ]
        }
    ]
    }}
/>