{"product_id":"ugreen-neodrive-go-d709-20gbps-portable-ssd-1tb","title":"UGREEN NeoDrive Go D709 20Gbps Portable SSD (1TB)","description":"\u003cstyle\u003e\n\/* 按照博客的设计来 *\/\n.product-tabs__content h1,\n.product-tabs__content h2,\n.product-tabs__content h3,\n.product-tabs__content h4,\n.product-tabs__content h5,\n.product-tabs__content h6 {\nfont-size: inherit;\ncolor: #0d0d0d;\nmargin-bottom: 12px;\nfont-weight: 700;\n}\n.product-tabs__content h5,\n.product-tabs__content h6 {\nfont-weight: 600;\n}\n.product-tabs__content h1 {\nfont-size: 40px;\nline-height: 48px;\n}\n.product-tabs__content h2 {\nfont-size: 32px;\nline-height: 40px;\n}\n.product-tabs__content h3 {\nfont-size: 28px;\nline-height: 36px;\n}\n.product-tabs__content h4 {\nfont-size: 24px;\nline-height: 32px;\n}\n.product-tabs__content h5 {\nfont-size: 20px;\nline-height: 28px;\nfont-weight: 600;\n}\n.product-tabs__content h6 {\nfont-size: 16px;\nline-height: 24px;\nfont-weight: 600;\n}\n\n@media screen and (max-width: 768px) {\n.product-tabs__content {\nfont-size: 14px;\nline-height: 22px;\n}\n.product-tabs__content h1,\n.product-tabs__content h2,\n.product-tabs__content h3,\n.product-tabs__content h4,\n.product-tabs__content h5,\n.product-tabs__content h6 {\nmargin-bottom: 8px;\n}\n.product-tabs__content h1 {\nfont-size: 28px;\nline-height: 36px;\n}\n.product-tabs__content h2 {\nfont-size: 24px;\nline-height: 32px;\n}\n.product-tabs__content h3 {\nfont-size: 20px;\nline-height: 28px;\n}\n.product-tabs__content h4 {\nfont-size: 16px;\nline-height: 22px;\n}\n.product-tabs__content h5 {\nfont-size: 14px;\nline-height: 22px;\n}\n.product-tabs__content h6 {\nfont-size: 14px;\nline-height: 22px;\n}\n}\n\/* 按照博客的设计来 end *\/\n.product-tabs__content .swiper {\n--swiper-theme-color: white;\n--swiper-pagination-color: white;\n--swiper-pagination-bullet-inactive-color: white;\npadding-top: 40px;\n}\n.product-tabs__content img {\nmargin: 0 !important;\n}\n.product-tabs__content .swiper-pagination {\nbackground: #000;\nheight: 40px;\ntop: 0;\nbottom: auto !important;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\noverflow-y: auto;\n}\n.product-tabs__content .swiper-pagination-bullet {\nwidth: auto;\nheight: auto;\nbackground: none;\nfont-size: 18px;\ncolor: #fff;\nborder-bottom: 2px solid #fff;\nborder-radius: 0;\nmargin: 0 20px !important;\nopacity: 0.6;\nflex: none;\n}\n.product-tabs__content\n.swiper-pagination-bullet-active.swiper-pagination-bullet {\nopacity: 1;\n}\n\/* 左图右文 *\/\n.ug_nas_leftrightSwiper-title h1 {\npadding: 40px 0px;\nfont-size: 32px;\nline-height: 1.2em;\ntext-align: center;\n}\n.ug_nas_leftright_flex {\ndisplay: flex;\nalign-items: center;\n}\n.ug_nas_leftright_flex-l {\nvertical-align: middle;\ntext-align: left;\nwidth: 50%;\nflex: none;\npadding: 40px;\n}\n.ug_nas_leftright_flex-title {\nmargin-bottom: 16px;\n}\n.ug_nas_leftright_flex-title h1 {\nfont-size: 32px;\n}\n.ug_nas_leftright_flex-title h2 {\nfont-size: 21px;\npadding-bottom: 20px;\nmargin-bottom: 0px;\n}\n.ug_nas_leftright_flex-p {\nmargin-bottom: 16px;\n}\n.ug_nas_leftright_flex-r {\nflex: 1;\nposition: relative;\noverflow: hidden;\n}\n.ug_nas_leftright_flex-r video {\nwidth: 100%;\naspect-ratio: 16 \/ 9;\nobject-fit: cover;\n}\n.ug_nas_leftright_flex-r-pictrue {\nwidth: 100%;\n}\n.ug_nas_leftright_flex-video-playdiv {\nposition: absolute;\ntop: 0px;\nleft: 0px;\nwidth: 100%;\nheight: 100%;\ncursor: pointer;\n}\n.ug_nas_leftright_flex-video-playdiv.no-play\n.ug_nas_leftright_flex-video-icon {\ndisplay: none;\n}\n.ug_nas_leftright_flex-video-poster {\nwidth: 100%;\naspect-ratio: 16 \/ 9;\nobject-fit: cover;\npointer-events: none;\n}\n.ug_nas_leftright_flex-video-icon {\nwidth: 50px;\nheight: 50px;\nborder-radius: 50%;\npointer-events: none;\nposition: absolute;\ntop: 50%;\nleft: 50%;\ntransform: translate(-50%, -50%);\n}\n.ug_nas_leftright_swiper .swiper-pagination {\nwidth: 8px;\nheight: 8px;\nborder-radius: 50%;\nbackground: #000;\nopacity: 0.2;\ndisplay: inline-block;\nflex: none;\nfont-size: 0px;\nline-height: 0px;\nborder: none;\n}\n.ug_nas_leftright_swiper\n.swiper-pagination-bullet-active.swiper-pagination-bullet {\nbackground: #007aff;\n}\n.ug_nas_leftright_swiper .swiper {\npadding-bottom: 24px;\nposition: relative;\npadding-top: 0px;\n}\n.ug_nas_leftright_swiper .swiper-pagination {\ntop: unset;\nbottom: 10px !important;\nbackground: transparent;\nheight: unset;\nmargin: 0px;\ndisplay: block;\ntext-align: center;\noverflow: hidden;\npadding: 0px;\nopacity: 1;\n}\n.ug_nas_leftright_swiper .swiper-pagination-bullet {\nwidth: 10px;\nheight: 10px;\nborder-radius: 50%;\nbackground: #000;\nopacity: 0.2;\ndisplay: inline-block;\nflex: none;\nfont-size: 0px;\nline-height: 0px;\nborder: none;\nmargin: 0px 4px !important;\n}\n.ug_nas_leftright_swiper\n.swiper-pagination-bullet-active.swiper-pagination-bullet {\nbackground: #007aff !important;\nopacity: 1 !important;\n}\n.ug_nas_leftright_swiper.swiper {\npadding-bottom: 30px;\nposition: relative;\npadding-top: 0px;\n}\n.ug_nas_leftright_swiper .ug_nas_leftright_flex.row-reverse {\nflex-direction: row-reverse;\n}\n.ug_nas_leftright_swiper .swiper-button-prev,\n.ug_nas_leftright_swiper.isrow-reverse .swiper-button-next {\ncolor: #000;\n}\n.ug_nas_leftright_swiper .swiper-button-next,\n.ug_nas_leftright_swiper.isrow-reverse .swiper-button-prev {\ncolor: #fff;\n}\n.ug_nas_leftright_flex-r.video_play .ug_nas_leftright_flex-video-playdiv {\ndisplay: none;\n}\n.ug_nas_leftright_swiper-div .ug_nas_leftright_flex-smallDiv {\ndisplay: none;\n}\n.ug_nas_leftright_swiper-div\n.ug_nas_leftright_flex-smallDiv\n.ug_nas_leftright_flex-l {\ndisplay: none;\n}\n.ug_nas_leftright_swiper-div\n.ug_nas_leftright_flex-smallDiv\n.ug_nas_leftright_flex-l.active {\ndisplay: block;\n}\n\n\/* 左图右文 *\/\n.ug_nas_leftright_swiper.isFirst_left_img .ug_nas_leftright_flex {\nflex-direction: row-reverse;\n}\n.ug_nas_leftright_swiper.isFirst_left_img .ug_nas_leftright_flex.row-reverse {\nflex-direction: row;\n}\n\n.ug_nas_leftright_swiper.isFirst_left_img .swiper-button-prev,\n.ug_nas_leftright_swiper.isFirst_left_img.isrow-reverse .swiper-button-next {\ncolor: #fff;\n}\n.ug_nas_leftright_swiper.isFirst_left_img .swiper-button-next,\n.ug_nas_leftright_swiper.isFirst_left_img.isrow-reverse .swiper-button-prev {\ncolor: #000;\n}\n\n@media screen and (max-width: 768px) {\n.product-tabs__content .swiper-pagination {\njustify-content: flex-start;\n}\n.ug_nas_leftright_swiper-div .ug_nas_leftright_flex-smallDiv {\ndisplay: block;\n}\n.ug_nas_leftright_swiper-div .swiper-container .ug_nas_leftright_flex-l {\ndisplay: none;\n}\n.ug_nas_leftright_flex-smallDiv .ug_nas_leftright_flex-l {\nwidth: 100%;\nbox-sizing: border-box;\npadding: 20px 0px;\n}\n.ug_nas_leftright_swiper .swiper-button-prev,\n.ug_nas_leftright_swiper .swiper-button-next {\ncolor: #000 !important;\n}\n.ug_nas_leftright_flex-title {\nmargin-bottom: 20px;\n}\n.ug_nas_leftright_flex-title h1 {\nfont-size: 22px;\nline-height: 1.2em;\n}\n.ug_nas_leftright_flex-title h2 {\nfont-size: 13px;\nline-height: 1.4em;\npadding-bottom: 10px;\nmargin-bottom: 0px;\n}\n.ug_nas_leftrightSwiper-title h1 {\nfont-size: 22px;\nline-height: 1.2em;\npadding: 20px 0px;\n}\n}\n\/* 左图右文 end *\/\n\u003c\/style\u003e\n\u003cdiv class=\"swiper ug_nas_swiper ug_nas_swiper1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper ug_nas_swiper ug_nas_swiper4\"\u003e\n\u003cdiv class=\"swiper-pagination swiper-pagination-bullets swiper-pagination-horizontal\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0257\/5246\/9566\/files\/swiper_11.min.js?v=1723452150\"\u003e\u003c\/script\u003e \u003cscript\u003e\nnew Swiper(\".ug_nas_swiper\", {\nslidesPerView: 1,\nloop: true,\nnavigation: {\nnextEl: \".swiper-button-next\",\nprevEl: \".swiper-button-prev\",\n},\npagination: {\nel: \".swiper-pagination\",\nclickable: true,\n},\n});\n\ndocument\n.querySelectorAll(\".ug_nas_leftright_swiper\")\n.forEach((item, key) =\u003e {\n\/\/ let smallDom = `\u003cdiv class=\"ug_nas_leftright_flex-smallDiv\"\u003e\u003c\/div\u003e`;\nlet smallDom = document.createElement(\"div\");\nsmallDom.classList.add(\"ug_nas_leftright_flex-smallDiv\");\n\/\/ item.insertAdjacentHTML(\"beforeend\",smallDom);\nitem.querySelectorAll(\".ug_nas_leftright_flex\").forEach((v, k) =\u003e {\nif ((k + 1) % 2 == 0) {\nv.classList.add(\"row-reverse\");\n}\nlet clone = v\n.querySelector(\".ug_nas_leftright_flex-l\")\n.cloneNode(true);\nsmallDom.appendChild(clone); \/\/ 将克隆的元素添加到 smallDom 中\n});\nitem.parentElement.appendChild(smallDom);\nitem.parentElement\n.querySelector(\".ug_nas_leftright_flex-smallDiv\")\n.querySelectorAll(\".ug_nas_leftright_flex-l\")[0]\n?.classList.add(\"active\");\n});\n\n\/\/ 左右 图文分离\nnew Swiper(\".ug_nas_leftright_swiper\", {\nslidesPerView: 1,\nloop: true,\nnavigation: {\nnextEl: \".swiper-button-next\",\nprevEl: \".swiper-button-prev\",\n},\npagination: {\nel: \".swiper-pagination\",\nclickable: true,\n},\non: {\ninit: function (el) {\nel.el.addEventListener(\"click\", function (e) {\nlet event = e || window.event;\nlet target = event.target || event.srcElement;\nif (\ntarget.classList.value.indexOf(\n\"ug_nas_leftright_flex-video-playdiv\"\n) != -1 \u0026\u0026\n!target.classList.contains(\"no-play\")\n) {\ntarget.parentElement.classList.add(\"video_play\");\ntarget.parentElement.querySelector(\"video\")?.play();\n}\n});\n},\nslideChangeTransitionEnd: function (el) {\nel.el.querySelectorAll(\"video\").forEach((videoDom, key) =\u003e {\nvideoDom.pause();\nvideoDom.currentTime = 0;\n});\nel.el\n.querySelectorAll(\".ug_nas_leftright_flex-r\")\n.forEach((dom, key) =\u003e {\ndom.classList.remove(\"video_play\");\n});\nconst currentIndex = this.realIndex + 1; \/\/ 索引从0开始需+1\nconsole.log(`当前是第${currentIndex}个div`);\nif (currentIndex % 2 === 0) {\nel.el.classList.add(\"isrow-reverse\");\n} else {\nel.el.classList.remove(\"isrow-reverse\");\n}\nel.el.parentElement\n.querySelector(\".ug_nas_leftright_flex-smallDiv\")\n.querySelectorAll(\".ug_nas_leftright_flex-l\")\n.forEach((dom, key) =\u003e {\ndom.classList.remove(\"active\");\n});\nel.el.parentElement\n.querySelector(\".ug_nas_leftright_flex-smallDiv\")\n.querySelectorAll(\".ug_nas_leftright_flex-l\")\n[currentIndex - 1]?.classList.add(\"active\");\n},\n},\n});\n\n\/\/第一组\ndocument.querySelectorAll(\".ug_nas_swiper1\").forEach(function (el) {\nel.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\nelement.children[0].innerHTML = \"Why NAS?\";\nelement.children[1].innerHTML = \"Cost-Effective\";\nelement.children[2].innerHTML = \"Sleek and Modern Design\";\nelement.children[3].innerHTML = \"Access Anywhere\";\nelement.children[4].innerHTML = \"Widely Compatible\";\n});\n});\n\/\/第二组\ndocument.querySelectorAll(\".ug_nas_swiper2\").forEach(function (el) {\nel.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\nelement.children[0].innerHTML = \"Fast Transfers\";\nelement.children[1].innerHTML = \"Expansion\";\nelement.children[2].innerHTML = \"Powerful Intel CPU\";\nelement.children[3].innerHTML = \"8GB DDR5 RAM\";\nelement.children[4].innerHTML = \"Dual M.2 NVMe Slots\";\n});\n});\n\/\/第三组\ndocument.querySelectorAll(\".ug_nas_swiper3\").forEach(function (el) {\nel.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\nelement.children[0].innerHTML = \"Security\";\nelement.children[1].innerHTML = \"UGOS Pro\";\nelement.children[2].innerHTML = \"Video Center\";\nelement.children[3].innerHTML = \"Virtual Machine \u0026 Docker\";\nelement.children[4].innerHTML = \"2-Year Coverage\";\n});\n});\n\/\/第四组\ndocument.querySelectorAll(\".ug_nas_swiper4\").forEach(function (el) {\nel.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\nelement.children[0].innerHTML = \"Comparison\";\nelement.children[1].innerHTML = \"Heat Dissipation\";\nelement.children[2].innerHTML = \"Package Includes\";\nelement.children[3].innerHTML = \"Updates\";\nelement.children[4].innerHTML = \"FAQ\";\n});\n});\n\/\/第五组\ndocument.querySelectorAll(\".ug_nas_swiper5\").forEach(function (el) {\nel.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\nelement.children[0].innerHTML = \"无结果1\";\nelement.children[1].innerHTML = \"无结果2\";\nelement.children[2].innerHTML = \"无结果3\";\nelement.children[3].innerHTML = \"无结果4\";\nelement.children[4].innerHTML = \"无结果5\";\n});\n});\n\u003c\/script\u003e\u003c\/p\u003e","brand":"UGREEN NAS US","offers":[{"title":"NeoDrive Go D709 1TB SSD","offer_id":43222106341451,"sku":"dzb1789820544758","price":142.59,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/0571\/8347\/files\/ugreen-neodrive-go-d709-20gbps-portable-ssd-1tb_1.png?v=1789820553","url":"https:\/\/roundhemclad.shop\/products\/ugreen-neodrive-go-d709-20gbps-portable-ssd-1tb","provider":"My Store","version":"1.0","type":"link"}