CINXE.COM
Buy OnePlus Watch 2 - OnePlus (United States)
<!doctype html> <html from="CMS-Render:OnePlus Venus"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" /> <title>Buy OnePlus Watch 2 - OnePlus (United States)</title> <link rel="canonical" href="https://www.oneplus.com/us/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="x-default" href="https://www.oneplus.com/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-US" href="https://www.oneplus.com/us/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="es-US" href="https://www.oneplus.com/us_es/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="fr-CA" href="https://www.oneplus.com/ca_fr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-CA" href="https://www.oneplus.com/ca_en/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="es-MX" href="https://www.oneplus.com/mx/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="es-CL" href="https://www.oneplus.com/cl/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="de-AT" href="https://www.oneplus.com/at/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="nl-BE" href="https://www.oneplus.com/be_nl/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="fr-BE" href="https://www.oneplus.com/be_fr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="bg-BG" href="https://www.oneplus.com/bg/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="hr-HR" href="https://www.oneplus.com/hr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="el-CY" href="https://www.oneplus.com/cy_gr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="tr-CY" href="https://www.oneplus.com/cy_tr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="cs-CZ" href="https://www.oneplus.com/cz/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="da-DK" href="https://www.oneplus.com/dk/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ee-EE" href="https://www.oneplus.com/ee/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="fi-FI" href="https://www.oneplus.com/fi/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="fr-FR" href="https://www.oneplus.com/fr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="de-DE" href="https://www.oneplus.com/de/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="el-GR" href="https://www.oneplus.com/gr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="hu-HU" href="https://www.oneplus.com/hu/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en" href="https://www.oneplus.com/ie/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="it-IT" href="https://www.oneplus.com/it/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="lv-LV" href="https://www.oneplus.com/lv/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="lt-LT" href="https://www.oneplus.com/lt/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="fr-LU" href="https://www.oneplus.com/lu_fr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="de-LU" href="https://www.oneplus.com/lu_de/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en" href="https://www.oneplus.com/mt/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="nl-NL" href="https://www.oneplus.com/nl/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="pl-PL" href="https://www.oneplus.com/pl/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="pt-PT" href="https://www.oneplus.com/pt/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ro-RO" href="https://www.oneplus.com/ro/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="es-ES" href="https://www.oneplus.com/es/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="sk-SK" href="https://www.oneplus.com/sk/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="sl-SI" href="https://www.oneplus.com/si/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="sv-SE" href="https://www.oneplus.com/se/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-GB" href="https://www.oneplus.com/uk/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="nb-NO" href="https://www.oneplus.com/no/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ru-RU" href="https://www.oneplus.com/ru/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="tr-TR" href="https://www.oneplus.com/tr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ru-BY" href="https://www.oneplus.com/by/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ru-KZ" href="https://www.oneplus.com/kz/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="uk-UA" href="https://www.oneplus.com/ua/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="sr-RS" href="https://www.oneplus.com/rs/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="zh" href="https://www.oneplus.com/cn/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="zh-HK" href="https://www.oneplus.com/hk/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en" href="https://www.oneplus.com/hk_en/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-IN" href="https://www.oneplus.in/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="th-TH" href="https://www.oneplus.com/th/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-MY" href="https://www.oneplus.com/my/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="vi-VN" href="https://www.oneplus.com/vn/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en" href="https://www.oneplus.com/au/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en" href="https://www.oneplus.com/sg/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-NP" href="https://www.oneplus.com/np/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="my-MM" href="https://www.oneplus.com/mm/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-PH" href="https://www.oneplus.com/ph/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en" href="https://www.oneplus.com/bd/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ar-AE" href="https://www.oneplus.com/ae/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ar-SA" href="https://www.oneplus.com/sa/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-IL" href="https://www.oneplus.com/il/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-PK" href="https://www.oneplus.com/pk/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ar-IQ" href="https://www.oneplus.com/iq/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ar-EG" href="https://www.oneplus.com/eg/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ar-BH" href="https://www.oneplus.com/bh/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ar-OM" href="https://www.oneplus.com/om/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ar-JO" href="https://www.oneplus.com/jo/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="ar-QA" href="https://www.oneplus.com/qa_ar/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-QA" href="https://www.oneplus.com/qa_en/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="fr-TN" href="https://www.oneplus.com/tn_fr/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en-TN" href="https://www.oneplus.com/tn_en/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en" href="https://www.oneplus.com/za/buy-oneplus-watch-2" /> <link rel="alternate" hreflang="en" href="https://www.oneplus.com/global/buy-oneplus-watch-2" /> <meta name="description" content="Buy your OnePlus Watch 2 at the best price in the official OnePlus USA smartwatch virtual store, with exclusive sales discounts, gifts and accessory deals." /> <meta name="keywords" content="OnePlus Watch 2 launch, oneplus watch, oneplus watch 2, oneplus smartwatch, oneplus IoT products" /> <meta name="robots" content="INDEX,FOLLOW" /> <meta name="referrer" content="no-referrer-when-downgrade"> <link rel="icon" href="https://oasis.opstatics.com/content/dam/oasis/oneplus.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://oasis.opstatics.com/content/dam/oasis/oneplus.ico" type="image/x-icon" /> <link rel="preload" href="https://cdn.opstatics.com/venus/chunk-pharos-ui.css?v=1731991112071" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin> <link rel="preload" href="https://cdn.opstatics.com/venus/chunk-vendors.css?v=1731991112071" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin> <link rel="preload" href="https://cdn.opstatics.com/venus/product/main.css?v=1731991112071"as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin> <script>window.isNewLoginConfig = {callbackUrl: window.location.origin + '/account/login', bizAppKey: 'DkPXNvHbK1uQrd4nG5drut', environment: 'prod', userCenter: 'https://accounts.oneplus.com/v2/profile.html'};;window.isCheckGroupExpireTime = false</script> </head> <style> @media screen and (min-width: 1024px) { .footer-nav .nav-wrapper:first-child { border-bottom: none !important; } } .product-station__faq { background: #fff; } @media (max-width: 1023.98px) { .product-specs .attr-list { width: 100% !important; } .product-top-information__discount { right: 0 !important; } } </style> <body class="cms-index-index hide-body "> <style type="text/css" id="universal-loading-canvas-style"> * { padding: 0; margin: 0; } .hide-body { height: 0; overflow: hidden } body, html { overflow-x: hidden } .universal-loading-canvas { position: fixed; top: 0; height: 100%; width: 100% } .universal-loading-canvas .univesal-loading-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .univesal-loading-container { display: block; width: 48px; height: 48px } @media screen and (max-width:735px) { .univesal-loading-container { width: 40px; height: 40px } } .univesal-loading-container .universal-spinner { -webkit-animation: 1.4s linear infinite rotator; animation: 1.4s linear infinite rotator; width: 100%; height: 100% } .univesal-loading-container .path { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; transform-origin: center; stroke: #eb0028; -webkit-animation: 1.4s ease-in-out infinite dash; animation: 1.4s ease-in-out infinite dash } @-webkit-keyframes rotator { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(270deg); transform: rotate(270deg) } } @keyframes rotator { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(270deg); transform: rotate(270deg) } } @-webkit-keyframes white-colors { 0%, 25%, 50%, 75%, to { stroke: #fff } } @keyframes white-colors { 0%, 25%, 50%, 75%, to { stroke: #fff } } @-webkit-keyframes dash { 0% { stroke-dashoffset: 187 } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg) } to { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg) } } @keyframes dash { 0% { stroke-dashoffset: 187 } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg) } to { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg) } } </style> <section class="universal-loading-canvas" id="universal-loading-canvas"> <i class="univesal-loading-container"> <svg class="universal-spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle> </svg> </i> </section> <link rel="stylesheet" type="text/css" href="//oasis.opstatics.com/content/dam/statics/oasis/font/aem-font/index-v3.css?version=v1"> <input type="hidden" id="local_price_format" value="%7B%22pattern%22%3A%22%24%25s%22%2C%22precision%22%3A2%2C%22requiredPrecision%22%3A2%2C%22decimalSymbol%22%3A%22.%22%2C%22groupSymbol%22%3A%22%2C%22%2C%22groupLength%22%3A3%2C%22integerRequired%22%3A1%7D"> <input type="hidden" id="mark-currency-format" name="mark-currency-format" value="%7B%22pattern%22%3A%22%24%25s%22%2C%22precision%22%3A2%2C%22requiredPrecision%22%3A2%2C%22decimalSymbol%22%3A%22.%22%2C%22groupSymbol%22%3A%22%2C%22%2C%22groupLength%22%3A3%2C%22integerRequired%22%3A1%7D"> <input type="hidden" id="_current_store" value="us"> <input type="hidden" id="link-home" name="link-home" value="https://www.oneplus.com/us/"> <input type="hidden" id="_india_host" value="https://www.oneplus.in"> <input type="hidden" id="_net_host" value="https://www.oneplus.com"> <input type="hidden" id="_cn_host" value="https://www.oneplus.com/cn"> <input type="hidden" id="_in_account" value="https://account.oneplus.in"> <input type="hidden" id="_com_account" value="https://account.oneplus.com"> <input type="hidden" id="assets-public-path" name="assets-public-path" value="https://cdn.opstatics.com"> <input type="hidden" id="sign-in-url" name="sign-in-url" value="https://account.oneplus.com/json/store/signIn"> <input type="hidden" id="link-user-center" name="link-user-center" value="https://www.oneplus.com/us/customer/info"> <input type="hidden" id="mark-current-store" name="mark-current-store" value="us"> <input type="hidden" name="mark-currency-code" id="mark-currency-code" value="USD"> <input type="hidden" name="risk-jump-url" id="risk-jump-url" value="https://www.oneplus.com/us/account/sign-in/security_warning"> <input type="hidden" id="user-behavior-url" name="user-behavior-url" value="https://mallapi-na.oneplus.com/v2/api/router"> <input type="hidden" id="mall-api-url" name="mall-api-url" value="https://mallapi-na.oneplus.com/v2/api/router"> <input type="hidden" id="member-api-url" name="member-api-url" value="https://memberapi-na.oneplus.com/v2/api/router"> <input type="hidden" id="membership-api-url" name="membership-api-url" value="https://membershipapi-na.oneplus.com/api/2.0"> <input type="hidden" id="mall-rest-url" name="mall-rest-url" value="https://mallapi-na.oneplus.com/v2/api/rest"> <input type="hidden" id="mall-api-url-rest" name="mall-api-url" value="https://mallapi-na.oneplus.com/v2/api/rest"> <input type="hidden" id="domain_rest_levin" name="domain_rest_levin" value="https://mallapi-na.oneplus.com/v2/api/rest"> <header id="header" class="new-nav"> <script defer src="https://cdn.opstatics.com/mage/scripts/vendor/jquery.js?v=1706773921577"></script> <link rel="preload" href="https://www.oneplus.com/content/dam/statics/oasis/header/layout.css" as="style" onload="this.onload=null;this.rel='stylesheet'" /> <div vue-comp="headerV3" id="header"> <div class="hidden-in-store-app hidden-in-member-app hidden-in-heytap-app"> <header id="header-v3" class="header-v3 nav-opacity"> <div :class="['top-header', {'fixed' : isXsMenu}]"> <div class="nav"> <!-- S logo --> <div class="nav-logo logo op-lazyload"> <transition name="xsLogo-fade"> <a @click="ga4Event({button_name:'Oneplus Logo', function_type:'back to homepage'}, 'function_entry')" v-show="!productMenuFlag" href="https://www.oneplus.com/us" :target="headerData.logoLinkNewPage"> <svg class="ico svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 103 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M.998 3.75V24h20.25V12.438h-2.25v9.312H3.248V6h9.313V3.75H.998zM18.996 0v3.75h-3.75V6h3.75v3.75h2.25V6h3.75V3.75h-3.75V0h-2.25z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.56 18.75V8.875h-2c0 .68-.229 1.192-.576 1.496-.362.304-.911.441-1.548.441h-.25v1.626h2.124v6.312h2.25zm23.264-5.087c0-2.278-1.023-4.046-3.116-4.046s-3.163 1.768-3.163 4.046c0 2.263 1.07 4.031 3.163 4.031s3.116-1.768 3.116-4.03zm-8.642 0c0-3.41 2.14-5.942 5.511-5.942 3.372 0 5.496 2.533 5.496 5.942 0 3.41-2.124 5.927-5.496 5.927-3.37 0-5.511-2.517-5.511-5.927zm12.986-5.719h2.349l3.802 6.357c.367.62.798 1.593.798 1.593h.033s-.064-1.18-.064-1.976V7.944h2.284v11.39h-2.236l-3.899-6.292c-.367-.605-.814-1.577-.814-1.577h-.032s.064 1.195.064 1.991v5.879h-2.285V7.944zm11.836 0h8.403v1.943h-6.086v2.55h5.336v1.895H54.32v3.075h6.134v1.928h-8.451V7.944zm13.086 5.385h2.396c1.214 0 1.853-.67 1.853-1.705 0-1.067-.67-1.673-1.82-1.673h-2.43v3.378zm-2.4-5.385h5.017c1.326 0 2.316.382 2.987 1.068.64.653 1.023 1.545 1.023 2.596 0 2.15-1.422 3.6-3.818 3.6h-2.812v4.127h-2.396V7.945zm10.74 0h2.316v9.463h5.368v1.928H73.43V7.944zm8.912 7.726V7.945h2.317v7.727c0 1.178.59 2.007 2.14 2.007 1.47 0 2.157-.86 2.157-2.039V7.944h2.317v7.727c0 2.437-1.502 3.855-4.425 3.855-2.956 0-4.506-1.386-4.506-3.855zm10.56.144h2.269c.16 1.37.942 1.912 2.572 1.912 1.182 0 2.22-.414 2.22-1.466 0-1.115-1.085-1.338-2.827-1.736-2.045-.462-3.914-1.004-3.914-3.378 0-2.246 1.837-3.409 4.377-3.409 2.573 0 4.234 1.258 4.41 3.553h-2.221c-.128-1.148-1.022-1.721-2.205-1.721-1.246 0-2.06.526-2.06 1.338 0 .924.798 1.195 2.492 1.562 2.348.51 4.265 1.067 4.265 3.52 0 2.31-1.869 3.6-4.44 3.6-3.1 0-4.858-1.37-4.938-3.775z"></path> </svg> </a> </transition> <transition name="xsBack-fade"> <div v-show="productMenuFlag" class="go-back" @click="goBack"> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </div> </transition> </div> <!-- E logo --> <!-- S product nav --> <div class="nav-center"> <ul v-if="headerData.productItems && headerData.productItems.length > 0"> <template v-for="(item, k) in headerData.productItems"> <li v-if="(isDtbMode && Number(item.isDtb)) || (!isDtbMode && !Number(item.isDtb)) || item.navType == 'commonNav'" class="first-product" :class="item.navStyle" @mouseenter="showSecondMenu(k, $event, item.nav)" @mouseleave="showSecondMenu(-1, $event)"> <a @click="ga4Event({level: 'first',nav_group: 'none',nav_name: item.navItem})" class="font-body-md first-product-name black95" :href="initLink(item.navItemLink)">{{item.nav}}</a> <!-- S PC二级导航 --> <transition name="nav-fade"> <template v-if="(item.leftItems && item.leftItems.length > 0) || (item.rightItems && item.rightItems.length > 0)"> <nav :class="['product-list', {'nav-show': navIndex == k}]" v-show="navIndex == k"> <div class="product-box"> <div class="list-left"> <div class="list-left-box list-box"> <a @click="ga4Event({nav_group:item.nav, method:'Big Title', nav_name:item.leftTitle, level: 'second', position: 'Left'})" v-if="item.leftTitle" :href="initLink(item.secondTitleLink)" class="list-title font-subheading-md">{{item.leftTitle}} <svg class="icon svg-icon arrow-icon" viewBox="0 0 20 20"> <g clip-path="url(#icon-arrow-right-simple_clip0_430_12888)"> <path d="M15.19 10.75H2v-1.5h13.19l-4.72-4.72 1.06-1.06L18.06 10l-6.53 6.53-1.06-1.06 4.72-4.72z"></path> </g> <defs> <clipPath id="icon-arrow-right-simple_clip0_430_12888"> <path d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </a> <!-- 产品列表 --> <div v-for="list in item.leftItems" class="product-series"> <a @click="ga4Event({nav_group:item.nav, method:list.title, nav_name:item.leftTitle, level: 'second', position: 'Left'})" :href="initLink(list.titleLink)" :class="[list.subItem && list.subItem.length > 0 ? 'font-note-sm black55 product-series-title' : 'emptyList font-body-md black95']">{{list.title}}</a> <ul v-if="list.subItem && list.subItem.length > 0" class="product-series-main"> <li v-for="product in list.subItem"> <a @click="ga4Event({nav_group:item.nav, method:list.title, nav_name:product.name, level: 'second', position: 'Left'})" :href="initLink(product.link)" :target="product.newPage"> <div class="img-box" v-if="product.img"> <img class="op-lazyload" :data-src-2x="product.img" alt=""> </div> <div class="product-name font-body-md black95">{{product.name}}</div> <div v-if="product.tag" class="product-tag font-note-xs">{{product.tag}}</div> </a> </li> </ul> </div> </div> </div> <div :class="['list-right', {'list-right-empty': !item.rightTitle && !item.rightItems && !headerData.appDownload}]"> <div class="list-right-box list-box"> <a @click="ga4Event({nav_group:item.nav, method:'Big Title', nav_name:item.rightTitle, level: 'second', position: 'Right'})" v-if="item.rightTitle" class="font-body-md black95" :href="initLink(item.titleLink)">{{item.rightTitle}}</a> <div v-for="link in item.rightItems" class="link-series"> <p v-if="link.title" class="font-note-sm black55">{{link.title}}</p> <ul v-if="link.subItem && link.subItem.length > 0"> <li v-for="subLink in link.subItem"> <a @click="ga4Event({nav_group:item.nav, method:subLink.text, nav_name:link.title, level: 'second', position: 'Right'})" class="font-body-md black95" :href="initLink(subLink.textLink)" :target="subLink.newPage">{{subLink.text}}</a> </li> </ul> </div> <div class="app-download" v-if="headerData.appDownload"> <a @click="ga4Event({nav_group:item.nav, method:'Get APP', nav_name:headerData.appDownload, level: 'second', position: 'Right'})" class="font-body-md black95" :href="initLink(headerData.appDownloadLink)" :target="headerData.appDownloadnewpage">{{headerData.appDownload}} <svg class="icon svg-icon arrow-icon" viewBox="0 0 20 20"> <g clip-path="url(#icon-arrow-right-simple_clip0_430_12888)"> <path d="M15.19 10.75H2v-1.5h13.19l-4.72-4.72 1.06-1.06L18.06 10l-6.53 6.53-1.06-1.06 4.72-4.72z"></path> </g> <defs> <clipPath id="icon-arrow-right-simple_clip0_430_12888"> <path d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </a> </div> </div> </div> </div> </nav> </template> </transition> <!-- E PC二级导航 --> </li> </template> </ul> </div> <!-- E product nav --> <!-- S nav right --> <ul class="nav-right"> <!-- S 搜索 --> <template v-if="!isDtbMode && Number(headerData.searchDisplay)"> <transition name="xsMenu-fade"> <li v-show="!isXsMenu" class="header-search" @mouseenter="getSearchInfo(1)" @mouseleave="getSearchInfo(0)"> <a @click="getSearchInfo(1, true)"> <svg class="svg-icon ico-header-search" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.6918 10.8959C16.6918 14.0969 14.0969 16.6918 10.8959 16.6918C7.69492 16.6918 5.1 14.0969 5.1 10.8959C5.1 7.69492 7.69492 5.1 10.8959 5.1C14.0969 5.1 16.6918 7.69492 16.6918 10.8959ZM15.5294 16.6608C14.2616 17.6812 12.6501 18.2918 10.8959 18.2918C6.81127 18.2918 3.5 14.9806 3.5 10.8959C3.5 6.81127 6.81127 3.5 10.8959 3.5C14.9806 3.5 18.2918 6.81127 18.2918 10.8959C18.2918 12.6501 17.6812 14.2616 16.6608 15.5294L20.5011 19.3697L19.3697 20.5011L15.5294 16.6608Z" fill="black"/> </svg> </a> <!-- S 搜索弹窗 --> <div class="search-card" :class="searchFocused ? 'active' : '' "> <one-search ref="searchInput" v-if="searchInit" @submit="searchWord" focused-on @cancel="cancelXsSearch"></one-search> </div> <!-- E 搜索弹窗 --> </li> </transition> </template> <!-- E 搜索 --> <!-- S 购物车 --> <template v-if="!isDtbMode && Number(headerData.cartDisplay)"> <transition name="xsMenu-fade"> <li v-show="!isXsMenu" :class="['mini-cart', {'active': showMiniCart}]" @mouseenter="fetchCartInfo" @mouseleave="closeMiniCart" ref="shopBag"> <a :class="{'active': showMiniCart}" @click="clickMiniCart"> <svg class="ico svg-icon ico-cart show-number" viewBox="0 0 24 24" fill="none"> <path d="M3 4.75h1.825l.588 5.588.557 5.852A2 2 0 007.961 18h10.077a2 2 0 001.991-1.81l.762-8A2 2 0 0018.801 6H7.198c-.254 0-.497.047-.72.134L6.246 3.92a.75.75 0 00-.746-.67H3v1.5zm4.214 8.675l.032-.004-.34-3.233-.204-2.14a.5.5 0 01.497-.548H18.8a.5.5 0 01.498.547l-.762 8a.5.5 0 01-.498.453H7.961a.5.5 0 01-.497-.453l-.25-2.622z"></path> <path d="M10 13.75a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zM11 20a1 1 0 11-2 0 1 1 0 012 0zm6 0a1 1 0 11-2 0 1 1 0 012 0z"></path> </svg> <span class="red-dot font-note-xs" v-if="cart.itemNum && cart.itemNum > 0">{{cart.itemNum}}</span> </a> <!-- mini购物车-S --> <div :class="['cart-warper', {'active': showMiniCart}]"> <nav class="basket-info-nav"> <div class="basket-main"> <div class="cart-items-placeholder" v-if="cart.loading"> <one-spinner></one-spinner> <div class="loading-text">{{searchData.loading}}</div> </div> <div v-else class="minicart-container" :class="{'empty-cart':!(cart.cartGoods && cart.cartGoods.length)}"> <ul class="cart-products" v-if="cart.cartGoods && cart.cartGoods.length && !cart.loading"> <li v-for="(item,index) in cart.cartGoods" class="products-link" :class="{'gift-item': item.buyType == 2}"> <a :href="item.urlPath"> <div class="cart-item-warper"> <div class="cart-item-td td-image"> <span class="image-placeholder"> <img :src="clipImage(item.imageUrl, '160x160')" :srcset="clipImage(item.imageUrl, '160x160') + ' 1x,' + clipImage(item.imageUrl, '160x160') + ' 2x'" :alt="item.displayName" :srcset="item.imageUrl+ ' 1x,' + item.imageUrl+ ' 2x'"> </span> </div> <div class="cart-item-info"> <span class="main-item-warper"> <div class="main-item"> <!-- 商品名称 --> <div class="cart-item-name"> <!-- 商品名 --> <div class="font-body-md"> <template v-if="item.attachment && item.attachment.productDisplayName">{{item.attachment.productDisplayName}}</template> <template v-else>{{item.displayName}}</template> <!-- 赠品标签 --> <span class="tag-gift-tag font-note-xs" v-if="item.buyType == 2">{{searchData.gift}}</span> </div> <!-- 商品选型 --> <template v-for="option in item.attachment.skuSelectOptions"> <span class="item-attr font-note-sm">{{option.optLabel}}</span> </template> </div> <!-- 价格信息 --> <div class="item-price-info no-wrap font-note-sm"> <span class="now-price">{{formatCurrency(item.nowPrice)}}</span> <span class="item-qty"> x {{item.skuCount}} </span> </div> </div> </span> <span v-for="childItem in item.childItems" v-if="childItem.buyType == 2 || childItem.itemType == 4" class="cart-sku-gift-item"> <div class="cart-item-name font-body-md"> <span>{{childItem.displayName}}</span> <!-- 赠品标签 --> <span v-if="childItem.buyType == 2" class="tag-gift-tag font-note-xs">{{searchData.gift}}</span> <!-- 保险标签 --> <span v-else-if="childItem.itemType == 4" class="font-note-xs tag-gift-tag">{{searchData.insurance}}</span> </div> <span class="item-price-info no-wrap font-note-sm"> <span v-if="childItem.buyType == 2" class="now-price">{{searchData.free}}</span> <span v-else-if="childItem.itemType == 4" class="now-price">{{formatCurrency(childItem.nowPrice)}}</span> <span class="item-qty">x {{childItem.skuCount}}</span> </span> </span> <!-- 以旧换新 --> <span v-if="item.evaluateOrder" class="cart-sku-gift-item" :class="item.evaluateOrder && item.evaluateOrder.evaluationIsExpired?'expired':''"> <div class="cart-item-name font-body-md"> <span>{{searchData.exchangeProgram}}</span> <span class="tag-gift-tag font-note-xs expired-tag">{{searchData.expired}}</span> </div> <span class="item-price-info no-wrap font-note-sm"> <span class="now-price">-{{formatCurrency(item.evaluateOrder.evaluateTotalPrice)}}</span> </span> </span> </div> </div> </a> </li> </ul> <!-- 购物车为空 --> <div class="cart-no-products" v-if="cart.cartGoods && !cart.cartGoods.length && !cart.loading"> <div class="text-container font-body-lg"> <p v-if="!cart.showError"> {{searchData.emptyCart}} </p> <p v-if="cart.showError"> {{searchData.oopsText}} </p> </div> <div class="icon-container"> <svg class="ico svg-icon ico-shop-bag" viewBox="0 0 120 120" fill="none"> <path d="M35.25 46.517a1.03 1.03 0 011.022-1.165h57.517a1.03 1.03 0 011.022 1.165l-4.148 31.54a1.03 1.03 0 01-1.021.897H40.419a1.03 1.03 0 01-1.022-.896L35.25 46.517z" stroke="#000" stroke-width="1.237"></path> <path d="M15 36.358h11.872a3.092 3.092 0 013.066 2.689l6.726 51.065a3.092 3.092 0 003.065 2.688h48.04" stroke="#000" stroke-width="1.237"></path> <ellipse cx="77.235" cy="96.354" rx="2.826" ry="2.955" stroke="#000" stroke-width="1.237"></ellipse> <ellipse cx="52.055" cy="96.354" rx="2.826" ry="2.955" stroke="#000" stroke-width="1.237"></ellipse> <path d="M39.4 76.6h-4.803m-3.354-26.214h4.625" stroke="#000" stroke-width="1.237"></path> <path d="M29.701 40.413h-13.47a1.03 1.03 0 01-1.03-1.031v-3.594M36.2 89h50.37c.569 0 1.03.462 1.03 1.031v3.37M35.868 50.334h58.496" stroke="#000" stroke-width=".618"></path> <path opacity=".45" d="M55.35 53.317l-11.774 10.19L56.03 77.895l11.773-10.19L55.35 53.316zm19.691 3.034l9.132 5.51-9.361 16.073-9.14-5.276 9.369-16.307zm-7.827 7.195a4.625 4.625 0 100-9.25 4.625 4.625 0 000 9.25z" stroke="#F50514" stroke-width=".412" stroke-miterlimit="10" stroke-linecap="round" stroke-dasharray="0.82 0.82"></path> <circle cx="65.11" cy="31" r="11" stroke="#F50514" stroke-width=".412" stroke-linecap="round" stroke-dasharray="1.24 1.24"></circle> <path d="M65.621 29.477c.535-.366 1.037-.76 1.037-1.554 0-.633-.308-1.613-1.619-1.613-1.31 0-1.555.996-1.634 1.534h-1.33c0-1.091.682-2.705 2.93-2.705 2.009 0 2.98 1.282 2.98 2.8 0 1.392-.808 2.01-1.36 2.39-.777.538-1.343.934-1.343 1.994v.98h-1.327V32.29c0-1.643.955-2.322 1.666-2.813zm-1.86 6.018c0-.252.101-.493.284-.671a.983.983 0 011.373 0c.183.178.285.42.285.671a.939.939 0 01-.285.672.983.983 0 01-.687.277.983.983 0 01-.686-.278.939.939 0 01-.285-.67z" fill="#F50514"></path> </svg> </div> <div class="cart-free-limit free-text font-body-md"> <span> {{searchData.youAre}} <span class="shipping-fee" v-if="cart.cartGoods && cart.cartGoods.length">{{freeShippingPrice}}</span> <span v-else class="shipping-fee">$100</span> {{searchData.freeShipping}} </span> </div> </div> </div> </div> <div class="cart-info" v-if="!cart.loading && !isEmptyCart"> <div class="cart-link" v-if="!cart.showError"> <div class="text"> <div class="total-price font-body-lg"> <span class="label">{{searchData.total}}</span> <span class="value">{{formatCurrency(cart.totalPrice)}}</span> </div> <div class="gifts-tips" v-if="cart.giftsTips">{{searchData.freeGift}}</div> </div> <div class="cart-free-limit font-note-sm" v-if="!cart.loading"> <span v-if="cart.freeShopping">{{searchData.getGift}}</span> <span v-else> {{searchData.youAre}} <span class="shipping-fee" v-if="cart.cartGoods && cart.cartGoods.length">{{freeShippingPrice}}</span> <span v-else class="shipping-fee">$100</span> {{searchData.freeShipping}} </span> </div> <div class="buttons"> <div class="item"> <a @click="ga4Event({button_name:searchData.checkCart, function_type: 'Shopping cart'}, 'function_entry')" class="new-button new-button--secondary btn-text full-width is-block" :href="initLink('/jcart?from=mini_cart')" >{{searchData.checkCart}}</a> </div> <div class="item"> <a @click="ga4Event({button_name:searchData.checkout, function_type: 'Shopping cart'}, 'function_entry')" class="new-button new-button--primary btn-text full-width is-block" href="https://www.oneplus.com/us/checkout/payment" @click.prevent="checkGift">{{searchData.checkout}}</a> </div> </div> </div> </div> </nav> </div> <!-- mini购物车-E --> </li> </transition> </template> <!-- E 购物车 --> <!-- S 移动端汉堡按钮 --> <li class="menu-icon"> <a @click="showMenu" :class="{'show-menu': isXsMenu}"> <i class="icon-show-menu"></i> </a> </li> <!-- E 移动端汉堡按钮 --> <!-- S 个人信息 --> <li v-if="Number(headerData.accountDisplay)" class="header-info" @mouseenter="showUserInfo(1)" @mouseleave="showUserInfo(0)"> <a @click="goUserIconLogin({button_name:'Account center', function_type:'entry'}, 'function_entry')"> <img v-if="user.signedIn && user.avatar" class="pc-user-img" :src="user.avatar" alt="Avatar"> <svg v-else class="ico svg-icon ico-user" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 12a7.5 7.5 0 1015 0 7.5 7.5 0 00-15 0zM3 12a9 9 0 1018 0 9 9 0 00-18 0z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 12.535a2 2 0 100-4 2 2 0 000 4zm0 1.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z"></path> <path d="M18.063 18.651a6.502 6.502 0 00-12.126 0 9.058 9.058 0 01-1.105-1.207A8 8 0 0112 13a8 8 0 017.168 4.443c-.331.436-.701.84-1.105 1.208z"></path> </svg> </a> <div class="user-info-pc"> <div class="user-info-box"> <!-- dtb模式下 小标题 --> <div class="user-info-dtb-title font-note-sm" v-if="isDtbMode"> {{searchData.onePlusBusiness}} </div> <div class="sigin-box"> <a :class="['user-img', {'user-img-dtb': isDtbMode || user.isMembership}]" @click="goUserIconLogin({function_type: 'entry', button_name: 'Account center'}, 'function_entry')"> <img v-if="user.signedIn && user.avatar" :src="user.avatar" alt="Avatar"> <img v-else class="op-lazyload" data-src-2x="https://image01.oneplus.net/shop/202207/12/1-M00-3D-6B-rB8LB2LM696ARA9oAAACNk-7O5M305.svg" alt="Avatar"> <span v-if="isDtbMode" class="user-dtb"></span> <span v-else-if="user.isMembership" class="user-membership"> <svg class="ico ico-membership" fill="none" viewBox="0 0 16 16"> <path d="M0 8a8 8 0 1116 0A8 8 0 110 8z" fill="#fff"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 2a6 6 0 100 12A6 6 0 008 2zm3.292 9.382a4.724 4.724 0 01-6.674 0 4.724 4.724 0 010-6.674 4.724 4.724 0 016.674 0 4.724 4.724 0 010 6.674z" fill="#F50514"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 4.657a3.342 3.342 0 10-.001 6.685 3.342 3.342 0 000-6.685zm-.025 5.406a2.04 2.04 0 01-2.04-2.04 2.04 2.04 0 012.04-2.038 2.04 2.04 0 012.039 2.039 2.041 2.041 0 01-2.04 2.039z" fill="#F50514"></path> </svg> </span> </a> <div class="user-sigin"> <p class="font-body-md black95">{{user.signedIn ? user.name : searchData.welcome}}</p> <p v-if="!user.signedIn" class="sigin font-body-md"> <a href="javascript:void(0)" @click="goUserIconLogin({module:searchData.signUp,button_name: 'Entry'},'account_setting')">{{searchData.signUp}}</a> <i></i> <a href="javascript:void(0)" @click="goUserIconLogin({module:searchData.signIn,button_name: 'Entry'},'account_setting')">{{searchData.signIn}}</a> </p> <p v-else class="font-body-md sigin"> <a href="javascript:void(0)" @click="userSignOut({module:searchData.signOut,button_name: 'Entry'},'account_setting')">{{searchData.signOut}}</a> </p> </div> </div> <div class="user-menu"> <ul> <li> <a @click="ga4Event({function_type:'Account center', button_name: searchData.order}, 'function_entry')" :href="user.signedIn ? initLink('/sales/order/history?from=head') : initLink('/check-order?from=head')"> <div class="img-box"> <img class="op-lazyload" data-src-2x="https://image01-in.oneplus.net/shop/202206/14/1-M00-3D-46-rB8LB2KoUleAUUNsAAABv1Ho6hY193.svg" alt=""> <span class="font-body-md black95">{{searchData.order}}</span> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </a> </li> <li> <a @click="ga4Event({function_type:'Account center', button_name: searchData.account}, 'function_entry')" :href="initLink('/customer/info?from=head')"> <div class="img-box"> <img class="op-lazyload" data-src-2x="https://image01-in.oneplus.net/shop/202206/09/1-M00-3C-FD-rB8LB2KhoROAB5tdAAAEVeKlMcI807.svg" alt=""> <span class="font-body-md black95">{{searchData.account}}</span> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </a> </li> <li class="nav-badge nav-badge-mo" v-if="headerData.achievementDisplay"> <a @click="ga4Event({function_type:'Account center', button_name: searchData.achievement}, 'function_entry')" class="user-menu-item font-body-md" :href="initLink('/rcc/badge?from=head')"> <div class="img-box"> <img class="op-lazyload" data-src-2x="https://image01.oneplus.net/shop/202311/15/1-M00-48-89-CkvTlmVUbrqAHXt3AAAFepATGcY166.svg" alt=""> <span class="font-body-md black95">{{searchData.achievement}}</span> </div> <div class="nav-badge-right"> <div class="badge-icon"> <img class="op-lazyload" v-for="item in badgeList" :data-src-2x="item" alt=""> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </div> </a> </li> <template v-for="data in headerData.membersItems"> <li @click="ga4Event({function_type:'Account center', button_name: data.title}, 'function_entry')" v-if="(Number(data.isDtb) && isDtbMode) || (!isDtbMode && !Number(data.isDtb))"> <a :href="initLink(data.link)" :target="data.newPage"> <div class="img-box"> <img class="op-lazyload" :data-src-2x="data.icon || 'https://image01.oneplus.net/shop/202206/17/1-M00-3D-5A-rB8bwmKsMNiAJlS1AAADtHsnzMM635.svg'" alt=""> <span class="font-body-md black95">{{data.title}}</span> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </a> </li> </template> </ul> </div> <!-- dtb 切换模式 --> <div v-if="hasDtbAuth"> <div class="dtb-switch-mode font-note-sm flex" @click="switchDtbMode">{{isDtbMode ? searchData.personalMode : searchData.businessMode}}</div> </div> </div> </div> </li> <!-- E 个人信息 --> </ul> <!-- E nav right --> </div> <!-- 移动端菜单栏 --> <transition name="xsNav-fade"> <div v-show="isXsMenu" :class="['xs-nav-list', {'xs-nav-show': isXsMenu}]"> <div class="xs-nav-box"> <transition name="xsFirstNav-fade"> <div v-show="!productMenuFlag"> <!-- 产品列表 --> <div class="product-list" v-if="xsMenuProductData && xsMenuProductData.length > 0"> <ul> <template v-for="item in xsMenuProductData"> <li :class="['navList', item.navStyle]" v-if="(isDtbMode && Number(item.isDtb)) || (!isDtbMode && !Number(item.isDtb)) || item.navType == 'commonNav'" @click="goProductMenu(item)"> <div class="title-box"> <div class="img-box"> <img class="op-lazyload" :data-src-2x="item.navImg" alt=""> </div> <span class="font-body-md black95">{{item.nav}}</span> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </li> </template> </ul> </div> <!-- 纯外链列表 --> <div class="product-link product-list"> <ul> <template v-for="item in xsMenuLinkData"> <li :class="['navList', item.navStyle]" v-if="(isDtbMode && Number(item.isDtb)) || (!isDtbMode && !Number(item.isDtb)) || item.navType == 'commonNav'"> <a :href="initLink(item.navItemLink)" @click="ga4Event({level: 'first',nav_group: 'none',nav_name: item.navItem})"> <div class="title-box"> <span class="font-body-md black95">{{item.nav}}</span> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </a> </li> </template> </ul> </div> <!-- 个人信息栏 --> <template v-if="Number(headerData.accountDisplay)"> <div class="user-info"> <div class="user-info-box"> <!-- dtb模式下 小标题 --> <div class="user-info-dtb-title font-note-sm" v-if="isDtbMode"> {{searchData.onePlusBusiness}} </div> <div class="sigin-box"> <a :class="['user-img', {'user-img-dtb': isDtbMode || user.isMembership}]" @click="goUserIconLogin({function_type: 'entry', button_name: 'Account center'}, 'function_entry')"> <img v-if="user.signedIn && user.avatar" class="op-lazyload" :data-src-2x="user.avatar" alt="Avatar"> <img v-else class="op-lazyload" data-src-2x="https://image01.oneplus.net/shop/202207/12/1-M00-3D-6B-rB8LB2LM696ARA9oAAACNk-7O5M305.svg" alt="Avatar"> <span v-if="isDtbMode" class="user-dtb"></span> <span v-else-if="user.isMembership" class="user-membership"> <svg class="ico ico-membership" fill="none" viewBox="0 0 16 16"> <path d="M0 8a8 8 0 1116 0A8 8 0 110 8z" fill="#fff"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 2a6 6 0 100 12A6 6 0 008 2zm3.292 9.382a4.724 4.724 0 01-6.674 0 4.724 4.724 0 010-6.674 4.724 4.724 0 016.674 0 4.724 4.724 0 010 6.674z" fill="#F50514"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 4.657a3.342 3.342 0 10-.001 6.685 3.342 3.342 0 000-6.685zm-.025 5.406a2.04 2.04 0 01-2.04-2.04 2.04 2.04 0 012.04-2.038 2.04 2.04 0 012.039 2.039 2.041 2.041 0 01-2.04 2.039z" fill="#F50514"></path> </svg> </span> </a> <div class="user-sigin"> <p class="font-body-md black95">{{user.signedIn ? user.name : searchData.welcome}}</p> <p v-if="!user.signedIn" class="sigin font-body-md"> <a href="javascript:void(0)" @click="goUserIconLogin({module:searchData.signUp,button_name: 'Entry'},'account_setting')">{{searchData.signUp}}</a> <i></i> <a href="javascript:void(0)" @click="goUserIconLogin({module:searchData.signIn,button_name: 'Entry'},'account_setting')">{{searchData.signIn}}</a> </p> <p v-else class="font-body-md sigin"> <a href="javascript:void(0)" @click="userSignOut({module:searchData.signOut,button_name: 'Entry'},'account_setting')">{{searchData.signOut}}</a> </p> </div> </div> <div class="user-menu"> <ul> <li> <a @click="ga4Event({function_type:'Account center', button_name: searchData.order}, 'function_entry')" :href="user.signedIn ? initLink('/sales/order/history?from=head') : initLink('/check-order?from=head')"> <div class="img-box"> <img class="op-lazyload" data-src-2x="https://image01-in.oneplus.net/shop/202206/14/1-M00-3D-46-rB8LB2KoUleAUUNsAAABv1Ho6hY193.svg" alt=""> <span class="font-body-md black95">{{searchData.order}}</span> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </a> </li> <li> <a @click="ga4Event({function_type:'Account center', button_name: searchData.account}, 'function_entry')" :href="initLink('/customer/info?from=head')"> <div class="img-box"> <img class="op-lazyload" data-src-2x="https://image01-in.oneplus.net/shop/202206/09/1-M00-3C-FD-rB8LB2KhoROAB5tdAAAEVeKlMcI807.svg" alt=""> <span class="font-body-md black95">{{searchData.account}}</span> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </a> </li> <li class="nav-badge nav-badge-mo" v-if="Number(headerData.achievementDisplay)"> <a @click="ga4Event({function_type:'Account center', button_name: searchData.achievement}, 'function_entry')" class="user-menu-item font-body-md" :href="initLink('/rcc/badge?from=head')"> <div class="img-box"> <img class="op-lazyload" data-src-2x="https://image01.oneplus.net/shop/202311/15/1-M00-48-89-CkvTlmVUbrqAHXt3AAAFepATGcY166.svg" alt=""> <span class="font-body-md black95">{{searchData.achievement}}</span> </div> <div class="nav-badge-right"> <div class="badge-icon"> <img class="op-lazyload" v-for="item in badgeList" :data-src-2x="item" alt=""> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </div> </a> </li> <template v-for="data in headerData.membersItems"> <li v-if="(Number(data.isDtb) && isDtbMode) || (!isDtbMode && !Number(data.isDtb))"> <a @click="ga4Event({function_type:'Account center', button_name: data.title}, 'function_entry')" :href="initLink(data.link)" :target="data.newPage"> <div class="img-box"> <img class="op-lazyload" :data-src-2x="data.icon || 'https://image01.oneplus.net/shop/202206/17/1-M00-3D-5A-rB8bwmKsMNiAJlS1AAADtHsnzMM635.svg'" alt=""> <span class="font-body-md black95">{{data.title}}</span> </div> <svg class="ico svg-icon" viewBox="0 0 20 20"> <path clip-rule="evenodd" d="M13 10.41l-5.25 5.506-.861-.905L11.667 10 6.889 4.988l.861-.905L13 9.589c.22.226.22.594 0 .821z"></path> </svg> </a> </li> </template> </ul> </div> <!-- dtb 切换模式 --> <div v-if="hasDtbAuth"> <div class="dtb-switch-mode font-note-sm flex" @click="switchDtbMode">{{isDtbMode ? searchData.personalMode : searchData.businessMode}}</div> </div> </div> </div> </template> </div> </transition> <!-- S 二级菜单 --> <transition name="xsSecNav-fade"> <div v-if="productMenuFlag" class="product-info"> <div class="product-info-top"> <a v-if="xsMenuData.leftTitle" :href="initLink(xsMenuData.secondTitleLink)" class="product-info-title" @click="ga4Event({nav_group:xsMenuData.nav, method:'Big Title', nav_name:xsMenuData.leftTitle, level: 'second', position: 'Left'})"> <span class="font-body-xl black95">{{xsMenuData.leftTitle}}</span> <svg class="icon svg-icon arrow-icon" viewBox="0 0 20 20"> <g clip-path="url(#icon-arrow-right-simple_clip0_430_12888)"> <path d="M15.19 10.75H2v-1.5h13.19l-4.72-4.72 1.06-1.06L18.06 10l-6.53 6.53-1.06-1.06 4.72-4.72z"></path> </g> <defs> <clipPath id="icon-arrow-right-simple_clip0_430_12888"> <path d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </a> <div v-for="list in xsMenuData.leftItems" class="product-info-list"> <a v-if="list.title" :href="initLink(list.titleLink)" :class="[list.subItem && list.subItem.length > 0 ? 'font-note-sm black55' : 'emptyList font-body-md black95', 'list-title']" @click="ga4Event({nav_group:xsMenuData.nav, method:list.title, nav_name:xsMenuData.leftTitle, level: 'second', position: 'Left'})">{{list.title}}</a> <ul v-if="list.subItem && list.subItem.length > 0"> <li v-for="product in list.subItem"> <a @click="ga4Event({nav_group:xsMenuData.nav, method:list.title, nav_name:product.name, level: 'second', position: 'Left'})" :href="initLink(product.link)" :target="product.newPage"> <div class="list-img-box"> <img :src="product.img" alt=""> </div> <p class="product-info-name font-body-md black95">{{product.name}}</p> <p v-if="product.tag" class="product-info-tag font-note-xs">{{product.tag}}</p> </a> </li> </ul> </div> </div> <div class="product-info-bottom" v-if="(xsMenuData.rightItems && xsMenuData.rightItems.length> 0) || headerData.appDownload"> <a v-if="xsMenuData.rightTitle" :href="initLink(xsMenuData.titleLink)" class="list-bottom-title font-body-md black95" @click="ga4Event({nav_group:xsMenuData.nav, method:'Big Title', nav_name:xsMenuData.title, level: 'second', position: 'Right'})">{{xsMenuData.rightTitle}}</a> <div v-for="link in xsMenuData.rightItems" class="product-info-link"> <div v-if="link.title" class="product-link-title font-note-sm black55">{{link.title}}</div> <ul> <li v-for="subLink in link.subItem"> <a @click="ga4Event({nav_group:xsMenuData.nav, method:subLink.text, nav_name:link.title, level: 'second', position: 'Right'})" class="font-body-md black95" :href="initLink(subLink.textLink)" :target="subLink.newPage">{{subLink.text}}</a> </li> </ul> </div> <div class="app-download" v-if="headerData.appDownload"> <a class="font-body-md black95" :href="initLink(headerData.appDownloadLink)" :target="headerData.appDownloadnewpage"> {{headerData.appDownload}} <svg class="icon svg-icon arrow-icon" viewBox="0 0 20 20"> <g clip-path="url(#icon-arrow-right-simple_clip0_430_12888)"> <path d="M15.19 10.75H2v-1.5h13.19l-4.72-4.72 1.06-1.06L18.06 10l-6.53 6.53-1.06-1.06 4.72-4.72z"></path> </g> <defs> <clipPath id="icon-arrow-right-simple_clip0_430_12888"> <path d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </a> </div> </div> </div> </transition> <!-- E 二级菜单 --> </div> </div> </transition> <!-- 移动端菜单栏 --> </div> <!-- mask overlay --> <transition name="mask-fade"> <div v-show="showOverlay" class="overlay" @click="clickOverlay"></div> </transition> </header> </div> </div> <script type="application/json" id="data-search-translation"> { "cancel": "Cancel", "loading": "Loading...", "hot": "Hot", "noMatch": "Sorry, no matches were found.", "popular": "Popular", "search": "Search", "history": "Search history", "gift": "Gift", "insurance": "Insurance", "free": "Free", "exchangeProgram": "Exchange Program", "expired": "Expired", "emptyCart": "Your cart is empty", "oopsText": "Oops, something went wrong in your shopping cart. See what needs to be adjusted.", "youAre": "You are", "freeShipping": "away from free shipping.", "total": "Total", "freeGift": "Please remember to add free gift on the cart.", "getGift": "Congratulations! You get free shipping", "checkCart": "Check my cart", "checkout": "Checkout", "onePlusBusiness": "OnePlus Business", "welcome": "Welcome to OnePlus", "signUp": "Sign up", "signIn": "Sign in", "signOut": "Sign out", "order": "Orders", "account": "Account", "achievement": "Achievement", "personalMode": "Switch to Personal Mode", "businessMode": "Switch to Business Mode" } </script> <script type="application/json" id="header-data"> { "appDownloadnewpage": "_self", "productItems": [ { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/common/store.png", "nav": "Store", "isDtb": "0", "leftTitle": "Go to Official Store", "navType": "commonNav", "secondTitleLink": "/store", "leftItems": [ { "subItem": [ { "img": "/content/dam/oasis/page/2024/nav/in/waffle-green.png", "newPage": "_blank", "link": "/store/phone", "name": "Phone" }, { "img": "/content/dam/oasis/page/2023/nav/pad-nav.png", "newPage": "_blank", "link": "/store/tablet", "name": "Tablet" }, { "img": "/content/dam/oasis/page/2024/nav/common/almond-silver.png", "newPage": "_blank", "link": "/store/wearables", "name": "Wearables" }, { "img": "/content/dam/oasis/page/2024/nav/in/eular.png", "newPage": "_blank", "link": "/store/audio", "name": "Audio" }, { "img": "/content/dam/oasis/page/2024/nav/us/nav-more-products-NA.png", "newPage": "_blank", "link": "/store/power-cables", "name": "Accessories" }, { "img": "/content/dam/oasis/page/2024/nav/common/bundles.png", "newPage": "_blank", "link": "/store/all", "name": "More Products" } ] } ], "navItemLink": "/store" }, { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/common/phone.png", "nav": "Phone", "isDtb": "0", "leftTitle": "Explore All Phone", "navType": "commonNav", "secondTitleLink": "/store/phone", "leftItems": [ { "subItem": [ { "img": "/content/dam/oasis/page/2024/nav/in/waffle-green.png", "newPage": "_blank", "link": "/oneplus-12", "name": "OnePlus 12", "tag": "New" }, { "img": "/content/dam/oasis/page/2024/nav/in/aston-blue.png", "newPage": "_blank", "link": "/oneplus-12r", "name": "OnePlus 12R", "tag": "New" }, { "img": "/content/dam/oasis/page/2023/nav/green-pc2.png", "newPage": "_blank", "link": "/oneplus-open", "name": "OnePlus Open" }, { "img": "/content/dam/oasis/page/2023/nav/nav-larry-black.png", "newPage": "_blank", "link": "/oneplus-n30-5g", "name": "OnePlus Nord N30 5G" }, { "img": "/content/dam/oasis/page/2023/nav/OnePlus115G.png", "newPage": "_blank", "link": "/oneplus-11", "name": "OnePlus 11 5G" } ] } ], "navItemLink": "/store/phone", "navNewPage": "_self", "rightTitle": "Compare Phones", "titleLink": "/phone/compare" }, { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/common/tablet.png", "nav": "Tablet", "isDtb": "0", "leftTitle": "Explore All Tablet", "navType": "commonNav", "secondTitleLink": "/store/tablet", "leftItems": [ { "subItem": [ { "img": "/content/dam/oasis/page/2024/nav/eu/pad2-nav-new.png", "newPage": "_blank", "link": "/buy-oneplus-pad-2", "name": "OnePlus Pad 2", "tag": "New" }, { "img": "/content/dam/oasis/page/2023/nav/pad-nav.png", "newPage": "_blank", "link": "/buy-oneplus-pad", "name": "OnePlus Pad" }, { "img": "/content/dam/oasis/page/2023/nav/shelltopnav.png", "newPage": "_blank", "link": "/store/tablet", "name": "Tablet Accessories" } ] } ], "navItemLink": "/store/tablet" }, { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/common/wearable.png", "nav": "Wearables", "isDtb": "0", "leftTitle": "Explore All Wearables", "navType": "commonNav", "secondTitleLink": "/store/wearables", "leftItems": [ { "subItem": [ { "img": "/content/dam/oasis/page/2024/nav/common/Green-watch-2r-0816.png", "newPage": "_blank", "link": "/buy-oneplus-watch-2r", "name": "OnePlus Watch 2R", "tag": "New" }, { "img": "/content/dam/oasis/page/2024/nav/common/almond-silver.png", "newPage": "_blank", "link": "/buy-oneplus-watch-2", "name": "OnePlus Watch 2" } ] } ], "navItemLink": "/store/wearables" }, { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/common/audio.png", "nav": "Audio", "isDtb": "0", "leftTitle": "Explore All Audio", "navType": "commonNav", "secondTitleLink": "/store/audio", "leftItems": [ { "subItem": [ { "img": "/content/dam/oasis/page/2024/nav/in/white.png", "newPage": "_blank", "link": "/product/oneplus-buds-pro-3", "name": "OnePlus Buds Pro 3", "tag": "New" }, { "img": "/content/dam/oasis/page/2024/nav/in/green-buds3-pro.png", "newPage": "_blank", "link": "/product/oneplus-nord-buds-3-pro", "name": "OnePlus Nord Buds 3 Pro", "tag": "New" }, { "img": "/content/dam/oasis/page/2024/nav/in/eular.png", "newPage": "_blank", "link": "/product/oneplus-buds-3", "name": "OnePlus Buds 3" }, { "img": "/content/dam/oasis/page/2022/new-navi/nord-wired-earphones/Edison.png", "newPage": "_blank", "link": "/product/oneplus-nord-wired-earphones", "name": "OnePlus Nord Wired Earphones" } ] } ], "navItemLink": "/store/audio", "navNewPage": "_self", "rightTitle": "Compare Audio", "titleLink": "/audio/compare" }, { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/us/nav-more-products-NA.png", "nav": "More Products", "isDtb": "0", "leftTitle": "Explore More Products", "navType": "commonNav", "secondTitleLink": "/store/all", "leftItems": [ { "subItem": [ { "img": "/content/dam/oasis/page/2024/nav/us/waffle-case.png", "newPage": "_blank", "link": "/store/cases-protection", "name": "Cases \u0026 Protection" }, { "img": "/content/dam/oasis/page/2022/nav/power-cables/NA-Power-Cables.png", "newPage": "_blank", "link": "/store/power-cables", "name": "Power \u0026 Cables" }, { "img": "/content/dam/oasis/page/2024/nav/common/bundles.png", "newPage": "_blank", "link": "/store/bundles", "name": "Bundles" } ] } ], "navItemLink": "/store/all" }, { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/common/onetopia.png", "nav": "OneTopia", "isDtb": "0", "leftTitle": "Evolve your digital life", "navType": "commonNav", "secondTitleLink": "/oneplus-featuring", "leftItems": [ { "title": "Brand", "titleLink": "/brand" }, { "title": "2024 OnePlus Photography Awards", "titleLink": "/photography-awards-2024/winners" }, { "title": "OnePlus Featuring", "titleLink": "/oneplus-featuring" }, { "title": "OxygenOS", "titleLink": "/oxygenos15" } ], "navItemLink": "/oneplus-featuring" }, { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/common/community.png", "nav": "Community", "isDtb": "0", "leftTitle": "Welcome to OnePlus Community", "navType": "commonNav", "secondTitleLink": "https://community.oneplus.com", "leftItems": [ { "title": "Community", "titleLink": "https://community.oneplus.com" }, { "title": "Power of Community", "titleLink": "https://community.oneplus.com/powerOfCommunity?utm_medium\u003dnavigation\u0026utm_source\u003dofficial_website" } ], "navItemLink": "https://community.oneplus.com" }, { "0": "-", "rightItems": [ { "subItem": [ { "newPage": "_blank", "text": "Invite Friends", "textLink": "/invite-friends?activityId=21" }, { "newPage": "_blank", "text": "Trade-in \u0026 Upgrade", "textLink": "/trade-in" }, { "newPage": "_blank", "text": "Students Discounts", "textLink": "/discount-program?verify\u003deducation_program" }, { "newPage": "_blank", "text": "Employee Discounts", "textLink": "/employee-groups?verify\u003demployee" }, { "newPage": "_blank", "text": "Membership Benefits", "textLink": "/rcc#/membership" }, { "newPage": "_blank", "text": "Exclusive savings in OnePlus Store App", "textLink": "https://www.oneplus.com/us/deep-link?app_page\u003doneplusstore%3A%2F%2Foneplus%2Fapp%3Furi%3Dcom.oneplus.mall.action.main%26tabIndex%3D0" } ], "title": "Offers" } ], "navImg": "/content/dam/oasis/page/2024/nav/common/service.png", "nav": "Support", "isDtb": "0", "leftTitle": "Welcome to OnePlus Support", "navType": "commonNav", "secondTitleLink": "/support", "leftItems": [ { "title": "Repair Service", "titleLink": "/support/repair" }, { "title": "Protection Plan", "titleLink": "/support/product/protection-service" }, { "title": "Repair Pricing", "titleLink": "/support/repair-pricing" } ], "navItemLink": "/support" } ], "cartDisplay": "1", "searchDisplay": "0", "achievementDisplay": "1", "accountDisplay": "1", "membersItems": [ { "isDtb": "0", "newPage": "_self", "icon": "/content/dam/oasis/coupon.svg", "link": "/customer/voucher#/", "title": "Coupon" }, { "isDtb": "0", "newPage": "_self", "icon": "https://image01.oneplus.net/shop/202206/17/1-M00-3D-5A-rB8LB2KsMNmAAfPlAAAHqNPsTMM380.svg", "link": "/redcoins-center#/", "title": "RedCoins" }, { "isDtb": "0", "newPage": "_self", "icon": "https://image01.oneplus.net/shop/202206/17/1-M00-3D-5A-rB8bwmKsMNiAJlS1AAADtHsnzMM635.svg", "link": "/redcableclub", "title": "Red Cable Club" } ] } </script> <script defer src="https://www.oneplus.com/content/dam/statics/oasis/header/vendor.js"></script> <script defer src="https://www.oneplus.com/content/dam/statics/oasis/header/layout.js"></script> <style> .header-v3 .phone-hidden { display: none!important; } #preLoadPopper, .notice-ribbon {display: none;} </style> </header> <link rel="preload" id="preloadImg" href="https://image01.oneplus.net/media/202409/02/d5cc1eeaeaf4cfaba4263350e6671d58.png?x-amz-process=image/format,webp/quality,Q_80" as="image" fetchpriority="high" > <div id="app" data-spu="P1189321"></div> <script type="application/json" id="data-device" v-pre> {"code":"P1189321","name":"OnePlus Watch 2","urlKey":"buy-oneplus-watch-2","skus":[{"skuCode":"5491100051","skuName":"OnePlus Watch 2 OPWWE231 Black Steel 北美","skuStatus":2},{"skuCode":"5491100052","skuName":"OnePlus Watch 2 OPWWE231 Radiant Steel 北美","skuStatus":2}]} </script> <script type="application/json" id="data-page" v-pre> {"code":"P1189321","imageLibrary":[{"skuCode":"5491100051","images":["https://image01.oneplus.net/media/202409/02/61d81af2e04f57b1e97a3dd706f1ff72.png","https://image01.oneplus.net/media/202409/02/fad45fa4ae064a506955e7312c71a47d.png","https://image01.oneplus.net/media/202409/02/afbd162b3c6ceabdd03085b9bc4127b3.png","https://image01.oneplus.net/media/202409/02/6cf93fb44ed8af050ea15a5f1d2f43cb.png","https://image01.oneplus.net/media/202409/02/3429fc758df706a87257caf550dbd9b3.png"]},{"skuCode":"5491100052","images":["https://image01.oneplus.net/media/202409/02/cdcd41db4db1bf3c2b7f3afe05b140ed.png","https://image01.oneplus.net/media/202409/02/fcf6430810d871237f5953a734aa9b25.png","https://image01.oneplus.net/media/202409/02/d4e43815390f35c07e5c785943233d01.png","https://image01.oneplus.net/media/202409/02/e0b255f6488149fbe085449ea87b6afd.png","https://image01.oneplus.net/media/202409/02/b5f1a0e06265cfb7f318f18826df8ed8.png"]}],"sellingPoint":[],"spuVideo":{"videoCoverImageUrl":""},"spuImageList":["https://image01.oneplus.net/media/202409/02/d5cc1eeaeaf4cfaba4263350e6671d58.png","https://image01.oneplus.net/media/202409/02/bb67ca4bea15bd8775c6fc2c1cf3a6db.png","https://image01.oneplus.net/media/202409/02/81daf596a84b831dd942b875708660b1.jpg"]} </script> <script type="application/json" id="data-seo" v-pre> {"title":"Buy OnePlus Watch 2","keywords":"OnePlus Watch 2 launch, oneplus watch, oneplus watch 2, oneplus smartwatch, oneplus IoT products","description":"Buy your OnePlus Watch 2 at the best price in the official OnePlus USA smartwatch virtual store, with exclusive sales discounts, gifts and accessory deals."} </script> <script type="application/json" id="data-bread-crumbs" v-pre> { "list": [{"text":"Home","link":""},{"text":"Store","link":"store/all"},{"text":"OnePlus Watch 2","link":"buy-oneplus-watch-2"},{"text":"Buy","link":""}] } </script> <script defer src="https://cdn.opstatics.com/venus/chunk-pharos-ui.js?v=1731991112071"></script> <script defer src="https://cdn.opstatics.com/venus/product/runtime.js?v=1731991112071"></script> <script defer src="https://cdn.opstatics.com/venus/chunk-vendors.js?v=1731991112071"></script> <script defer src="https://cdn.opstatics.com/venus/product/main.js?v=1731991112071"></script> <script async src="https://id.heytap.com/packages/account_web_sdk/index.umd.js"></script> <link rel="prefetch" href="https://cdn.opstatics.com/venus/chunk-icon.css?v=1731991112071"as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin> <script>dataLayer = [];</script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5HW9RGK');</script> <!-- End Google Tag Manager --> <!-- 公共环境变量 --> <script> window.__ONEPLUS_ENV_CONFIG__ = { // 当前商城 会携带语言 currentStore: "us", // 当前国家 currentCountryCode: "us" , // 当前区域 currentRegion: "na", // 当前货币 currencyFormat: "%7B%22pattern%22%3A%22%24%25s%22%2C%22precision%22%3A2%2C%22requiredPrecision%22%3A2%2C%22decimalSymbol%22%3A%22.%22%2C%22groupSymbol%22%3A%22%2C%22%2C%22groupLength%22%3A3%2C%22integerRequired%22%3A1%7D", /** 语言包域名 */ langDomain: 'https://cdn.opstatics.com/oneplus-json', // 接口域名URL apiBaseURL: { main: "https://storeapi-na.oneplus.com", review: "https://reviewapi-na.oneplus.com/list", account: "https://accountapi-na.oneplus.com", pay: "https://payapi-na.oneplus.com", support: "https://supportapi-na.oneplus.com", mall: "https://mallapi-na.oneplus.com", member: "https://memberapi-na.oneplus.com/v2/api/router", }, domain: { static: "https://cdn.opstatics.com", main: "https://www.oneplus.com/us", account: "https://account.oneplus.com" }, // 链接 link: { countryRegion: "https://www.oneplus.com/bd-address-global?v=1731991112071" }, __ONEPLUS_FP_TIME_OUT__: 300 } </script> <script>function addOtrack() { window.otrack = new OTrack({ app_id: '112600', app_key: '1360', region: 'us', env: 'prod', app_version: '', interval_time: 3, max_batch_events: 10, fail_timeout: 60, fail_retry_count: 3, is_single_page_app: false, develop: { catch_js_error: true, performance: true }, heatmap: true }) }</script> <script type="text/javascript" src="https://oasis.opstatics.com/content/dam/statics/oasis/js/otrack-latest.min.js" onload="addOtrack()"></script> </body> </html>