{"title":"Tanzanite","description":"","products":[{"product_id":"159-41-ct-tanzanite-from-tanzania","title":"159.41 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:30.39 W:27.07 H:18.29\",\"weight\":\"159.41\",\"shape\":\"Emerald Cut\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Emerald Cut\"};\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 = `K7608`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908856148243,"sku":"K7608","price":127528.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_f983ba92-9235-45a9-8ce3-ff8f19e0e2a7.jpg?v=1773034212"},{"product_id":"89-48-ct-tanzanite-from-tanzania","title":"89.48 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:1.00 W:1.00 H:1.00\",\"weight\":\"89.48\",\"shape\":\"Cushion\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1034`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908858474771,"sku":"L1034","price":44740.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_3d41de80-f868-4fb9-b02f-b4ad74e14416.jpg?v=1772792420"},{"product_id":"69-22-ct-tanzanite-from-tanzania","title":"69.22 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:1.00 W:1.00 H:1.00\",\"weight\":\"69.22\",\"shape\":\"Trillion\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Trillion Cut\"};\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 = `L1035`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908858507539,"sku":"L1035","price":34610.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_d6429665-c737-4989-b499-186bbb607100.jpg?v=1772793721"},{"product_id":"30-72-ct-tanzanite-from-tanzania","title":"30.72 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:17.77 W:17.62 H:13.60\",\"weight\":\"30.72\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1036`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908858999059,"sku":"L1036","price":15360.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_b2a7ff36-b262-4030-b118-dce5ac025899.jpg?v=1772793860"},{"product_id":"24-08-ct-tanzanite-from-tanzania","title":"24.08 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:15.88 W:15.24 H:11.50\",\"weight\":\"24.08\",\"shape\":\"Cushion\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1037`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908859130131,"sku":"L1037","price":12040.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_d025cef3-5466-45d8-984a-7481afccd8a0.jpg?v=1772794065"},{"product_id":"11-98-ct-tanzanite-from-tanzania","title":"Tanzanite 11.98 Carats","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\":\"Tanzanite\",\"dimensions\":\"L:14.09 W:11.95 H:7.39\",\"weight\":\"11.98\",\"shape\":\"Emerald Cut\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Emerald Cut\"};\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 = `L1038`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908859162899,"sku":"L1038","price":4792.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_702f1260-f3e0-42f6-bb83-48366d6a36da.jpg?v=1768044795"},{"product_id":"10-11-ct-tanzanite-from-tanzania","title":"Tanzanite 10.11 Carats","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\":\"Tanzanite\",\"dimensions\":\"L:13.24 W:10.82 H:9.46\",\"weight\":\"10.11\",\"shape\":\"Cushion\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1039`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908859293971,"sku":"L1039","price":3538.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_8971b159-b133-4e56-b2f1-17c3b6d0f203.jpg?v=1768044798"},{"product_id":"24-52-ct-tanzanite-from-tanzania","title":"24.52 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:21.03 W:16.37 H:11.06\",\"weight\":\"24.52\",\"shape\":\"Pear\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1040`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908859425043,"sku":"L1040","price":12260.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_2d59b3ba-f634-4e8e-9dc4-8a9367140a57.jpg?v=1772794101"},{"product_id":"7-74-ct-tanzanite-from-tanzania","title":"7.74 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:14.75 W:10.67 H:7.65\",\"weight\":\"7.74\",\"shape\":\"Pear\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1043`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908860735763,"sku":"L1043","price":3096.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_7961d37e-ebcc-43b6-84f0-4f7df4b56c4e.jpg?v=1772794308"},{"product_id":"2-75-ct-tanzanite-from-tanzania","title":"2.75 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:8.92 W:6.68 H:5.08\",\"weight\":\"2.75\",\"shape\":\"Emerald Cut\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Emerald Cut\"};\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 = `L1044`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908860768531,"sku":"L1044","price":1100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_940d360d-6e91-4076-a606-99224fb90e94.jpg?v=1772791010"},{"product_id":"2-56-ct-tanzanite-from-tanzania","title":"2.56 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:9.47 W:7.38 H:5.21\",\"weight\":\"2.56\",\"shape\":\"Oval\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Slightly Included\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1046`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908860932371,"sku":"L1046","price":1024.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_f10c427f-1379-4829-abe1-533ea282e982.jpg?v=1772794599"},{"product_id":"2-23-ct-tanzanite-from-tanzania","title":"2.23 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:7.51 W:7.43 H:5.88\",\"weight\":\"2.23\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1047`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908861063443,"sku":"L1047","price":892.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_e4931790-ff8b-4863-9ed4-a25825349fa9.jpg?v=1772794779"},{"product_id":"1-79-ct-tanzanite-from-tanzania","title":"1.79 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:10.06 W:6.43 H:4.44\",\"weight\":\"1.79\",\"shape\":\"Pear\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1048`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908861194515,"sku":"L1048","price":716.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_0c4a78af-5c6f-4c36-9fc4-5344b8609ead.jpg?v=1772794814"},{"product_id":"2-09-ct-tanzanite-from-tanzania","title":"Tanzanite 2.09 Carats","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\":\"Tanzanite\",\"dimensions\":\"L:12.09 W:5.94 H:4.49\",\"weight\":\"2.09\",\"shape\":\"Marquise\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `L1050`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908861260051,"sku":"L1050","price":627.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_40335a71-8b76-4ba7-8b25-6a044c3b74e9.jpg?v=1768044830"},{"product_id":"4-74-ct-tanzanite-from-tanzania","title":"4.74 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:10.44 W:10.27 H:6.87\",\"weight\":\"4.74\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `SG59-1001`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908865650963,"sku":"SG59-1001","price":1896.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_3afd316d-e3c0-4c87-bfea-062f449745b8.jpg?v=1772796421"},{"product_id":"2-13-ct-tanzanite-from-tanzania","title":"2.13 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:8.15 W:5.99 H:6.01\",\"weight\":\"2.13\",\"shape\":\"Oval\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `SG59-1006`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908865945875,"sku":"SG59-1006","price":746.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_ee62c7d6-1208-4317-b3bf-ba06aa0566d3.jpg?v=1772796672"},{"product_id":"3-62-ct-tanzanite-from-tanzania","title":"Tanzanite 3.62 Carats","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\":\"Tanzanite\",\"dimensions\":\"L:11.12 W:8.66 H:5.26\",\"weight\":\"3.62\",\"shape\":\"Oval\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `SG59-1007`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908865978643,"sku":"SG59-1007","price":1267.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_43f7f81b-7bd3-4859-acd2-4299103144d3.jpg?v=1768044973"},{"product_id":"9-63-ct-tanzanite-from-tanzania","title":"9.63 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:12.94 W:13.12 H:8.97\",\"weight\":\"9.63\",\"shape\":\"Heart\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `SG59-1008`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908866044179,"sku":"SG59-1008","price":3852.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_0c9cd4da-9cab-4d5d-b35f-1d2673f1a0df.jpg?v=1772796715"},{"product_id":"9-51-ct-tanzanite-from-tanzania","title":"9.51 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:13.11 W:13.28 H:8.99\",\"weight\":\"9.51\",\"shape\":\"Heart\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `SG59-1009`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908866076947,"sku":"SG59-1009","price":3804.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_01307215-2f71-4a93-80a7-406a28319f79.jpg?v=1772796847"},{"product_id":"2-65-ct-tanzanite-from-tanzania","title":"2.65 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:7.87 W:7.86 H:5.01\",\"weight\":\"2.65\",\"shape\":\"Princess\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Princess Cut\"};\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 = `SG59-1010`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908866208019,"sku":"SG59-1010","price":795.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_875600eb-8968-4824-afff-d390d26f2d0e.jpg?v=1772796940"},{"product_id":"19-12-ct-tw-tanzanite-pair-from-tanzania","title":"Tanzanite Pair 19.12 Carats","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=\"info-tab\" id=\"infoTab\"\u003e\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\":\"Tanzanite\",\"dimensions\":\"L:1.00 W:1.00 H:1.00\",\"weight\":\"9.61\",\"shape\":\"Heart\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"},{\"stoneType\":\"Tanzanite\",\"dimensions\":\"L:1.00 W:1.00 H:1.00\",\"weight\":\"9.51\",\"shape\":\"Heart\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Vivid\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"}\n];\n \/\/ 获取DOM元素\n const lotNumber = document.getElementById('lotNumber');\n const infoTab = document.getElementById('infoTab');\n const infoListBox = document.getElementById('infoListBox');\n \/\/ 创建标签\n function createTabs() {\n \/\/ 清空现有标签\n infoTab.innerHTML = '';\n \/\/ 根据valList创建标签\n valList.forEach((item, index) =\u003e {\n const span = document.createElement('span');\n span.textContent = `Stone ${index + 1}`;\n if (index === 0) {\n span.classList.add('active');\n }\n \/\/ 添加点击事件\n span.addEventListener('click', function() {\n \/\/ 移除所有标签的active类\n document.querySelectorAll('.info-tab span').forEach(tab =\u003e {\n tab.classList.remove('active');\n });\n \/\/ 给当前点击的标签添加active类\n this.classList.add('active');\n \/\/ 更新信息列表\n updateInfoList(index);\n });\n infoTab.appendChild(span);\n });\n }\n \/\/ 更新信息列表\n function updateInfoList(index) {\n \/\/ 清空现有信息\n infoListBox.innerHTML = '';\n \/\/ 获取当前数据\n const currentData = valList[index];\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 = currentData[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 = `L1041`;\n lotNumber.appendChild(span);\n }\n \/\/ 初始化页面\n function init() {\n getLotNumber();\n \/\/ 创建标签\n createTabs();\n \/\/ 显示第一个标签的数据\n updateInfoList(0);\n }\n \/\/ 页面加载时初始化\n init();\n \u003c\/script\u003e\n \n\n \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908869189907,"sku":"L1041","price":8604.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_717a429a-ce9f-448d-a1a5-f77ff7c4f28f.jpg?v=1768045053"},{"product_id":"2-49-ct-tw-tanzanite-pair-from-tanzania","title":"Tanzanite Pair 2.49 Carats","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=\"info-tab\" id=\"infoTab\"\u003e\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\":\"Tanzanite\",\"dimensions\":\"L:1.00 W:1.00 H:1.00\",\"weight\":\"1.26\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"},{\"stoneType\":\"Tanzanite\",\"dimensions\":\"L:1.00 W:1.00 H:1.00\",\"weight\":\"1.23\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"}\n];\n \/\/ 获取DOM元素\n const lotNumber = document.getElementById('lotNumber');\n const infoTab = document.getElementById('infoTab');\n const infoListBox = document.getElementById('infoListBox');\n \/\/ 创建标签\n function createTabs() {\n \/\/ 清空现有标签\n infoTab.innerHTML = '';\n \/\/ 根据valList创建标签\n valList.forEach((item, index) =\u003e {\n const span = document.createElement('span');\n span.textContent = `Stone ${index + 1}`;\n if (index === 0) {\n span.classList.add('active');\n }\n \/\/ 添加点击事件\n span.addEventListener('click', function() {\n \/\/ 移除所有标签的active类\n document.querySelectorAll('.info-tab span').forEach(tab =\u003e {\n tab.classList.remove('active');\n });\n \/\/ 给当前点击的标签添加active类\n this.classList.add('active');\n \/\/ 更新信息列表\n updateInfoList(index);\n });\n infoTab.appendChild(span);\n });\n }\n \/\/ 更新信息列表\n function updateInfoList(index) {\n \/\/ 清空现有信息\n infoListBox.innerHTML = '';\n \/\/ 获取当前数据\n const currentData = valList[index];\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 = currentData[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 = `L1051`;\n lotNumber.appendChild(span);\n }\n \/\/ 初始化页面\n function init() {\n getLotNumber();\n \/\/ 创建标签\n createTabs();\n \/\/ 显示第一个标签的数据\n updateInfoList(0);\n }\n \/\/ 页面加载时初始化\n init();\n \u003c\/script\u003e\n \n\n \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908869222675,"sku":"L1051","price":872.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_727ed1d6-afe9-476d-a3b8-b556fb61134e.jpg?v=1768045056"},{"product_id":"1-78-ct-tw-tanzanite-pair-from-tanzania","title":"Tanzanite Pair 1.78 Carats","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=\"info-tab\" id=\"infoTab\"\u003e\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\":\"Tanzanite\",\"dimensions\":\"L:6.06 W:6.01 H:3.85\",\"weight\":\"0.95\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"},{\"stoneType\":\"Tanzanite\",\"dimensions\":\"L:5.88 W:5.78 H:3.62\",\"weight\":\"0.83\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"}\n];\n \/\/ 获取DOM元素\n const lotNumber = document.getElementById('lotNumber');\n const infoTab = document.getElementById('infoTab');\n const infoListBox = document.getElementById('infoListBox');\n \/\/ 创建标签\n function createTabs() {\n \/\/ 清空现有标签\n infoTab.innerHTML = '';\n \/\/ 根据valList创建标签\n valList.forEach((item, index) =\u003e {\n const span = document.createElement('span');\n span.textContent = `Stone ${index + 1}`;\n if (index === 0) {\n span.classList.add('active');\n }\n \/\/ 添加点击事件\n span.addEventListener('click', function() {\n \/\/ 移除所有标签的active类\n document.querySelectorAll('.info-tab span').forEach(tab =\u003e {\n tab.classList.remove('active');\n });\n \/\/ 给当前点击的标签添加active类\n this.classList.add('active');\n \/\/ 更新信息列表\n updateInfoList(index);\n });\n infoTab.appendChild(span);\n });\n }\n \/\/ 更新信息列表\n function updateInfoList(index) {\n \/\/ 清空现有信息\n infoListBox.innerHTML = '';\n \/\/ 获取当前数据\n const currentData = valList[index];\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 = currentData[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 = `PG59-1001`;\n lotNumber.appendChild(span);\n }\n \/\/ 初始化页面\n function init() {\n getLotNumber();\n \/\/ 创建标签\n createTabs();\n \/\/ 显示第一个标签的数据\n updateInfoList(0);\n }\n \/\/ 页面加载时初始化\n init();\n \u003c\/script\u003e\n \n\n \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908869943571,"sku":"PG59-1001","price":623.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_f7610733-f1f0-44c2-b52c-71963142e07e.jpg?v=1768045076"},{"product_id":"3-29-ct-tw-tanzanite-pair-from-tanzania","title":"Tanzanite Pair 3.29 Carats","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=\"info-tab\" id=\"infoTab\"\u003e\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\":\"Tanzanite\",\"dimensions\":\"L:7.46 W:7.41 H:4.63\",\"weight\":\"1.63\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Medium Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"},{\"stoneType\":\"Tanzanite\",\"dimensions\":\"L:7.56 W:7.47 H:4.73\",\"weight\":\"1.66\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Medium Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"}\n];\n \/\/ 获取DOM元素\n const lotNumber = document.getElementById('lotNumber');\n const infoTab = document.getElementById('infoTab');\n const infoListBox = document.getElementById('infoListBox');\n \/\/ 创建标签\n function createTabs() {\n \/\/ 清空现有标签\n infoTab.innerHTML = '';\n \/\/ 根据valList创建标签\n valList.forEach((item, index) =\u003e {\n const span = document.createElement('span');\n span.textContent = `Stone ${index + 1}`;\n if (index === 0) {\n span.classList.add('active');\n }\n \/\/ 添加点击事件\n span.addEventListener('click', function() {\n \/\/ 移除所有标签的active类\n document.querySelectorAll('.info-tab span').forEach(tab =\u003e {\n tab.classList.remove('active');\n });\n \/\/ 给当前点击的标签添加active类\n this.classList.add('active');\n \/\/ 更新信息列表\n updateInfoList(index);\n });\n infoTab.appendChild(span);\n });\n }\n \/\/ 更新信息列表\n function updateInfoList(index) {\n \/\/ 清空现有信息\n infoListBox.innerHTML = '';\n \/\/ 获取当前数据\n const currentData = valList[index];\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 = currentData[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 = `PG59-1002`;\n lotNumber.appendChild(span);\n }\n \/\/ 初始化页面\n function init() {\n getLotNumber();\n \/\/ 创建标签\n createTabs();\n \/\/ 显示第一个标签的数据\n updateInfoList(0);\n }\n \/\/ 页面加载时初始化\n init();\n \u003c\/script\u003e\n \n\n \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908870074643,"sku":"PG59-1002","price":1152.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_0e617cf6-d6a1-4f35-baa4-c59b75b579f6.jpg?v=1768045078"},{"product_id":"3-33-ct-tw-tanzanite-pair-from-tanzania","title":"Tanzanite Pair 3.33 Carats","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=\"info-tab\" id=\"infoTab\"\u003e\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\":\"Tanzanite\",\"dimensions\":\"L:7.63 W:7.53 H:4.38\",\"weight\":\"1.58\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"},{\"stoneType\":\"Tanzanite\",\"dimensions\":\"L:7.62 W:7.49 H:4.70\",\"weight\":\"1.75\",\"shape\":\"Round\",\"origin\":\"Tanzania\",\"color\":\"Violet\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant\"}\n];\n \/\/ 获取DOM元素\n const lotNumber = document.getElementById('lotNumber');\n const infoTab = document.getElementById('infoTab');\n const infoListBox = document.getElementById('infoListBox');\n \/\/ 创建标签\n function createTabs() {\n \/\/ 清空现有标签\n infoTab.innerHTML = '';\n \/\/ 根据valList创建标签\n valList.forEach((item, index) =\u003e {\n const span = document.createElement('span');\n span.textContent = `Stone ${index + 1}`;\n if (index === 0) {\n span.classList.add('active');\n }\n \/\/ 添加点击事件\n span.addEventListener('click', function() {\n \/\/ 移除所有标签的active类\n document.querySelectorAll('.info-tab span').forEach(tab =\u003e {\n tab.classList.remove('active');\n });\n \/\/ 给当前点击的标签添加active类\n this.classList.add('active');\n \/\/ 更新信息列表\n updateInfoList(index);\n });\n infoTab.appendChild(span);\n });\n }\n \/\/ 更新信息列表\n function updateInfoList(index) {\n \/\/ 清空现有信息\n infoListBox.innerHTML = '';\n \/\/ 获取当前数据\n const currentData = valList[index];\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 = currentData[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 = `PG59-1003`;\n lotNumber.appendChild(span);\n }\n \/\/ 初始化页面\n function init() {\n getLotNumber();\n \/\/ 创建标签\n createTabs();\n \/\/ 显示第一个标签的数据\n updateInfoList(0);\n }\n \/\/ 页面加载时初始化\n init();\n \u003c\/script\u003e\n \n\n \u003c\/body\u003e","brand":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":52908870107411,"sku":"PG59-1003","price":1249.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_6d5a5a4f-4af6-406c-819a-58aee9be7fea.jpg?v=1768045080"},{"product_id":"2-52-ct-tanzanite-from-tanzania","title":"2.52 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:8.99 W:7.07 H:4.56\",\"weight\":\"2.52\",\"shape\":\"Emerald Cut\",\"origin\":\"Tanzania\",\"color\":\"Violetish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Very Slightly Included\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Emerald Cut\"};\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 = `SG40-1004`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":53385316532499,"sku":"SG40-1004","price":693.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_cb98f62c-bdcf-4b7d-96c8-f7f8f795e868.jpg?v=1773031457"},{"product_id":"2-09-ct-tanzanite-from-tanzania-1","title":"2.09 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:7.55 W:7.50 H:4.89\",\"weight\":\"2.09\",\"shape\":\"Cushion\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Medium Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed 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 = `SG59-1011`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":53385316827411,"sku":"SG59-1011","price":575.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_ac81e400-efd4-4890-8405-8270da96cdc7.jpg?v=1769592193"},{"product_id":"1-86-ct-tanzanite-from-tanzania","title":"1.86 Ct. Tanzanite from Tanzania","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\":\"Tanzanite\",\"dimensions\":\"L:8.12 W:8.07 H:4.38\",\"weight\":\"1.86\",\"shape\":\"Trillion\",\"origin\":\"Tanzania\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Trillion Cut\"};\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 = `SG59-1012`;\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":"Jerry Gil \u0026 Company","offers":[{"title":"Default Title","offer_id":53385317024019,"sku":"SG59-1012","price":558.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_c30f821c-863e-49cd-9162-257e18bf4253.jpg?v=1769532365"}],"url":"https:\/\/www.jerrygil.com\/collections\/tanzanite\/strong-blue-violet.oembed?page=2","provider":"Jerry Gil \u0026 Company","version":"1.0","type":"link"}