{"product_id":"ugreen-neodrive-go-1tb-usb4-ssd","title":"UGREEN NeoDrive Go D710 40Gbps 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 {\n    font-size: inherit;\n    color: #0d0d0d;\n    margin-bottom: 12px;\n    font-weight: 700;\n  }\n  .product-tabs__content h5,\n  .product-tabs__content h6 {\n    font-weight: 600;\n  }\n  .product-tabs__content h1 {\n    font-size: 40px;\n    line-height: 48px;\n  }\n  .product-tabs__content h2 {\n    font-size: 32px;\n    line-height: 40px;\n  }\n  .product-tabs__content h3 {\n    font-size: 28px;\n    line-height: 36px;\n  }\n  .product-tabs__content h4 {\n    font-size: 24px;\n    line-height: 32px;\n  }\n  .product-tabs__content h5 {\n    font-size: 20px;\n    line-height: 28px;\n    font-weight: 600;\n  }\n  .product-tabs__content h6 {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 600;\n  }\n\n  @media screen and (max-width: 768px) {\n    .product-tabs__content {\n      font-size: 14px;\n      line-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 {\n      margin-bottom: 8px;\n    }\n    .product-tabs__content h1 {\n      font-size: 28px;\n      line-height: 36px;\n    }\n    .product-tabs__content h2 {\n      font-size: 24px;\n      line-height: 32px;\n    }\n    .product-tabs__content h3 {\n      font-size: 20px;\n      line-height: 28px;\n    }\n    .product-tabs__content h4 {\n      font-size: 16px;\n      line-height: 22px;\n    }\n    .product-tabs__content h5 {\n      font-size: 14px;\n      line-height: 22px;\n    }\n    .product-tabs__content h6 {\n      font-size: 14px;\n      line-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;\n    padding-top: 40px;\n  }\n  .product-tabs__content img {\n    margin: 0 !important;\n  }\n  .product-tabs__content .swiper-pagination {\n    background: #000;\n    height: 40px;\n    top: 0;\n    bottom: auto !important;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow-y: auto;\n  }\n  .product-tabs__content .swiper-pagination-bullet {\n    width: auto;\n    height: auto;\n    background: none;\n    font-size: 18px;\n    color: #fff;\n    border-bottom: 2px solid #fff;\n    border-radius: 0;\n    margin: 0 20px !important;\n    opacity: 0.6;\n    flex: none;\n  }\n  .product-tabs__content\n    .swiper-pagination-bullet-active.swiper-pagination-bullet {\n    opacity: 1;\n  }\n  \/* 左图右文 *\/\n  .ug_nas_leftrightSwiper-title h1 {\n    padding: 40px 0px;\n    font-size: 32px;\n    line-height: 1.2em;\n    text-align: center;\n  }\n  .ug_nas_leftright_flex {\n    display: flex;\n    align-items: center;\n  }\n  .ug_nas_leftright_flex-l {\n    vertical-align: middle;\n    text-align: left;\n    width: 50%;\n    flex: none;\n    padding: 40px;\n  }\n  .ug_nas_leftright_flex-title {\n    margin-bottom: 16px;\n  }\n  .ug_nas_leftright_flex-title h1 {\n    font-size: 32px;\n  }\n  .ug_nas_leftright_flex-title h2 {\n    font-size: 21px;\n    padding-bottom: 20px;\n    margin-bottom: 0px;\n  }\n  .ug_nas_leftright_flex-p {\n    margin-bottom: 16px;\n  }\n  .ug_nas_leftright_flex-r {\n    flex: 1;\n    position: relative;\n    overflow: hidden;\n  }\n  .ug_nas_leftright_flex-r video {\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    object-fit: cover;\n  }\n  .ug_nas_leftright_flex-r-pictrue {\n    width: 100%;\n  }\n  .ug_nas_leftright_flex-video-playdiv {\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    width: 100%;\n    height: 100%;\n    cursor: pointer;\n  }\n  .ug_nas_leftright_flex-video-playdiv.no-play\n    .ug_nas_leftright_flex-video-icon {\n    display: none;\n  }\n  .ug_nas_leftright_flex-video-poster {\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    object-fit: cover;\n    pointer-events: none;\n  }\n  .ug_nas_leftright_flex-video-icon {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    pointer-events: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n  .ug_nas_leftright_swiper .swiper-pagination {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #000;\n    opacity: 0.2;\n    display: inline-block;\n    flex: none;\n    font-size: 0px;\n    line-height: 0px;\n    border: none;\n  }\n  .ug_nas_leftright_swiper\n    .swiper-pagination-bullet-active.swiper-pagination-bullet {\n    background: #007aff;\n  }\n  .ug_nas_leftright_swiper .swiper {\n    padding-bottom: 24px;\n    position: relative;\n    padding-top: 0px;\n  }\n  .ug_nas_leftright_swiper .swiper-pagination {\n    top: unset;\n    bottom: 10px !important;\n    background: transparent;\n    height: unset;\n    margin: 0px;\n    display: block;\n    text-align: center;\n    overflow: hidden;\n    padding: 0px;\n    opacity: 1;\n  }\n  .ug_nas_leftright_swiper .swiper-pagination-bullet {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #000;\n    opacity: 0.2;\n    display: inline-block;\n    flex: none;\n    font-size: 0px;\n    line-height: 0px;\n    border: none;\n    margin: 0px 4px !important;\n  }\n  .ug_nas_leftright_swiper\n    .swiper-pagination-bullet-active.swiper-pagination-bullet {\n    background: #007aff !important;\n    opacity: 1 !important;\n  }\n  .ug_nas_leftright_swiper.swiper {\n    padding-bottom: 30px;\n    position: relative;\n    padding-top: 0px;\n  }\n  .ug_nas_leftright_swiper .ug_nas_leftright_flex.row-reverse {\n    flex-direction: row-reverse;\n  }\n  .ug_nas_leftright_swiper .swiper-button-prev,\n  .ug_nas_leftright_swiper.isrow-reverse .swiper-button-next {\n    color: #000;\n  }\n  .ug_nas_leftright_swiper .swiper-button-next,\n  .ug_nas_leftright_swiper.isrow-reverse .swiper-button-prev {\n    color: #fff;\n  }\n  .ug_nas_leftright_flex-r.video_play .ug_nas_leftright_flex-video-playdiv {\n    display: none;\n  }\n  .ug_nas_leftright_swiper-div .ug_nas_leftright_flex-smallDiv {\n    display: none;\n  }\n  .ug_nas_leftright_swiper-div\n    .ug_nas_leftright_flex-smallDiv\n    .ug_nas_leftright_flex-l {\n    display: none;\n  }\n  .ug_nas_leftright_swiper-div\n    .ug_nas_leftright_flex-smallDiv\n    .ug_nas_leftright_flex-l.active {\n    display: block;\n  }\n\n  \/* 左图右文 *\/\n  .ug_nas_leftright_swiper.isFirst_left_img .ug_nas_leftright_flex {\n    flex-direction: row-reverse;\n  }\n  .ug_nas_leftright_swiper.isFirst_left_img .ug_nas_leftright_flex.row-reverse {\n    flex-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 {\n    color: #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 {\n    color: #000;\n  }\n\n  @media screen and (max-width: 768px) {\n    .product-tabs__content .swiper-pagination {\n      justify-content: flex-start;\n    }\n    .ug_nas_leftright_swiper-div .ug_nas_leftright_flex-smallDiv {\n      display: block;\n    }\n    .ug_nas_leftright_swiper-div .swiper-container .ug_nas_leftright_flex-l {\n      display: none;\n    }\n    .ug_nas_leftright_flex-smallDiv .ug_nas_leftright_flex-l {\n      width: 100%;\n      box-sizing: border-box;\n      padding: 20px 0px;\n    }\n    .ug_nas_leftright_swiper .swiper-button-prev,\n    .ug_nas_leftright_swiper .swiper-button-next {\n      color: #000 !important;\n    }\n    .ug_nas_leftright_flex-title {\n      margin-bottom: 20px;\n    }\n    .ug_nas_leftright_flex-title h1 {\n      font-size: 22px;\n      line-height: 1.2em;\n    }\n    .ug_nas_leftright_flex-title h2 {\n      font-size: 13px;\n      line-height: 1.4em;\n      padding-bottom: 10px;\n      margin-bottom: 0px;\n    }\n    .ug_nas_leftrightSwiper-title h1 {\n      font-size: 22px;\n      line-height: 1.2em;\n      padding: 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\n    new Swiper(\".ug_nas_swiper\", {\n      slidesPerView: 1,\n      loop: true,\n      navigation: {\n        nextEl: \".swiper-button-next\",\n        prevEl: \".swiper-button-prev\",\n      },\n      pagination: {\n        el: \".swiper-pagination\",\n        clickable: true,\n      },\n    });\n\n    document\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`;\n        let smallDom = document.createElement(\"div\");\n        smallDom.classList.add(\"ug_nas_leftright_flex-smallDiv\");\n        \/\/ item.insertAdjacentHTML(\"beforeend\",smallDom);\n        item.querySelectorAll(\".ug_nas_leftright_flex\").forEach((v, k) =\u003e {\n          if ((k + 1) % 2 == 0) {\n            v.classList.add(\"row-reverse\");\n          }\n          let clone = v\n            .querySelector(\".ug_nas_leftright_flex-l\")\n            .cloneNode(true);\n          smallDom.appendChild(clone); \/\/ 将克隆的元素添加到 smallDom 中\n        });\n        item.parentElement.appendChild(smallDom);\n        item.parentElement\n          .querySelector(\".ug_nas_leftright_flex-smallDiv\")\n          .querySelectorAll(\".ug_nas_leftright_flex-l\")[0]\n          ?.classList.add(\"active\");\n      });\n\n    \/\/ 左右 图文分离\n    new Swiper(\".ug_nas_leftright_swiper\", {\n      slidesPerView: 1,\n      loop: true,\n      navigation: {\n        nextEl: \".swiper-button-next\",\n        prevEl: \".swiper-button-prev\",\n      },\n      pagination: {\n        el: \".swiper-pagination\",\n        clickable: true,\n      },\n      on: {\n        init: function (el) {\n          el.el.addEventListener(\"click\", function (e) {\n            let event = e || window.event;\n            let target = event.target || event.srcElement;\n            if (\n              target.classList.value.indexOf(\n                \"ug_nas_leftright_flex-video-playdiv\"\n              ) != -1 \u0026\u0026\n              !target.classList.contains(\"no-play\")\n            ) {\n              target.parentElement.classList.add(\"video_play\");\n              target.parentElement.querySelector(\"video\")?.play();\n            }\n          });\n        },\n        slideChangeTransitionEnd: function (el) {\n          el.el.querySelectorAll(\"video\").forEach((videoDom, key) =\u003e {\n            videoDom.pause();\n            videoDom.currentTime = 0;\n          });\n          el.el\n            .querySelectorAll(\".ug_nas_leftright_flex-r\")\n            .forEach((dom, key) =\u003e {\n              dom.classList.remove(\"video_play\");\n            });\n          const currentIndex = this.realIndex + 1; \/\/ 索引从0开始需+1\n          console.log(`当前是第${currentIndex}个div`);\n          if (currentIndex % 2 === 0) {\n            el.el.classList.add(\"isrow-reverse\");\n          } else {\n            el.el.classList.remove(\"isrow-reverse\");\n          }\n          el.el.parentElement\n            .querySelector(\".ug_nas_leftright_flex-smallDiv\")\n            .querySelectorAll(\".ug_nas_leftright_flex-l\")\n            .forEach((dom, key) =\u003e {\n              dom.classList.remove(\"active\");\n            });\n          el.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    \/\/第一组\n    document.querySelectorAll(\".ug_nas_swiper1\").forEach(function (el) {\n      el.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\n        element.children[0].innerHTML = \"Why NAS?\";\n        element.children[1].innerHTML = \"Cost-Effective\";\n        element.children[2].innerHTML = \"Sleek and Modern Design\";\n        element.children[3].innerHTML = \"Access Anywhere\";\n        element.children[4].innerHTML = \"Widely Compatible\";\n      });\n    });\n    \/\/第二组\n    document.querySelectorAll(\".ug_nas_swiper2\").forEach(function (el) {\n      el.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\n        element.children[0].innerHTML = \"Fast Transfers\";\n        element.children[1].innerHTML = \"Expansion\";\n        element.children[2].innerHTML = \"Powerful Intel CPU\";\n        element.children[3].innerHTML = \"8GB DDR5 RAM\";\n        element.children[4].innerHTML = \"Dual M.2 NVMe Slots\";\n      });\n    });\n    \/\/第三组\n    document.querySelectorAll(\".ug_nas_swiper3\").forEach(function (el) {\n      el.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\n        element.children[0].innerHTML = \"Security\";\n        element.children[1].innerHTML = \"UGOS Pro\";\n        element.children[2].innerHTML = \"Video Center\";\n        element.children[3].innerHTML = \"Virtual Machine \u0026 Docker\";\n        element.children[4].innerHTML = \"2-Year Coverage\";\n      });\n    });\n    \/\/第四组\n    document.querySelectorAll(\".ug_nas_swiper4\").forEach(function (el) {\n      el.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\n        element.children[0].innerHTML = \"Comparison\";\n        element.children[1].innerHTML = \"Heat Dissipation\";\n        element.children[2].innerHTML = \"Package Includes\";\n        element.children[3].innerHTML = \"Updates\";\n        element.children[4].innerHTML = \"FAQ\";\n      });\n    });\n    \/\/第五组\n    document.querySelectorAll(\".ug_nas_swiper5\").forEach(function (el) {\n      el.querySelectorAll(\".swiper-pagination\").forEach(function (element) {\n        element.children[0].innerHTML = \"无结果1\";\n        element.children[1].innerHTML = \"无结果2\";\n        element.children[2].innerHTML = \"无结果3\";\n        element.children[3].innerHTML = \"无结果4\";\n        element.children[4].innerHTML = \"无结果5\";\n      });\n    });\n  \u003c\/script\u003e\u003c\/p\u003e","brand":"UGREEN NAS US","offers":[{"title":"NeoDrive Go D710 1TB","offer_id":44897280327887,"sku":"65888","price":419.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0629\/2088\/4431\/files\/1_f5b7f622-b982-454a-9f80-057bd7360a28.png?v=1773133356","url":"https:\/\/nas-eu.ugreen.com\/de\/products\/ugreen-neodrive-go-1tb-usb4-ssd","provider":"UGREEN NAS EU","version":"1.0","type":"link"}