{"title":"Gemstone","description":"","products":[{"product_id":"17-61-ct-tourmaline-from-brazil","title":"Pink Tourmaline 17.61 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\":\"Tourmaline\",\"dimensions\":\"L:17.19 W:15.64 H:10.66\",\"weight\":\"17.61\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Pink\",\"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 = `K5105`;\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":52908854083859,"sku":"K5105","price":8805.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_c40b60ad-1440-4a90-a426-28d89af9feb4.jpg?v=1768044615"},{"product_id":"8-43-ct-paraiba-tourmaline-from-brazil","title":"8.43 Ct. Paraiba Tourmaline from Brazil","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\":\"Paraiba Tourmaline\",\"dimensions\":\"L:13.20 W:10.74 H:7.19\",\"weight\":\"8.43\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Bluish Green\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Slightly Included\",\"colorIntensity\":\"Medium\",\"cuttingStyle\":\"Cabochon\",\"cut\":\"Double Cabochon\"};\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 = `K5727`;\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":52908854247699,"sku":"K5727","price":8430.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_a36206c3-9cb6-412f-8ae1-8e642b7dc224.jpg?v=1773658534"},{"product_id":"6-22-ct-tsavorite-garnet-from-tanzania","title":"Tsavorite Garnet 6.22 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\":\"Tsavorite Garnet\",\"dimensions\":\"L:14.07 W:7.96 H:5.83\",\"weight\":\"6.22\",\"shape\":\"Emerald Cut\",\"origin\":\"Tanzania\",\"color\":\"Green\",\"enhancement\":\"No Enhancement\",\"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 = `K5730`;\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":52908854673683,"sku":"K5730","price":31100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_bba6c006-cedf-40be-a6c4-f92b6d275f84.jpg?v=1768044626"},{"product_id":"10-19-ct-sapphire-from-ceylon-sri-lanka","title":"Blue Sapphire 10.19 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\":\"Sapphire\",\"dimensions\":\"L:11.80 W:11.24 H:8.46\",\"weight\":\"10.19\",\"shape\":\"Cushion\",\"origin\":\"Ceylon (Sri Lanka)\",\"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 = `S15314`;\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":52908854706451,"sku":"S15314","price":22928.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_91c9719b-a2c0-4fb3-80de-d36460daa8de.jpg?v=1768044630"},{"product_id":"11-12-ct-morganite-from-brazil","title":"11.12 Ct. Morganite from Brazil","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\":\"Morganite\",\"dimensions\":\"L:18.57 W:12.88 H:8.37\",\"weight\":\"11.12\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Medium\",\"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 = `K5723`;\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":52908854739219,"sku":"K5723","price":4448.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_f6ec33a1-56b2-494d-911d-5fe7fbe39d9a.jpg?v=1773921390"},{"product_id":"29-75-ct-morganite-from-brazil","title":"Morganite 29.75 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\":\"Morganite\",\"dimensions\":\"L:23.87 W:16.24 H:10.72\",\"weight\":\"29.75\",\"shape\":\"Emerald Cut\",\"origin\":\"Brazil\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Light\",\"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 = `K5724`;\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":52908854870291,"sku":"K5724","price":8925.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_fa9b55dd-b2d0-47e4-8a7d-f5b134e7c230.jpg?v=1768044637"},{"product_id":"7-77-ct-paraiba-tourmaline-from-brazil","title":"7.77 Ct. Paraiba Tourmaline from Brazil","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\":\"Paraiba Tourmaline\",\"dimensions\":\"L:13.05 W:11.01 H:6.44\",\"weight\":\"7.77\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Green\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Slightly Included\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Cabochon\",\"cut\":\"Double Cabochon\"};\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 = `K5726`;\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":52908855001363,"sku":"K5726","price":7770.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_92f494b7-3fb8-434e-95e5-bea27694dd06.jpg?v=1773661409"},{"product_id":"7-32-ct-tsavorite-garnet-from-tanzania","title":"Tsavorite Garnet 7.32 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\":\"Tsavorite Garnet\",\"dimensions\":\"L:14.50 W:10.24 H:7.50\",\"weight\":\"7.32\",\"shape\":\"Pear\",\"origin\":\"Tanzania\",\"color\":\"Green\",\"enhancement\":\"No Enhancement\",\"clarity\":\"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 = `K5729`;\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":52908855132435,"sku":"K5729","price":29280.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_9b037bf2-7627-4bbe-b7bf-405628c6e1cb.jpg?v=1768044644"},{"product_id":"27-68-ct-aquamarine-from-brazil","title":"Aquamarine 27.68 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\":\"Aquamarine\",\"dimensions\":\"L:21.92 W:18.48 H:12.60\",\"weight\":\"27.68\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Greenish Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Medium Light\",\"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 = `K5732`;\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":52908855165203,"sku":"K5732","price":9688.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_63b6435e-a195-4e3a-8294-765350b95c7e.jpg?v=1768044648"},{"product_id":"60-77-ct-tourmaline-from-mozambique","title":"Bi Color Tourmaline 60.77 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\":\"Tourmaline\",\"dimensions\":\"L:1.00 W:1.00 H:1.00\",\"weight\":\"60.77\",\"shape\":\"Emerald Cut\",\"origin\":\"Mozambique\",\"color\":\"Bi Color\",\"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 = `K6158`;\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":52908855361811,"sku":"K6158","price":36462.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_6e5574a6-d9dc-4ec2-bcf0-5d1c0c888d89.jpg?v=1768044655"},{"product_id":"6-59-ct-rubellite-tourmaline-from-brazil","title":"Rubellite Tourmaline 6.59 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\":\"Rubellite Tourmaline\",\"dimensions\":\"L:13.98 W:11.26 H:6.95\",\"weight\":\"6.59\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Pinkish Red\",\"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 = `K6163`;\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":52908855623955,"sku":"K6163","price":3954.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_7dc33bd4-9063-4921-9ae5-a5e9342b8273.jpg?v=1768044663"},{"product_id":"12-96-ct-tourmaline-from-mozambique","title":"Green Tourmaline 12.96 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\":\"Tourmaline\",\"dimensions\":\"L:19.05 W:10.43 H:7.51\",\"weight\":\"12.96\",\"shape\":\"Emerald Cut\",\"origin\":\"Mozambique\",\"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 = `K6157`;\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":52908855656723,"sku":"K6157","price":3888.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_b024d86a-4922-404e-89f1-790a0c412b8c.jpg?v=1768044666"},{"product_id":"5-56-ct-rubellite-tourmaline-from-brazil","title":"Rubellite Tourmaline 5.56 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\":\"Rubellite Tourmaline\",\"dimensions\":\"L:12.15 W:9.81 H:7.20\",\"weight\":\"5.56\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Pinkish Red\",\"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 = `K6162`;\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":52908855787795,"sku":"K6162","price":3336.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_a17eaf5c-2e1f-4fa0-938b-1ff8bcaceb9e.jpg?v=1768044670"},{"product_id":"13-35-ct-morganite-from-brazil","title":"Morganite 13.35 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\":\"Morganite\",\"dimensions\":\"L:1.00 W:1.00 H:1.00\",\"weight\":\"13.35\",\"shape\":\"Marquise\",\"origin\":\"Brazil\",\"color\":\"Pink\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Light\",\"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 = `K6159`;\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":52908855918867,"sku":"K6159","price":4672.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_04734998-e9ed-4302-81e5-fcd0c301cb56.jpg?v=1768044674"},{"product_id":"8-16-ct-tourmaline-from-mozambique","title":"Green Tourmaline 8.16 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\":\"Tourmaline\",\"dimensions\":\"L:12.53 W:10.70 H:7.19\",\"weight\":\"8.16\",\"shape\":\"Emerald Cut\",\"origin\":\"Mozambique\",\"color\":\"Green\",\"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 = `K7604`;\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":52908855984403,"sku":"K7604","price":2040.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_9fcf2731-22db-48a4-9b91-477226041602.jpg?v=1768044677"},{"product_id":"47-15-ct-aquamarine-from-brazil","title":"Aquamarine 47.15 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\":\"Aquamarine\",\"dimensions\":\"L:24.23 W:21.11 H:14.32\",\"weight\":\"47.15\",\"shape\":\"Cushion\",\"origin\":\"Brazil\",\"color\":\"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 = `K7606`;\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":52908856115475,"sku":"K7606","price":42435.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_c9cae576-1351-4823-9147-f3d9324dbccc.jpg?v=1768044681"},{"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":"135-69-ct-aquamarine-from-brazil","title":"Green Beryl 135.69 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\":\"Aquamarine\",\"dimensions\":\"L:29.90 W:39.87 H:20.03\",\"weight\":\"135.69\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Bluish Green\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Medium Light\",\"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 = `K7609`;\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":52908856279315,"sku":"K7609","price":13569.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_aa9b3b2d-fb5d-4726-86cc-6949e1b0848f.jpg?v=1768044688"},{"product_id":"12-58-ct-demantoid-garnet-from-madagascar","title":"Demantoid Garnet 12.58 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\":\"Demantoid Garnet\",\"dimensions\":\"L:14.26 W:14.17 H:8.84\",\"weight\":\"12.58\",\"shape\":\"Round\",\"origin\":\"Madagascar\",\"color\":\"Olive Green\",\"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 = `K8636`;\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":52908856443155,"sku":"K8636","price":81770.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_25721847-d695-4b18-9940-5fb494cd75cf.jpg?v=1768044693"},{"product_id":"29-47-ct-tourmaline-from-mozambique","title":"Green Tourmaline 29.47 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\":\"Tourmaline\",\"dimensions\":\"L:19.82 W:17.39 H:13.55\",\"weight\":\"29.47\",\"shape\":\"Cushion\",\"origin\":\"Mozambique\",\"color\":\"Green\",\"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 = `K8733`;\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":52908856705299,"sku":"K8733","price":10020.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_6e0873b5-50df-4383-8fc0-86a5f82cb800.jpg?v=1768044704"},{"product_id":"13-96-ct-tourmaline-from-mozambique","title":"Green Tourmaline 13.96 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\":\"Tourmaline\",\"dimensions\":\"L:18.79 W:10.72 H:7.93\",\"weight\":\"13.96\",\"shape\":\"Emerald Cut\",\"origin\":\"Mozambique\",\"color\":\"Bluish Green\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Slightly Included\",\"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 = `K8734`;\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":52908856836371,"sku":"K8734","price":4188.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_88ec4867-0d61-4030-beef-5e00406d5288.jpg?v=1768044708"},{"product_id":"11-77-ct-topaz-from-brazil","title":"11.77 Ct. Tourmaline from Brazil","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\":\"Tourmaline\",\"dimensions\":\"L:15.55 W:13.41 H:9.41\",\"weight\":\"11.77\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Peach\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Very Slightly Included\",\"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 = `K8735`;\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":52908856967443,"sku":"K8735","price":4120.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_94462f31-4d36-49a5-8a3a-06ce1173338d.jpg?v=1774281992"},{"product_id":"20-38-ct-heliodor-from-brazil","title":"Yellow Beryl 20.38 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\":\"Heliodor\",\"dimensions\":\"L:20.54 W:15.69 H:10.28\",\"weight\":\"20.38\",\"shape\":\"Cushion\",\"origin\":\"Brazil\",\"color\":\"Golden Yellow\",\"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 = `K8736`;\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":52908857131283,"sku":"K8736","price":2548.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_d9c0c8b3-9dd6-436c-aa0c-aa1008e5b300.jpg?v=1768044715"},{"product_id":"33-89-ct-sphene-titanite-from-madagascar","title":"Sphene 33.89 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\":\"Sphene (Titanite)\",\"dimensions\":\"L:18.61 W:17.50 H:12.58\",\"weight\":\"33.89\",\"shape\":\"Cushion\",\"origin\":\"Madagascar\",\"color\":\"Green\",\"enhancement\":\"No Enhancement\",\"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 = `L1001`;\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":52908857262355,"sku":"L1001","price":33890.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_db8722c8-8b05-4ff5-b94c-0197bb2e01d1.jpg?v=1768044718"},{"product_id":"1-59-ct-sapphire-from-ceylon-sri-lanka","title":"White Sapphire 1.59 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\":\"Sapphire\",\"dimensions\":\"L:7.71 W:5.51 H:4.03\",\"weight\":\"1.59\",\"shape\":\"Radiant\",\"origin\":\"Ceylon (Sri Lanka)\",\"color\":\"White\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Very Slightly Included\",\"colorIntensity\":\"Colorless\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Radiant 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 = `L1005`;\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":52908857295123,"sku":"L1005","price":636.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_07ff3bbf-dce4-4029-bb48-b929e0cf4b76.jpg?v=1768044722"},{"product_id":"2-71-ct-tsavorite-garnet-from-tanzania","title":"Tsavorite Garnet 2.71 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\":\"Tsavorite Garnet\",\"dimensions\":\"L:13.39 W:6.41 H:4.39\",\"weight\":\"2.71\",\"shape\":\"Marquise\",\"origin\":\"Tanzania\",\"color\":\"Green\",\"enhancement\":\"No Enhancement\",\"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 = `L1009`;\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":52908857327891,"sku":"L1009","price":4065.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_0469bd7e-3470-4145-9762-506c8544ec68.jpg?v=1768044726"},{"product_id":"1-45-ct-aquamarine-from-brazil","title":"Aquamarine 1.45 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\":\"Aquamarine\",\"dimensions\":\"L:8.60 W:6.71 H:4.74\",\"weight\":\"1.45\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Light\",\"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 = `L1010`;\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":52908857458963,"sku":"L1010","price":508.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_27899718-503b-40d4-84e5-d8d0f27d6c63.jpg?v=1768044730"},{"product_id":"1-01-ct-aquamarine-from-brazil","title":"Aquamarine 1.01 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\":\"Aquamarine\",\"dimensions\":\"L:7.98 W:6.13 H:3.79\",\"weight\":\"1.01\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Medium\",\"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 = `L1011`;\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":52908857590035,"sku":"L1011","price":354.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_e264ae26-5471-43dd-b5c8-866d2683b8b2.jpg?v=1768044733"},{"product_id":"5-27-ct-chrome-tourmaline-from-mozambique","title":"5.27 Ct. Chrome Tourmaline from Mozambique","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\":\"Chrome Tourmaline\",\"dimensions\":\"L:10.79 W:8.80 H:6.10\",\"weight\":\"5.27\",\"shape\":\"Emerald Cut\",\"origin\":\"Mozambique\",\"color\":\"Green\",\"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 = `L1012`;\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":52908857721107,"sku":"L1012","price":1318.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_4b7c80ff-1793-4b60-bf22-841738bd9359.jpg?v=1774351293"},{"product_id":"5-88-ct-chrome-tourmaline-from-mozambique","title":"5.88 Ct. Chrome Tourmaline from Mozambique","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\":\"Chrome Tourmaline\",\"dimensions\":\"L:11.14 W:9.17 H:6.85\",\"weight\":\"5.88\",\"shape\":\"Emerald Cut\",\"origin\":\"Mozambique\",\"color\":\"Green\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Medium\",\"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 = `L1013`;\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":52908857753875,"sku":"L1013","price":1470.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_de5deb1f-56e6-4160-b5e7-95c33180151c.jpg?v=1774351995"},{"product_id":"4-03-ct-spinel-from-ceylon-sri-lanka","title":"Spinel 4.03 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\":\"Spinel\",\"dimensions\":\"L:12.02 W:8.03 H:5.07\",\"weight\":\"4.03\",\"shape\":\"Oval\",\"origin\":\"Ceylon (Sri Lanka)\",\"color\":\"Purple\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Dark\",\"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 = `L1020`;\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":52908858048787,"sku":"L1020","price":1008.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_8457cee1-24e1-4251-bc28-bf8cca6e190a.jpg?v=1768044751"},{"product_id":"2-70-ct-spinel-from-ceylon-sri-lanka","title":"Spinel 2.70 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\":\"Spinel\",\"dimensions\":\"L:7.30 W:7.26 H:5.38\",\"weight\":\"2.70\",\"shape\":\"Asscher - Octagon\",\"origin\":\"Ceylon (Sri Lanka)\",\"color\":\"Pinkish Red\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Asscher\"};\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 = `L1021`;\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":52908858081555,"sku":"L1021","price":675.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_dfb1c971-fd82-4d25-8e36-8231394986cc.jpg?v=1768044754"},{"product_id":"8-44-ct-aquamarine-from-brazil","title":"Aquamarine 8.44 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\":\"Aquamarine\",\"dimensions\":\"L:14.20 W:11.22 H:8.48\",\"weight\":\"8.44\",\"shape\":\"Oval\",\"origin\":\"Brazil\",\"color\":\"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 = `L1024`;\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":52908858147091,"sku":"L1024","price":5486.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_8afce535-badf-48f2-86a5-c28b2f1bdc36.jpg?v=1768044762"},{"product_id":"15-73-ct-kunzite-from-brazil","title":"Kunzite 15.73 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\":\"Kunzite\",\"dimensions\":\"L:16.58 W:13.46 H:9.15\",\"weight\":\"15.73\",\"shape\":\"Cushion\",\"origin\":\"Brazil\",\"color\":\"Pink\",\"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 = `L1025`;\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":52908858179859,"sku":"L1025","price":2360.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_3d5a4859-071e-44f8-bb33-029815c5ed88.jpg?v=1768044765"},{"product_id":"7-24-ct-aquamarine-from-brazil","title":"Aquamarine 7.24 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\":\"Aquamarine\",\"dimensions\":\"L:12.59 W:11.18 H:7.89\",\"weight\":\"7.24\",\"shape\":\"Cushion\",\"origin\":\"Brazil\",\"color\":\"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 = `L1030`;\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":52908858212627,"sku":"L1030","price":4706.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_6a62311d-3e0c-4c7c-9b45-431484f4efde.jpg?v=1768044769"},{"product_id":"7-00-ct-aquamarine-from-brazil","title":"7.00 Ct. Aquamarine from Brazil","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\":\"Aquamarine\",\"dimensions\":\"L:16.42 W:10.90 H:7.65\",\"weight\":\"7.00\",\"shape\":\"Pear\",\"origin\":\"Brazil\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Intense\",\"cuttingStyle\":\"Faceted\",\"cut\":\"Mixed Brilliant 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 = `L1032`;\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":52908858409235,"sku":"L1032","price":4900.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_37b4d37a-3c5b-4355-866f-48236a437922.jpg?v=1780287337"},{"product_id":"14-58-ct-aquamarine-from-brazil","title":"Aquamarine 14.58 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\":\"Aquamarine\",\"dimensions\":\"L:15.79 W:14.37 H:10.89\",\"weight\":\"14.58\",\"shape\":\"Cushion\",\"origin\":\"Brazil\",\"color\":\"Blue\",\"enhancement\":\"Heat Treated\",\"clarity\":\"Eye Clean\",\"colorIntensity\":\"Light\",\"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 = `L1033`;\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":52908858442003,"sku":"L1033","price":5103.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0254\/9622\/3819\/files\/image-1_7c609f77-925f-4d43-abcc-a64700dac6c3.jpg?v=1768044776"},{"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"}],"url":"https:\/\/www.jerrygil.com\/collections\/gemstone\/strong-blue-violet.oembed?page=2","provider":"Jerry Gil \u0026 Company","version":"1.0","type":"link"}