{"product_id":"15-36-ct-emerald-from-colombia","title":"15.36 Ct. Emerald from Colombia","description":"\u003cbody\u003e\n\n\n    \n        \u003cmeta charset=\"utf-8\"\u003e\n        \u003cstyle\u003e\n            .el-row {\n                box-sizing: border-box;\n                display: flex;\n                flex-wrap: wrap;\n                position: relative;\n            }\n\n            .el-col {\n                display: flex;\n                padding: 7px 5px;\n                align-items: flex-end;\n                box-sizing: border-box;\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n\n            @media screen and (min-width: 768px) {\n                .el-col {\n                    flex: 0 0 100%;\n                    max-width: 100%;\n                }\n            }\n\n            .info-tab {\n                display: flex;\n                flex-wrap: wrap;\n                margin: 5px 0 -5px;\n                color: #0000005e;\n                font-size: var(--font15);\n                font-family: var(--font-popMedium);\n            }\n\n            .info-tab span {\n                padding: 0 15px 0 0;\n                box-sizing: border-box;\n                line-height: 34px;\n                cursor: pointer;\n            }\n\n            .info-tab span.active {\n                color: #000;\n            }\n\n            .info-list-box {\n                margin-top: 10px;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 0 1px 1px 0;\n                line-height: 20px;\n                font-size: 14px;\n            }\n\n            .info-list-box .el-col {\n                display: flex;\n                padding: 0;\n                align-items: center;\n                border: solid rgba(157, 157, 157, .3);\n                border-width: 1px 0 0 1px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2) {\n                position: relative;\n            }\n\n            .info-list-box .el-col:nth-child(2n):nth-last-child(2)::after {\n                position: absolute;\n                content: \"\";\n                bottom: -1px;\n                left: -1px;\n                right: 0;\n                height: 1px;\n                background-color: rgba(157, 157, 157, .3);\n            }\n\n            .info-list-box label,\n            .info-list-box span {\n                padding: 7px 12px;\n                box-sizing: border-box;\n            }\n\n            .info-list-box label {\n                display: flex;\n                border-right: 1px solid rgba(157, 157, 157, .3);\n                align-items: center;\n                width: 120px;\n                height: 100%;\n                background: #F6F7FA;\n            }\n\n            .info-list-box span {\n                flex: 1;\n                word-break: break-all;\n            }\n        \u003c\/style\u003e\n    \n    \n        \u003cdiv\u003e\n            \u003cdiv id=\"lotNumber\"\u003eId: \u003c\/div\u003e\n            \u003cdiv class=\"el-row info-list-box\" id=\"infoListBox\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cscript type=\"text\/javascript\"\u003e\n            \/\/ 需要显示的label字段，跟对应的参数\n            const labelList = [\n                { label: 'Stone type', prop: 'stoneType' },\n                { label: 'Dimensions', prop: 'dimensions' },\n                { label: 'Weight', prop: 'weight' },\n                { label: 'Shape', prop: 'shape' },\n                { label: 'Origin', prop: 'origin' },\n                { label: 'Color', prop: 'color' },\n                { label: 'Enhancement', prop: 'enhancement' }\n            ];\n            \/\/ 后台返回的对应值\n            const valList = \n        {\"stoneType\":\"Emerald\",\"dimensions\":\"L:16.21 W:14.89 H:9.65\",\"weight\":\"15.36\",\"shape\":\"Cushion\",\"origin\":\"Colombia\",\"color\":\"Green\",\"enhancement\":\"Standard\",\"clarity\":\"Very Slightly Included\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Brilliant\"};\n            \/\/ 获取DOM元素\n            const lotNumber = document.getElementById('lotNumber');\n            const infoListBox = document.getElementById('infoListBox');\n            \/\/ 更新信息列表\n            function updateInfoList(index) {\n                \/\/ 清空现有信息\n                infoListBox.innerHTML = '';\n                \/\/ 根据labelList创建信息项\n                labelList.forEach(item =\u003e {\n                    const colDiv = document.createElement('div');\n                    colDiv.className = 'el-col';\n                    const label = document.createElement('label');\n                    label.textContent = item.label;\n                    const span = document.createElement('span');\n                    span.textContent = valList[item.prop] || '';\n                    colDiv.appendChild(label);\n                    colDiv.appendChild(span);\n                    infoListBox.appendChild(colDiv);\n                });\n            }\n            \/\/ Lot Number\n            function getLotNumber() {\n                const span = document.createElement('span');\n                span.textContent = `3028`;\n                lotNumber.appendChild(span);\n            }\n            \/\/ 初始化页面\n            function init() {\n                getLotNumber();\n                \/\/ 显示第一个标签的数据\n                updateInfoList(0);\n            }\n            \/\/ 页面加载时初始化\n            init();\n        \u003c\/script\u003e\n    \n\n        \u003c\/body\u003e","brand":"Joseph Gad Inc.","offers":[{"title":"Default Title","offer_id":45122983985324,"sku":"3028","price":898560.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0699\/9552\/8364\/files\/image-1_dac65ce1-310e-488e-9f7a-278f97eba2c4.jpg?v=1773176734","url":"https:\/\/josephgad.com\/products\/15-36-ct-emerald-from-colombia","provider":"Joseph Gad Inc.","version":"1.0","type":"link"}