1<!DOCTYPE html> 2<html lang="zh-Hant-TW"> 3<head> 4 <meta charset="UTF-8"> 5 <!-- SEO --> 6 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=yes"> 7 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 8 <meta name="format-detection" content="telephone=no"> 9 10 <!-- include css --> 11 <title>OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç</title> 12<meta name="url" content="https://www.olens.com.tw/" /> 13<meta name="subject" content="OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç" /> 14<meta name="author" content="OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç" /> 15<meta name="description" content="OLENSéå宿¹ç¨å®¶ææ¬æ£å¼ä»£çéå大å¢å¥³å MEOVV代è¨OLENSå¨éåç¶å°ææ300å¤éååº ä¸å æ·±åéå女婿¡è¿,æ´æ´»èºæ¼å種ææåºæ²çåªé«å ´ å,è®OLENSå¼ç¶æçº"K-BEAUTY"ç代åè©ä¹ä¸å¿«èNewJeansä¸èµ·å¤§è½ç©è²" /> 16<meta name="robots" content="All" /> 17<meta name="csrf-token" content="8e50f66f9ba301028c0e79f2c6a6249b78bf43b83d6589582e7f7b32f0c9e52b" /> 18<meta name="abstract" content="å±±å·ä¹ ä¹ç¶²ç«è¨è¨å ¬å¸ï½ç¶²é è¨è¨ UNLIMITED ç¡è¨é" /> 19<meta name="copyright" content="å±±å·ä¹ ä¹ç¶²ç«è¨è¨å ¬å¸ï½ç¶²é è¨è¨ UNLIMITED ç¡è¨é" /> 20<meta name="publisher" content="å±±å·ä¹ ä¹ç¶²ç«è¨è¨å ¬å¸ï½ç¶²é è¨è¨ UNLIMITED ç¡è¨é" /> 21<meta property="og:type" content="website" /> 22<meta property="og:site_name" content="OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç" /> 23<meta property="og:title" content="OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç" /> 24<meta property="og:description" content="OLENSéå宿¹ç¨å®¶ææ¬æ£å¼ä»£çéå大å¢å¥³å MEOVV代è¨OLENSå¨éåç¶å°ææ300å¤éååº ä¸å æ·±åéå女婿¡è¿,æ´æ´»èºæ¼å種ææåºæ²çåªé«å ´ å,è®OLENSå¼ç¶æçº"K-BEAUTY"ç代åè©ä¹ä¸å¿«èNewJeansä¸èµ·å¤§è½ç©è²" /> 25<meta property="og:url" content="https://www.olens.com.tw/" /> 26<meta property="og:image" content="https://www.olens.com.tw/files/20260311144814197.png" /> 27<meta property="og:image:url" content="https://www.olens.com.tw/files/20260311144814197.png" /> 28<meta property="og:image:width" content="600" /> 29<meta property="og:image:height" content="600" /> 30<link rel="me" href="https://www.nsdi.com.tw/" type="text/html" /> 31<link rel="me" href="mailto:[email protected]" /> 32 33 34<!-- Favicon --> 35<link rel="shortcut icon" type="image/ico" href="https://www.olens.com.tw/assets/front/images/favicon/favicon.ico?v=init" /> 36<link rel="apple-touch-icon" sizes="180x180" href="https://www.olens.com.tw/assets/front/images/favicon/apple-touch-icon.png?v=init"> 37<link rel="icon" type="image/png" sizes="32x32" href="https://www.olens.com.tw/assets/front/images/favicon/favicon-32x32.png?v=init"> 38<link rel="icon" type="image/png" sizes="16x16" href="https://www.olens.com.tw/assets/front/images/favicon/favicon-16x16.png?v=init"> 39<link rel="manifest" href="https://www.olens.com.tw/assets/front/images/favicon/site.webmanifest"> 40<!-- <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5"> 41<meta name="msapplication-TileColor" content="#b91d47"> 42<meta name="theme-color" content="#ffffff"> --> 43 44 45<!-- Google Font --> 46<link rel="preconnect" href="https://fonts.googleapis.com"> 47<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 48<link href="https://fonts.googleapis.com/css2?family=Brygada+1918:wght@400;500;700&family=Montserrat:wght@300;400;500;700&family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@300;400;500;700&family=Noto+Serif+TC:[email protected]&family=Cormorant:[email protected]&display=swap" rel="stylesheet"> 49 50<!-- å¼å ¥ link --> 51<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"><!-- bootstrap 5.2 --> 52<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"><!--animate css-->
53<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/js/plugins/jquery/jquery-ui/jquery-ui.min.css"><!--jquery ui css--> 54<!-- <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>swiper 8 --> 55<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/js/plugins/swiper/swiper-bundle.min.css?v=1791357764"><!--style css--> 56<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/js/plugins/selectric/selectric.css"><!--seletric css--> 57<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/css/pretty-checkbox.min.css"><!-- pretty checkbox css--> 58<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/js/plugins/tabScroller/tabScroller.css?v=1791357764"><!--tabScroller css--> 59<link type="text/css" rel="stylesheet" href="https://www.olens.com.tw/assets/front/css/style.css?v=1791357764"><!--style css--> 60 61<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 61-62
61 62<script async src="https://www.googletagmanager.com/gtag/js?id=
62G-QHT7QFN0BT
vendor: 12 bytes, line 62
62"></script>
63<script> 64
vendor: 134 bytes, lines 64-68
64window.dataLayer = window.dataLayer || []; 65 function gtag(){dataLayer.push(arguments);} 66 gtag('js', new Date()); 67 68 gtag('config', '
68G-QHT7QFN0BT
vendor: 4 bytes, line 68
68');
69</script>
69 70 71<!-- Meta Pixel Code -->
72<script>
vendor: 399 bytes, lines 72-81
72 73!function(f,b,e,v,n,t,s) 74{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 75n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 76if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 77n.queue=[];t=b.createElement(e);t.async=!0; 78t.src=v;s=b.getElementsByTagName(e)[0]; 79s.parentNode.insertBefore(t,s)}(window, document,'script', 80'https://connect.facebook.net/en_US/fbevents.js'); 81fbq('init', '
81731760142401758
vendor: 30 bytes, lines 81-82
81'); 82fbq('track', 'PageView');
83</script>
83 84<noscript><img height="1" width="1" style="display:none" 85src="https://www.facebook.com/tr?id=731760142401758&ev=PageView&noscript=1" 86/></noscript> 87<!-- End Meta Pixel Code --> 88 89<!-- Google Tag Manager -->
90<script>
vendor: 327 bytes, lines 90-94
90(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 91new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 92j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 93'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 94})(window,document,'script','dataLayer','
94GTM-P8SKH73G
vendor: 3 bytes, line 94
94');
94</script>
94 95<!-- End Google Tag Manager --> 96 97<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 97-98
97 98<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
98GTM-P8SKH73G
vendor: 83 bytes, lines 98-99
98" 99height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
100<!-- End Google Tag Manager (noscript) --> 101 <link rel="stylesheet" type="text/css" href="https://www.olens.com.tw/assets/front/js/plugins/fullpage/fullpage.css" /> 102</head> 103<body data-page="index"> 104 <noscript>æ¨çç覽å¨ä¸æ¯æ´JavaScriptåè½ï¼ è¥ç¶²é åè½ç¡æ³æ£å¸¸ä½¿ç¨æï¼è«éåç覽å¨JavaScriptçæ (Your browser does not support Javascript. For full functionality of this site, please enable JavaScript in your browser.)<br> 105 </noscript> 106 <div class="bg"></div> 107 <div class="loader-wrap"></div> 108<header> 109 <div> 110 <div class="logo-imgbox"> 111 <a href="https://www.olens.com.tw/"><img src="https://www.olens.com.tw/assets/front/images/logo.png" alt=""></a> 112 </div> 113 <!-- é»è ¦ç顯示 --> 114 <div class="header-nav"> 115 <div class="nav-links"> 116 <ul class="icon-list"> 117 <li class="icon-item"> 118 <a href="https://www.olens.com.tw/location" class="icon-link"> 119 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-location-header.svg" alt=""> 120 </a> 121 </li> 122 <li class="icon-item"> 123 <a href="https://www.olens.com.tw/member-intro" class="icon-link"> 124 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-member.svg" alt=""> 125 </a> 126 </li> 127 <li class="icon-item"> 128 <a href="https://www.olens.com.tw/contact" class="icon-link"> 129 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-contact.svg" alt=""> 130 </a> 131 </li> 132 </ul> 133 <ul class="header-list"> 134 <li class="header-item"> 135 <a href="https://www.olens.com.tw/news-list" class="header-link"> 136 <span class="link-text links en-txt">NEWS</span> 137 <span class="link-icon"> 138 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 139 </span> 140 </a> 141 <div class="header-dropdown-wrap"> 142 <ul class="header-dropdown-list"> 143 <li class="header-dropdown-item"> 144 <a href="https://www.olens.com.tw/news-list?nav=1" class="header-dropdown-link en-txt">æ°åæ¶æ¯</a> 145 </li> 146 <li class="header-dropdown-item"> 147 <a href="https://www.olens.com.tw/news-list?nav=2" class="header-dropdown-link en-txt">æ´»åæ¶æ¯</a> 148 </li> 149 </ul> 150 </div> 151 </li> 152 <li class="header-item"> 153 <a href="https://www.olens.com.tw/product-list" class="header-link"> 154 <span class="link-text links en-txt">PRODUCTS</span> 155 <span class="link-icon"> 156 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 157 </span> 158 </a> 159 <div class="header-dropdown-wrap"> 160 <ul class="header-dropdown-list"> 161 <li class="header-dropdown-item"> 162 <a href="https://www.olens.com.tw/product-list" class="header-dropdown-link en-txt" data-link="MEOVV">OLENS X MEOVV</a> 163 </li> 164 <li class="header-dropdown-item"> 165 <a href="https://www.olens.com.tw/product-list" class="header-dropdown-link en-txt">æ¢ç´¢å ¨ç³»å</a> 166 </li> 167 <li class="header-dropdown-item"> 168 <a href="https://www.olens.com.tw/product-list?q=daily" class="header-dropdown-link en-txt">æ¥æç³»å</a> 169 </li> 170 <li class="header-dropdown-item"> 171 <a href="https://www.olens.com.tw/product-list?q=monthly" class="header-dropdown-link en-txt">ææç³»å</a> 172 </li> 173 <li class="header-dropdown-item"> 174 <a href="https://www.olens.com.tw/news-content/8Fc04e3F1DB5" class="header-dropdown-link en-txt">å ¥éæ¬¾ç³»å</a> 175 </li> 176 </ul> 177 </div> 178 </li> 179 <li class="header-item"> 180 <a href="https://www.olens.com.tw/about" class="header-link">
181 <span class="link-text links en-txt">ABOUT</span> 182 <span class="link-icon"> 183 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 184 </span> 185 </a> 186 <div class="header-dropdown-wrap"> 187 <ul class="header-dropdown-list"> 188 <li class="header-dropdown-item"> 189 <a href="https://www.olens.com.tw/about" class="header-dropdown-link en-txt">èªèOLENS</a> 190 </li> 191 <li class="header-dropdown-item"> 192 <a href="https://www.olens.com.tw/location" class="header-dropdown-link en-txt">é·å®æé»</a> 193 </li> 194 </ul> 195 </div> 196 </li> 197 </ul> 198 <div><a href="https://www.olens.com.tw/#MEOVV" class="en-txt links" data-link="MEOVV">OLENS X MEOVV</a></div> 199 <!-- <div><a href="https://www.olens.com.tw/product-list" class="en-txt links">PRODUCTS</a></div> 200 <div><a href="https://www.olens.com.tw/location" class="en-txt links">LOCATION</a></div> 201 <div><a href="https://www.olens.com.tw/#NEWJEANS" class="en-txt links" data-link="NEWJEANS">OLENS X NEWJEANS</a></div> --> 202 </div> 203 <div> 204 <form action="" data-tag="searchData"> 205 <div class="input-radius"> 206 <button type="submit"><img src="https://www.olens.com.tw/assets/front/images/icon/icon-search.svg" alt=""></button> 207 <input type="text" placeholder="æå°ééµå" value=""> 208 </div> 209 </form> 210 </div> 211 </div> 212 <div class="mobile-nav-wrap"> 213 <ul class="icon-list mobile-icon-list"> 214 <li class="icon-item"> 215 <a href="https://www.olens.com.tw/location" class="icon-link"> 216 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-location-header.svg" alt=""> 217 </a> 218 </li> 219 <li class="icon-item"> 220 <a href="https://www.olens.com.tw/member-intro" class="icon-link"> 221 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-member.svg" alt=""> 222 </a> 223 </li> 224 <li class="icon-item"> 225 <a href="https://www.olens.com.tw/contact" class="icon-link"> 226 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-contact.svg" alt=""> 227 </a> 228 </li> 229 </ul> 230 <button type="button" class="menu-btn"> 231 <img class="menu" src="https://www.olens.com.tw/assets/front/images/icon/icon-menu.svg" alt=""> 232 <img class="cancel" src="https://www.olens.com.tw/assets/front/images/icon/icon-close.svg" alt=""> 233 </button> 234 </div> 235 <nav class="nav-wrap"> 236 <div> 237 <!-- ææ©æ¿é¡¯ç¤º --> 238 <form action="" class="mobile" data-tag="searchData"> 239 <div class="input-radius"> 240 <button type="submit"><img src="https://www.olens.com.tw/assets/front/images/icon/icon-search.svg" alt=""></button> 241 <input type="text" placeholder="æå°ééµå" value=""> 242 </div> 243 </form> 244 <div class="mobile mobile-newjeans-link"><a href="https://www.olens.com.tw/#MEOVV" class="en-txt links">OLENS X MEOVV</a></div> 245 <!-- ææ©æ¿é¡¯ç¤º --> 246 <!-- <div class="mobile mobile-newjeans-link"><a href="https://www.olens.com.tw/#NEWJEANS" class="en-txt links">OLENS X NEWJEANS</a></div> --> 247 248 <div class="accordion-wrap"> 249 <!-- <div class="each-accordion mobile"> 250 <a href="https://www.olens.com.tw/news-list" class="en-txt accordion__origin__link">NEWS</a> 251 </div> --> 252 <!-- <div class="each-accordion mobile"> 253 <a href="https://www.olens.com.tw/product-list" class="en-txt accordion__origin__link">PRODUCTS</a> 254 </div> --> 255 <div class="each-accordion mobile"> 256 <div class="accordion"> 257 <div class="accordion__title"> 258 <div class="title-text en-txt">NEWS</div> 259 <div class="title-icon"> 260 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 261 </div> 262 </div> 263 <div class="accordion__content"> 264 <div class="content"> 265 <ul class="accordion__list"> 266 <li class="accordion__item"> 267 <a href="https://www.olens.com.tw/news-list" class="accordion__link en-txt">æ°åæ¶æ¯</a> 268 </li> 269 <li class="accordion__item"> 270 <a href="https://www.olens.com.tw/news-list" class="accordion__link en-txt">æ´»åæ¶æ¯</a> 271 </li> 272 </ul> 273 </div> 274 </div> 275 </div> 276 </div> 277 <div class="each-accordion mobile"> 278 <div class="accordion"> 279 <div class="accordion__title"> 280 <div class="title-text en-txt">PRODUCTS</div> 281 <div class="title-icon"> 282 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 283 </div> 284 </div> 285 <div class="accordion__content"> 286 <div class="content"> 287 <ul class="accordion__list"> 288 <li class="accordion__item"> 289 <a href="https://www.olens.com.tw/product-list" class="accordion__link en-txt">OLENS X MEOVV</a> 290 </li> 291 <li class="accordion__item"> 292 <a href="https://www.olens.com.tw/product-list" class="accordion__link en-txt">æ¢ç´¢å ¨ç³»å</a> 293 </li> 294 <li class="accordion__item"> 295 <a href="https://www.olens.com.tw/product-list" class="accordion__link en-txt">æ¥æç³»å</a> 296 </li> 297 <li class="accordion__item"> 298 <a href="https://www.olens.com.tw/product-list" class="accordion__link en-txt">ææç³»å</a> 299 </li> 300 <li class="accordion__item"> 301 <a href="https://www.olens.com.tw/news-content/8Fc04e3F1DB5" class="accordion__link en-txt">å ¥éæ¬¾ç³»å</a> 302 </li> 303 </ul> 304 </div> 305 </div> 306 </div> 307 </div> 308 <div class="each-accordion mobile"> 309 <div class="accordion"> 310 <div class="accordion__title"> 311 <div class="title-text en-txt">ABOUT</div> 312 <div class="title-icon"> 313 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 314 </div> 315 </div> 316 <div class="accordion__content"> 317 <div class="content"> 318 <ul class="accordion__list"> 319 <li class="accordion__item"> 320 <a href="https://www.olens.com.tw/about" class="accordion__link en-txt">èªè OLENS</a> 321 </li> 322 <li class="accordion__item"> 323 <a href="https://www.olens.com.tw/location" class="accordion__link en-txt">é·å®æé»</a> 324 </li> 325 </ul> 326 </div> 327 </div> 328 </div> 329 </div> 330 <div class="each-accordion"> 331 <div class="accordion"> 332 <div class="accordion__title"> 333 <div class="title-text en-txt">
333MEMBERSHIP</div> 334 <div class="title-icon"> 335 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 336 </div> 337 </div> 338 <div class="accordion__content"> 339 <div class="content"> 340 <ul class="accordion__list"> 341 <li class="accordion__item"> 342 <a href="https://www.olens.com.tw/member-intro#member-content" class="accordion__link en-txt">æå¡ä»ç´¹èæ¬ç</a> 343 </li> 344 <li class="accordion__item"> 345 <a href="https://www.olens.com.tw/member-plan#member-content" class="accordion__link en-txt">æå¡é»æ¸å 禮è¨å</a> 346 </li> 347 <li class="accordion__item"> 348 <a href="https://www.olens.com.tw/member-terms#member-content"
348class="accordion__link en-txt">æå¡æ¢æ¬¾èªªæ</a> 349 </li> 350 </ul> 351 </div> 352 </div> 353 </div> 354 </div> 355 <div class="each-accordion"> 356 <div class="accordion"> 357 <div class="accordion__title"> 358 <div class="title-text en-txt">CUSTOMER SERVICE</div> 359 <div class="title-icon"> 360 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 361 </div> 362 </div> 363 <div class="accordion__content"> 364 <div class="content"> 365 <ul class="accordion__list"> 366 <li class="accordion__item"> 367 <a href="https://www.olens.com.tw/faq" class="accordion__link en-txt">常è¦åé¡</a> 368 </li> 369 <li class="accordion__item"> 370 <a href="https://www.olens.com.tw/contact" class="accordion__link en-txt">è¯çµ¡æå</a> 371 </li> 372 </ul> 373 </div> 374 </div> 375 </div> 376 </div> 377 <div class="each-accordion"> 378 <div class="accordion"> 379 <div class="accordion__title"> 380 <div class="title-text en-txt">FOLLOW US</div> 381 <div class="title-icon"> 382 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow-header.svg" alt=""> 383 </div> 384 </div> 385 <div class="accordion__content"> 386 <div class="content"> 387 <ul class="accordion__list"> 388 <li class="accordion__item"> 389 <a href="https://lin.ee/qGy7rLO" class="accordion__link en-txt" target="_blank" rel="noreferrer noopenner">Line@</a> 390 </li> 391 <li class="accordion__item"> 392 <a href="https://www.instagram.com/olenstw_official/" class="accordion__link en-txt" target="_blank" rel="noreferrer noopenner">Instagram</a> 393 </li> 394 <li class="accordion__item"> 395 <a href="" class="accordion__link en-txt" target="_blank" rel="noreferrer noopenner">Facebook</a> 396 </li> 397 </ul> 398 </div> 399 </div> 400 </div> 401 </div> 402 </div> 403 404 <!-- <ul class="social-list mobile"> 405 <li class="social-item"> 406 <a href="https://www.instagram.com/olenstw_official/" class="social-link" target="_blank" rel="noreferrer noopenner"> 407 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-instagram-header.svg" alt=""> 408 </a> 409 </li> 410 <li class="social-item"> 411 <a href="https://lin.ee/qGy7rLO" class="social-link" target="_blank" rel="noreferrer noopenner"> 412 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-line-header.svg" alt=""> 413 </a> 414 </li> 415 <li class="social-item"> 416 <a href="" class="social-link" target="_blank" rel="noreferrer noopenner"> 417 <img src="https://www.olens.com.tw/assets/front/images/icon/icon-facebook-header.svg" alt=""> 418 </a> 419 </li> 420 </ul> --> 421 422 <!-- <div class="mobile"><a href="https://www.olens.com.tw/news-list" class="en-txt links">NEWS</a></div> 423 <div class="mobile"><a href="https://www.olens.com.tw/product-list" class="en-txt links">PRODUCTS</a></div> 424 <div class="mobile"><a href="https://www.olens.com.tw/about" class="en-txt links">ABOUT</a></div> 425 <div><a href="https://www.olens.com.tw/member-intro" class="en-txt links">
425MEMBERSHIP</a></div> 426 <div><a href="https://www.olens.com.tw/faq" class="en-txt links">FAQ</a></div> 427 <div><a href="https://www.olens.com.tw/contact" class="en-txt links">CONTACT</a></div> 428 <div class="mobile"><a href="https://www.olens.com.tw/location" class="en-txt links">LOCATION</a></div> --> 429 </div> 430 </nav> 431 </div> 432</header> 433 434<div class="pop"> 435 <div class="pop-card"> 436 <div class="card-head"> 437 <div class="swiper popSwiper"> 438 <div class="swiper-wrapper"> 439 <div class="swiper-slide"> 440 <a href="https://www.olens.com.tw/news-content/41d59128d6E7" class="img" target="" title=""> 441 <span class="img-wrap"> 442 <img src="https://www.olens.com.tw/files/20260921103017504.jpg" href="https://www.olens.com.tw/news-content/41d59128d6E7" alt=""> 443 </span> 444 </a> 445 </div> 446 <div class="swiper-slide"> 447 <a href="https://www.olens.com.tw/news-content/4041EE2f1B5A" class="img" target="" title=""> 448 <span class="img-wrap"> 449 <img src="https://www.olens.com.tw/files/20260911145529960.jpg" href="https://www.olens.com.tw/news-content/4041EE2f1B5A" alt=""> 450 </span> 451 </a> 452 </div> 453 <div class="swiper-slide"> 454 <a href="https://www.olens.com.tw/news-content/2a90f75427D9" class="img" target="" title=""> 455 <span class="img-wrap"> 456 <img src="https://www.olens.com.tw/files/20260911145436399.jpg" href="https://www.olens.com.tw/news-content/2a90f75427D9" alt=""> 457 </span> 458 </a> 459 </div> 460 <div class="swiper-slide"> 461 <a href="https://line.me/ti/p/~@354lneor" class="img" target="" title=""> 462 <span class="img-wrap"> 463 <img src="https://www.olens.com.tw/files/20260824184630432.jpg" href="https://line.me/ti/p/~@354lneor" alt=""> 464 </span> 465 </a> 466 </div> 467 </div> 468 <div class="pop-swiper-pagination"></div> 469 </div> 470 </div> 471 <div class="card-footer"> 472 <div class="input-wrap"> 473 <input type="checkbox" id="show" class="dont-show-today"> 474 <label for="show">仿¥ä¸å顯示</label> 475 </div> 476 <button class="pop-close" data-action="close-pop"> 477 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"> 478 <path d="M0.466515 0.853553C0.271253 0.658291 0.271253 0.341709 0.466515 0.146447C0.661777 -0.0488155 0.978359 -0.0488155 1.17362 0.146447L7.29362 6.26645C7.48888 6.46171 7.48888 6.77829 7.29362 6.97355C7.09836 7.16882 6.78178 7.16882 6.58652 6.97355L0.466515 0.853553Z" fill="#333333"/> 479 <path d="M18.8536 0.853553C19.0489 0.658291 19.0489 0.341709 18.8536 0.146447C18.6584 -0.0488155 18.3418 -0.0488155 18.1465 0.146447L12.0265 6.26645C11.8313 6.46171 11.8313 6.77829 12.0265 6.97355C12.2218 7.16882 12.5384 7.16882 12.7336 6.97355L18.8536 0.853553Z" fill="#333333"/> 480 <path d="M18.8536 17.8536C19.0489 17.6583 19.0489 17.3417 18.8536 17.1464L12.7336 11.0264C12.5384 10.8312 12.2218 10.8312 12.0265 11.0264C11.8313 11.2217 11.8313 11.5383 12.0265 11.7336L18.1465 17.8536C18.3418 18.0488 18.6584 18.0488 18.8536 17.8536Z" fill="#333333"/> 481 <path d="M0.466515 17.1464C0.271253 17.3417 0.271253 17.6583 0.466515 17.8536C0.661777 18.0488 0.978359 18.0488 1.17362 17.8536L7.29362 11.7336C7.48888 11.5383 7.48888 11.2217 7.29362 11.0264C7.09836 10.8312 6.78178
48110.8312 6.58652 11.0264L0.466515 17.1464Z" fill="#333333"/> 482 </svg> 483 </button> 484 </div> 485 </div> 486 </div> <div class="main-container" id="fullpage"> 487 <!-- banner desktop start--> 488 <div class="section"> 489 <div class="banner desktop"> 490 <!-- logo 建è°å°ºå¯¸ 896 * 241 --> 491 <div class="logo-large img-cover"><img src="https://www.olens.com.tw/assets/front/images/logo-large.svg" alt="OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç"></div> 492 <!-- banner ç¢åå 建è°å°ºå¯¸ 2220 * 1380 --> 493 <div class="product-main img-cover"> 494 <div id="scene"><img data-depth="0.3" src="https://www.olens.com.tw/files/20260603113042765.png" alt="OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç"></div> 495 </div> 496 </div> 497 </div> 498 <!-- banner desktop end--> 499 <!-- banner mobile start--> 500 <div class="banner mobile"> 501 <!-- logo 建è°å°ºå¯¸ 896 * 241 --> 502 <div class="logo-large img-cover"><img src="https://www.olens.com.tw/assets/front/images/[email protected]" alt="OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç"></div> 503 <!-- ææ©æ¿ banner ç¢åå 建è°å°ºå¯¸ 750 * 1276 --> 504 <div class="product-main img-cover"><img src="https://www.olens.com.tw/files/20260603113047321.png" alt="OLENS å°ç£å®æ¹ç¶²ç«-éå人氣No.1彩è²é±å½¢ç¼é¡åç"></div> 505 </div> 506 <!-- banner mobile end--> 507 508 <!-- NewJeans start --> 509 <!-- NewJeans end --> 510 511 <!-- Meovv start --> 512 <div class="section meovv-section newjeans-section" id="MEOVV"> 513 <div class="section-share meovv newjeans"> 514 <div class="meovv-bg newjeans-bg"> 515 <div class="img-wrap"> 516 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-bg.png" alt=""> 517 </div> 518 </div> 519 <!-- desktop start --> 520 <div class="mask"> 521 <div class="container"> 522 <div class="meovv-member newjeans-member"> 523 <!-- æ¯åæå¡ --> 524 <div class="each-member anna"> 525 <div class="content-wrap"> 526 <div class="img"> 527 <div class="img-wrap"> 528 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-anna.png" alt=""> 529 </div> 530 </div> 531 <button class="pick-button" type="button" data-member="anna" data-product-aid='["102","66","67","57","58"]'> 532 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-anna-pick.png" alt=""> 533 </button> 534 </div> 535 </div> 536 <div class="each-member ella"> 537 <div class="content-wrap"> 538 <div class="img"> 539 <div class="img-wrap"> 540 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-ella.png" alt=""> 541 </div> 542 </div> 543 <button class="pick-button" type="button" data-member="ella" data-product-aid='["109"]'> 544 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-ella-pick.png" alt=""> 545 </button> 546 </div> 547 </div> 548 <div class="each-member sooin"> 549 <div class="content-wrap"> 550 <div class="img"> 551 <div class="img-wrap"> 552 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-sooin.png" alt=""> 553 </div> 554 </div> 555 <button class="pick-button" type="button" data-member="sooin" data-product-aid='["95"]'> 556 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-sooin-pick.png" alt=""> 557 </button> 558 </div> 559 </div> 560 <div class="each-member narin"> 561 <div class="content-wrap"> 562 <div class="img"> 563 <div class="img-wrap"> 564 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-narin.png" alt=""> 565 </div> 566 </div> 567 <button class="pick-button" type="button" data-member="narin" data-product-aid='["106","98"]'> 568 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-narin-pick.png" alt=""> 569 </button> 570 </div> 571 </div> 572 <div class="each-member gawon"> 573 <div class="content-wrap"> 574 <div class="img"> 575 <div class="img-wrap"> 576 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-gawon.png" alt=""> 577 </div> 578 </div> 579 <button class="pick-button" type="button" data-member="gawon" data-product-aid='["107","108"]'> 580 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-gawon-pick.png" alt=""> 581 </button> 582 </div> 583 </div> 584 </div> 585 </div> 586 </div> 587 <!-- mobile start --> 588 <div class="swiper meovv-member-swiper newjeans-member-swiper"> 589 <div class="swiper-wrapper"> 590 <!-- æ¯åæå¡ --> 591 <div class="swiper-slide" data-member="anna"> 592 <div class="img"> 593 <div class="img-wrap"> 594 <img src="datas/upload/finder/files/20260612092220312.png" alt=""> 595 <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-anna-mobile.png" alt=""> --> 596 </div> 597 </div> 598 <button class="pick-button" type="button" data-member="anna" data-product-aid='["102","66","67","57","58"]'> 599 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-anna-pick.png" alt=""> 600 </button> 601 </div> 602 <div class="swiper-slide" data-member="ella"> 603 <div class="img"> 604 <div class="img-wrap"> 605 <img src="datas/upload/finder/files/20260612092229841.png" alt=""> 606 <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-ella-mobile.png" alt=""> --> 607 </div> 608 </div> 609 <button class="pick-button" type="button" data-member="ella" data-product-aid='["109"]'> 610 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-ella-pick.png" alt=""> 611 </button> 612 </div> 613 <div class="swiper-slide" data-member="sooin"> 614 <div class="img"> 615 <div class="img-wrap"> 616 <img src="datas/upload/finder/files/20260611160145106.png" alt=""> 617 <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-sooin-mobile.png" alt=""> --> 618 </div> 619 </div> 620 <button class="pick-button" type="button" data-member="sooin" data-product-aid='["95"]'> 621 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-sooin-pick.png" alt=""> 622 </button> 623 </div> 624 <div class="swiper-slide" data-member="narin"> 625 <div class="img"> 626 <div class="img-wrap"> 627 <img src="datas/upload/finder/files/20260611160136156.png" alt=""> 628 <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-narin-mobile.png" alt=""> --> 629 </div> 630 </div> 631 <button class="pick-button" type="button" data-member="narin" data-product-aid='["106","98"]'> 632 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-narin-pick.png" alt=""> 633 </button> 634 </div> 635 <div class="swiper-slide" data-member="gawon"> 636 <div class="img"> 637 <div class="img-wrap"> 638 <img src="datas/upload/finder/files/20260611160128349.png" alt=""> 639 <!-- <img src="https://www.olens.com.tw/assets/front/images/index/newjeans-gawon-mobile.png" alt=""> --> 640 </div> 641 </div> 642 <button class="pick-button" type="button" data-member="gawon" data-product-aid='["107","108"]'> 643 <img src="https://www.olens.com.tw/assets/front/images/meovv/meovv-gawon-pick.png" alt=""> 644 </button> 645 </div> 646 </div> 647 <div class="meovv-swiper-button-next newjeans-swiper-button-next"> 648 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="51" viewB
648ox="0 0 30 51" fill="none"> 649 <path d="M0 10C0 4.47715 4.47715 0 10 0H30V51H10C4.47715 51 0 46.5228 0 41V10Z" fill="#D9BEBE"/> 650 <path d="M15 17L23.5 25.5L15 34" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> 651 </svg> 652 </div> 653 <div class="meovv-swiper-button-prev newjeans-swiper-button-prev"> 654 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="51" viewBox="0 0 30 51" fill="none"> 655 <path d="M30 10C30 4.47715 25.5228 0 20 0H-1.90735e-06V51H20C25.5228 51 30 46.5228 30 41V10Z" fill="#D9BEBE"/> 656 <path d="M16 17L7.5 25.5L16 34" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> 657 </svg> 658 </div> 659 </div> 660 <!-- ç¢å --> 661 <div class="meovv-products newjeans-products not-show"> 662 <div class="container"> 663 <div class="swiper meovv-pick-swiper newjeans-pick-swiper"> 664 <div class="swiper-wrapper"> 665 </div> 666 </div> 667 <div class="meovv-product-swiper-button-next newjeans-product-swiper-button-next"> 668 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="32" viewBox="0 0 17 32" fill="none"> 669 <path d="M1 1L14.2271 12.3336C16.591 14.359 16.591 18.0156 14.2271 20.041L1 31.3745" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> 670 </svg> 671 </div> 672 <div class="meovv-product-swiper-button-prev newjeans-product-swiper-button-prev"> 673 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="32" viewBox="0 0 17 32" fill="none"> 674 <path d="M16 1L2.77286 12.3336C0.409047 14.359 0.409048 18.0156 2.77286 20.041L16 31.3745" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> 675 </svg> 676 </div> 677 </div> 678 </div> 679 </div> 680 </div> 681 <!-- Meovv end --> 682 683 684 <!-- æ°é²åå start --> 685 <div class="section"> 686 <div class="section-share new-product"> 687 <div> 688 <div class="section-head animation__el fadeIn"> 689 <h2 class="heading-2">æ°é²åå</h2> 690 <div class="heading-1 en">NEW PRODUCT</div> 691 <a href="https://www.olens.com.tw/product-list" class="more en-txt btn-hvr-right">SEE MORE <div><img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow.svg" alt="SEE MORE"></div></a> 692 </div> 693 <div class="section-product animation__el fadeIn"> 694 <!-- ææå --> 695 <!-- 建è°å°ºå¯¸ 525 * 587 --> 696 <div class="img-demo img-cover"><img src="https://www.olens.com.tw/files/20260320115442466.jpg" alt="Rain 1Day"></div> 697 <div class="product-area"> 698 <!-- ç¢å大å --> 699 <!-- 建è°å°ºå¯¸ 152 * 152 --> 700 <div class="img-main img-cover"><img src="https://www.olens.com.tw/files/20260320115453676.png" alt="Rain 1Day"></div> 701 <h3 class="heading-1 en">Rain 1Day</h3> 702 <h4 class="heading-2 en en-txt">Black / Mocha</h4> 703 <!-- ç¢åå°å --> 704 <div class="img-s-wrap"> 705 <div class="img-cover active"><img src="https://www.olens.com.tw/files/20260320115453676.png" alt="Rain 1Day" data-cover="https://www.olens.com.tw/files/20260320115442466.jpg"></div> 706 <div class="img-cover "><img src="https://www.olens.com.tw/files/20260424104928220.png" alt="Rain 1Day" data-cover="https://www.olens.com.tw/files/20260521115339832.jpg"></div> 707 </div> 708 <div class="tags-wrap"> 709 <div class="tag">æ¥æ</div> 710 </div> 711 </div> 712 </div> 713 </div> 714 </div> 715 </div> 716 <!-- æ°é²åå end --> 717 718 <!-- é·å®æè¡æ¦ start --> 719 <div class="section"> 720 <div class="section-share rank-section"> 721 <div class="rank-section-wrap"> 722 <div class="section-head animation__el fadeIn"> 723 <h2 class="heading-2">ç±é·æè¡</h2> 724 <div class="heading-1 en">Best Seller</div> 725 <a href="https://www.olens.com.tw/product-list" class="more en-txt btn-hvr-right">SEE MORE <div><img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow.svg" alt="SEE MORE"></div></a> 726 </div> 727 <div class="section-product animation__el fadeIn"> 728 <div class="each-product-wrap"> 729 <h3 class="product-title">
730 <span class="zh-title">æ¥æç³»å</span> 731 <span class="en-title">1 Day Series</span> 732 </h3> 733 <div class="product-wrap d-none d-lg-flex"> 734 <!-- each item --> 735 <div class="product-item" data-tag="product-item"> 736 <a href="https://www.olens.com.tw/Moodnight1DayMoodBrown"> 737 <!-- 建è°å°ºå¯¸ 286 * 286 --> 738 <div class="img"> 739 <div class="img-wrap"> 740 <img src="https://www.olens.com.tw/files/20260114104131253.jpg" alt="Moodnight 1Day Mood Brown"> 741 </div> 742 </div> 743 <h2 class="en en-txt">Moodnight 1Day Mood Brown</h2> 744 <div class="tags-wrap"> 745 <span class="tag" data-tag="tag-id">èªç¶æ¬¾</span> 746 </div> 747 </a> 748 </div> 749 <div class="product-item" data-tag="product-item"> 750 <a href="https://www.olens.com.tw/Rain1DayBlack"> 751 <!-- 建è°å°ºå¯¸ 286 * 286 --> 752 <div class="img"> 753 <div class="img-wrap"> 754 <img src="https://www.olens.com.tw/files/20260320114822654.jpg" alt="Rain 1Day Black"> 755 </div> 756 </div> 757 <h2 class="en en-txt">Rain 1Day Black</h2> 758 <div class="tags-wrap"> 759 <span class="tag" data-tag="tag-id">New Arrival</span> 760 <span class="tag" data-tag="tag-id">MEOVV</span> 761 <span class="tag" data-tag="tag-id">GAWON PICK</span> 762 </div> 763 </a> 764 </div> 765 <div class="product-item" data-tag="product-item"> 766 <a href="https://www.olens.com.tw/ViviRing1DayBrown"> 767 <!-- 建è°å°ºå¯¸ 286 * 286 --> 768 <div class="img"> 769 <div class="img-wrap"> 770 <img src="https://www.olens.com.tw/files/20260114105841112.png" alt="ViVi Ring 1Day Brown"> 771 </div> 772 </div> 773 <h2 class="en en-txt">ViVi Ring 1Day Brown</h2> 774 <div class="tags-wrap"> 775 <span class="tag" data-tag="tag-id">èªç¶æ¬¾</span> 776 </div> 777 </a> 778 </div> 779 </div> 780 <div class="swiper dailySwiper d-lg-none"> 781 <div class="swiper-wrapper"> 782 <div class="swiper-slide"> 783 <div class="product-item" data-tag="product-item"> 784 <a href="https://www.olens.com.tw/Moodnight1DayMoodBrown"> 785 <!-- 建è°å°ºå¯¸ 286 * 286 --> 786 <div class="img"> 787 <div class="img-wrap"> 788 <img src="https://www.olens.com.tw/files/20260114104131253.jpg" alt="Moodnight 1Day Mood Brown"> 789 </div> 790 </div> 791 <h2 class="en en-txt">Moodnight 1Day Mood Brown</h2> 792 <div class="tags-wrap"> 793 <sp
793an class="tag" data-tag="tag-id">èªç¶æ¬¾</span> 794 </div> 795 </a> 796 </div> 797 </div> 798 <div class="swiper-slide"> 799 <div class="product-item" data-tag="product-item"> 800 <a href="https://www.olens.com.tw/Rain1DayBlack"> 801 <!-- 建è°å°ºå¯¸ 286 * 286 --> 802 <div class="img"> 803 <div class="img-wrap"> 804 <img src="https://www.olens.com.tw/files/20260320114822654.jpg" alt="Rain 1Day Black"> 805 </div> 806 </div> 807 <h2 class="en en-txt">Rain 1Day Black</h2> 808 <div class="tags-wrap"> 809 <span class="tag" data-tag="tag-id">New Arrival</span> 810 <span class="tag" data-tag="tag-id">MEOVV</span> 811 <span class="tag" data-tag="tag-id">GAWON PICK</span> 812 </div> 813 </a> 814 </div> 815 </div> 816 <div class="swiper-slide"> 817 <div class="product-item" data-tag="product-item"> 818 <a href="https://www.olens.com.tw/ViviRing1DayBrown"> 819 <!-- 建è°å°ºå¯¸ 286 * 286 --> 820 <div class="img"> 821 <div class="img-wrap"> 822 <img src="https://www.olens.com.tw/files/20260114105841112.png" alt="ViVi Ring 1Day Brown"> 823 </div> 824 </div> 825 <h2 class="en en-txt">ViVi Ring 1Day Brown</h2> 826 <div class="tags-wrap"> 827 <span class="tag" data-tag="tag-id">èªç¶æ¬¾</span> 828 </div> 829 </a> 830 </div> 831 </div> 832 </div> 833 </div> 834 <div class="daily-swiper-pagination"></div> 835 </div> 836 <div class="each-product-wrap"> 837 <h3 class="product-title"> 838 <span class="zh-title">ææç³»å</span> 839 <span class="en-title">1 Month Series</span> 840 </h3> 841 <div class="product-wrap d-none d-lg-flex"> 842 <!-- each item --> 843 <div class="product-item" data-tag="product-item"> 844 <a href="https://www.olens.com.tw/1monthDoubleTintGray"> 845 <!-- 建è°å°ºå¯¸ 286 * 286 --> 846 <div class="img"> 847 <div class="img-wrap"> 848 <img src="https://www.olens.com.tw/files/20250429162113499.jpg" alt="Double Tint Gray"> 849 </div> 850 </div> 851 <h2 class="en en-txt">Double Tint Gray</h2> 852 <div class="tags-wrap"> 853 <sp
853an class="tag" data-tag="tag-id">èªç¶æ¬¾</span> 854 </div> 855 </a> 856 </div> 857 <div class="product-item" data-tag="product-item"> 858 <a href="https://www.olens.com.tw/1monthSecretTintBrown"> 859 <!-- 建è°å°ºå¯¸ 286 * 286 --> 860 <div class="img"> 861 <div class="img-wrap"> 862 <img src="https://www.olens.com.tw/files/20250912145718416.jpg" alt="Secret Tint Brown"> 863 </div> 864 </div> 865 <h2 class="en en-txt">Secret Tint Brown</h2> 866 <div class="tags-wrap"> 867 <span class="tag" data-tag="tag-id">大ç´å¾</span> 868 </div> 869 </a> 870 </div> 871 <div class="product-item" data-tag="product-item"> 872 <a href="https://www.olens.com.tw/1monthEyelighterGlowyBrown"> 873 <!-- 建è°å°ºå¯¸ 286 * 286 --> 874 <div class="img"> 875 <div class="img-wrap"> 876 <img src="https://www.olens.com.tw/files/20260114131246371.jpg" alt="Eyelighter Glowy Brown"> 877 </div> 878 </div> 879 <h2 class="en en-txt">Eyelighter Glowy Brown</h2> 880 <div class="tags-wrap"> 881 <span class="tag" data-tag="tag-id">MEOVV</span> 882 <span class="tag" data-tag="tag-id">ANNA PICK</span> 883 <span class="tag" data-tag="tag-id">èªç¶æ¬¾</span> 884 </div> 885 </a> 886 </div> 887 </div> 888 <div class="swiper monthlySwiper d-lg-none"> 889 <div class="swiper-wrapper"> 890 <div class="swiper-slide"> 891 <div class="product-item" data-tag="product-item"> 892 <a href="https://www.olens.com.tw/1monthDoubleTintGray"> 893 <!-- 建è°å°ºå¯¸ 286 * 286 --> 894 <div class="img"> 895 <div class="img-wrap"> 896 <img src="https://www.olens.com.tw/files/20250429162113499.jpg" alt="Double Tint Gray"> 897 </div> 898 </div> 899 <h2 class="en en-txt">Double Tint Gray</h2> 900 <div class="tags-wrap"> 901 <span class="tag" data-tag="tag-id">èªç¶æ¬¾</span> 902 </div> 903 </a> 904 </div> 905 </div> 906 <div class="swiper-slide"> 907 <div class="product-item" data-tag="product-item"> 908 <a href="https://www.olens.com.tw/1monthSecretTintBrown"> 909 <!-- 建è°å°ºå¯¸ 286 * 286 --> 910 <div class="img"> 911 <div class="img-wrap"> 912 <img src="https://www.olens.com.tw/files/20250912145718416.jpg" alt="Secret Tint Brown"> 913 </div> 914 </div> 915 <h2 class="en en-txt">Secret Tint Brown</h2> 916 <div class="tags-wrap"> 917 <sp
917an class="tag" data-tag="tag-id">大ç´å¾</span> 918 </div> 919 </a> 920 </div> 921 </div> 922 <div class="swiper-slide"> 923 <div class="product-item" data-tag="product-item"> 924 <a href="https://www.olens.com.tw/1monthEyelighterGlowyBrown"> 925 <!-- 建è°å°ºå¯¸ 286 * 286 --> 926 <div class="img"> 927 <div class="img-wrap"> 928 <img src="https://www.olens.com.tw/files/20260114131246371.jpg" alt="Eyelighter Glowy Brown"> 929 </div> 930 </div> 931 <h2 class="en en-txt">Eyelighter Glowy Brown</h2> 932 <div class="tags-wrap"> 933 <span class="tag" data-tag="tag-id">MEOVV</span> 934 <span class="tag" data-tag="tag-id">ANNA PICK</span> 935 <span class="tag" data-tag="tag-id">èªç¶æ¬¾</span> 936 </div> 937 </a> 938 </div> 939 </div> 940 </div> 941 </div> 942 <div class="monthly-swiper-pagination"></div> 943 </div> 944 </div> 945 </div> 946 </div> 947 </div> 948 <!-- é·å®æè¡æ¦ end --> 949 950 <!-- 社群追蹤 start --> 951 <div class="section"> 952 <div class="section-share follow"> 953 <div class="section-head animation__el fadeIn"> 954 <h2 class="heading-2">社群追蹤</h2> 955 <div class="heading-1 en">FOLLOW US</div> 956 <span class="account en-txt">@olenstw_official</span> 957 </div> 958 <div class="swiper follow-swiper animation__el fadeIn"> 959 <div class="swiper-wrapper"> 960 <!-- 建è°å°ºå¯¸ 285 * 285 --> 961 <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DLjRAIXv6Jk/?img_index1" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20250702183718820.jpg" alt="FOLLOW US"></a></div> 962 <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DUFrsG7AP3e/?img_index1" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20260211134102453.jpg" alt="FOLLOW US"></a></div> 963 <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DJayullzKGv/" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20250702183108295.jpg" alt="FOLLOW US"></a></div> 964 <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DUXtRe7j4_U/?img_index1" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20260211133838203.jpg" alt="FOLLOW US"></a></div> 965 <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DLOqdgoRBWv/" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20250702183438597.png" alt="FOLLOW US"></a></div> 966 <div class="swiper-slide"><a class="img-cover" href="https://www.instagram.com/p/DNSTkkNClx7/?img_index1" target="_blank" rel="noreferrer noopener"><img src="https://www.olens.com.tw/files/20250825142240879.jpg" alt="FOLLOW US"></a></div> 967 </div> 968 </div> 969 </div> 970 </div> 971 <!-- 社群追蹤 end --> 972 973 <div class="section"> 974 <!-- é·å®æé» start --> 975 <div class="section-share locations"> 976 <!-- desktop èæ¯å 建è°å°ºå¯¸ 1920 * 406 --> 977 <div style="background-image:url('https://www.olens.com.tw/files/20230517175546616.jpg')" class="bg desktop"></div> 978 <!-- mobile èæ¯å 建è°å°ºå¯¸ 375 * 573 --> 979 <div style="background-image:url('https://www.olens.com.tw/files/20230308171655376.png')" class="bg mobile"></div> 980 <div class="content animation__el fadeIn"> 981 <h2 class="heading-2">é·å®æé»</h2> 982 <div class="heading-1 en">WHERE TO BUY?</div> 983 <p>å ¨å°ç¾è²¨å°æ«æé»</p> 984 <a href="https://www.olens.com.tw/location" class="more en-txt btn-hvr-right">SEE MORE <div><img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow.svg" alt="SEE MORE"></div></a> 985 </div> 986 </div> 987 <!-- é·å®æé» end --> 988 <footer> 989 <div> 990 <div class="logo-imgbox"> 991 <a href="https://www.olens.com.tw/"><img src="https://www.olens.com.tw/assets/front/images/logo.png" alt=""></a> 992 </div> 993 <div class="footer-list"> 994 <div class="social-wrap"> 995 <div><a href="https://www.instagram.com/olenstw_official/"><img src="https://www.olens.com.tw/assets/front/images/icon/icon-ig.svg" alt=""></a></div> 996 <div><a href="https://lin.ee/qGy7rLO"><img src="https://www.olens.com.tw/assets/front/images/icon/icon-line.svg" alt=""></a></div> 997 </div> 998 <ul> 999 <li>2016å¹´èéåOLENSç°½ç´åå¾å°ç£ç¸½ä»£çæ¬ï¼2018å¹´åå¾å°ç£è¡çç¦å©é¨é«çå¨æè¨±å¯èåèã</li> 1000 <li>è´åæ¼æä¾å®å ¨å¯é çå種ç¢åï¼å¥åº·å°å®è·æ¨çç¼çã</li> 1001 <li>ç¢å使ç¨å¾ï¼è«æå ¥å徿¡¶ï¼åå¿ä¸æ£æ¼é¦¬æ¡¶ææ°´æ§½ï¼ä»¥å è´æç°å¢åé¡ã</li> 1002 <li>ææç彩è²è»æ§é±å½¢ç¼é¡ï¼è¡é¨é«å¨è¼¸å第031880èã</li> 1003 <li>ææçå½©è²æ¥æè»æ§é±å½¢ç¼é¡ï¼è¡é¨é«å¨è¼¸å第033962èã</li> 1004</ul> <!-- <ul> 1005 <li>2016å¹´èéåOLENSç°½ç´åå¾å°ç£ç¸½ä»£çæ¬ï¼2018å¹´åå¾å°ç£è¡çç¦å©é¨é«çå¨æè¨±å¯èåè</li> 1006 <li>è´åæ¼æä¾å®å ¨å¯é çå種ç¢å å¥åº·å°å®è·æ¨çç¼ç</li> 1007 <li>ç¢å使ç¨å¾ï¼è«æå ¥å徿¡¶ï¼åå¿ä¸æ£æ¼é¦¬æ¡¶ææ°´æ§½ï¼ä»¥å è´ç°å¢åé¡ã</li> 1008 <li>ææç彩è²è»æ§é±å½¢ç¼é¡ è¡é¨é«å¨è¼¸å第031880è</li> 1009 </ul> --> 1010 </div> 1011 <div> 1012 <div class="links-wrap"> 1013 <a href="https://www.olens.com.tw/cooperation" class="links">COOPERATION</a> 1014 <a href="https://www.olens.com.tw/clearace" class="links">CLEARACE</a> 1015 </div> 1016 <p class="copyright">© Copyright 2022. All Rights Reserved.</p> 1017 </div> 1018 </div> 1019</footer> </div> 1020 </div> 1021 <div class="chat"> 1022 <div class="img-cover outer"><img src="https://www.olens.com.tw/assets/front/images/index/chat-outer.png" alt=""></div> 1023 <div class="img-cover inner"><img src="https://www.olens.com.tw/assets/front/images/index/chat-inner.png" alt=""></div> 1024 <div class="chat-outer"> 1025 <!-- <div class="chat-box"> --> 1026 <!-- <div> --> 1027 <!-- <p> --> 1028 <!-- Hello, æè¬æ¨é 訪OLENSå®ç¶² --> 1029 <!-- <br> -->
1030 <!-- æ¨æ³äºè§£æ´å¤è³è¨ä»¥åç¾è²¨å°æ«å®¢æåï¼ --> 1031 <!-- </p> --> 1032 <!-- <a href="https://lin.ee/qGy7rLO" target="_blank" rel="noopener noreferrer">黿<br>äºè§£æ´å¤</a> --> 1033 <!-- </div> --> 1034 <!-- </div> --> 1035 <!-- new chat box --> 1036 <div class="new-chat-box"> 1037 <div class="chat-wrap"> 1038 <div class="chat-card"> 1039 <div class="card-head"> 1040 <div class="logo-wrap"> 1041 <div class="logo-img"> 1042 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt=""> 1043 </div> 1044 <div class="logo-text">OLENS</div> 1045 </div> 1046 <button type="button" class="chat-close"> 1047 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-close.svg" alt=""> 1048 </button> 1049 </div> 1050 <div class="card-body"> 1051 <div class="olens-msg"> 1052 <div class="msg-img"> 1053 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt=""> 1054 </div> 1055 <div class="msg-text-wrap"> 1056 <div class="main-msg">æ¨å¥½ï¼æä»éº¼å¯ä»¥çºæ¨æåçåï¼æå¯é»æä¸æ¹æå</div> 1057 <div class="chat-slider"> 1058 <div class="chat-slider-wrapper"> 1059 <div class="chat-slide"> 1060 <div class="slide-msg">以ä¸çºç¸éåé¡ï¼è«é¸æ</div> 1061 <ul class="msg-list"> 1062 <li class="msg-item"> 1063 <button class="msg-option" data-option="å¦ä½è³¼è²·"> 1064 <div class="option-text">å¦ä½è³¼è²·</div> 1065 <div class="option-icon"> 1066 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1067 </div> 1068 </button> 1069 </li> 1070 <li class="msg-item"> 1071 <button class="msg-option" data-option="æ¥æå ¨ç³»å"> 1072 <div class="option-text">æ¥æå ¨ç³»å</div> 1073 <div class="option-icon"> 1074 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1075 </div> 1076 </button> 1077 </li> 1078 <li class="msg-item"> 1079 <button class="msg-option" data-option="ææå ¨ç³»å"> 1080 <div class="option-text">ææå ¨ç³»å</div> 1081 <div class="option-icon"> 1082 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1083 </div> 1084 </button> 1085 </li> 1086 </ul> 1087 </div> 1088 <div class="chat-slide"> 1089 <div class="slide-msg">以ä¸çºç¸éåé¡ï¼è«é¸æ</div> 1090 <ul class="msg-list"> 1091 <li class="msg-item"> 1092 <button class="msg-option" data-option="æå¡å°å"> 1093 <div class="option-text">æå¡å°å</div> 1094 <div class="option-icon"> 1095 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1096 </div> 1097 </button> 1098 </li> 1099 <li class="msg-item"> 1100 <button class="msg-option" data-option="常è¦åé¡"> 1101 <div class="option-text">常è¦åé¡</div> 1102 <div class="option-icon"> 1103 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1104 </div> 1105 </button> 1106 </li> 1107 <li class="msg-item"> 1108 <button class="msg-option" data-option="å°äºº1å°1ç·ä¸å®¢æ"> 1109 <div class="option-text">å°äºº1å°1ç·ä¸å®¢æ</div> 1110 <div class="option-icon"> 1111 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1112 </div> 1113 </button> 1114 </li> 1115 </ul> 1116 </div> 1117 </div> 1118 </div> 1119 </div> 1120 </div> 1121 <!-- 使ç¨è start --> 1122 <!-- 使ç¨è end --> 1123 <!-- 系統åè¦ start --> 1124 <!-- 系統åè¦ end --> 1125 </div> 1126 <!-- <div class="card-footer"> --> 1127 <!-- <div class="input-wrap"> --> 1128 <!-- <input type="text" placeholder="è«è¼¸å ¥è¨æ¯..."> --> 1129 <!-- <button type="button" class="chat-send-button"> --> 1130 <!-- <img src="https://www.olens.com.tw/assets/front/images/icon/chat-arrow.svg" alt=""> --> 1131 <!-- </button> -->
1132 <!-- </div> --> 1133 <!-- </div> --> 1134 <div class="card-footer-button"> 1135 <button type="button" class="open-menu-btn"> 1136 <span class="btn-text">顯示é¸å®</span> 1137 </button> 1138 </div> 1139 </div> 1140 </div> 1141 </div> 1142 </div> 1143 </div> 1144 1145 <!-- <div class="news"> 1146 <a href="#!" class="close"> 1147 <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 1148 <path d="M18.68 1L12.56 7.12" stroke="#333" stroke-linecap="round" stroke-linejoin="round"/> 1149 <path d="M0.999995 1L7.12 7.12" stroke="#333" stroke-linecap="round" stroke-linejoin="round"/> 1150 <path d="M18.68 18L12.56 11.88" stroke="#333" stroke-linecap="round" stroke-linejoin="round"/> 1151 <path d="M0.999995 18L7.12 11.88" stroke="#333" stroke-linecap="round" stroke-linejoin="round"/> 1152 </svg> 1153 </a> 1154 <div class="tag">NEWS</div> 1155 <p class="date">2026.09.21</p> 1156 <a href="https://www.olens.com.tw/news-content/41d59128d6E7" class="links">2026 é±å¹´æ ¶éæå 碼活å · PINK PARTY TIME <img src="https://www.olens.com.tw/assets/front/images/icon/icon-arrow.svg" alt="2026 é±å¹´æ ¶éæå 碼活å · PINK PARTY TIME"></a> 1157 </div> --> 1158 1159 1160 <!-- include script --> 1161 <!--[if lt IE 10]>
1162<script> 1163 var r = confirm("æ¨ä½¿ç¨çç覽å¨çæ¬éèï¼ä»¥è³æ¼é¨åçç¶²ç«åè½ç¡æ³æ£å¸¸éä½ï¼è«åæ¯å¦è¦ä¸è¼æ°çç覽å¨?"); 1164 if (r == true) { 1165 location.href="https://www.google.com.tw/chrome/" 1166 } 1167</script>
1167 1168<![endif]--> 1169 1170<!-- å¼å ¥script -->
1171<script src="https://www.olens.com.tw/assets/front/js/plugins/jquery/jquery-3.5.1.min.js"></script>
1171<!--jQuery v3.5.1--> 1172<!--
1172<script src="js/plugins/jquery/jquery-migrate-3.3.1.js"></script>
1172--><!--jQuery migrate v3.3.1 éç¼ç¨(確èªjqueryåç´æ²åé¡å¾å³å¯åªé¤)-->
1173<script src="https://www.olens.com.tw/assets/front/js/plugins/jquery/jquery-ui/jquery-ui.min.js"></script>
1173<!--jQuery UI - v1.9.0-->
1174<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
1174<!-- bootstrap 5 --> 1175<!--
1175<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
1175swiper 8 -->
1176<script src="https://www.olens.com.tw/assets/front/js/plugins/swiper/swiper-bundle.min.js"></script>
1176<!-- selectric js -->
1177<script src="https://www.olens.com.tw/assets/front/js/plugins/selectric/jquery.selectric.min.js"></script>
1177<!-- selectric js -->
1178<script src="https://www.olens.com.tw/assets/front/js/plugins/jquery/jquery.validate.min.js"></script>
1178<!-- validate js -->
1179<script src="https://www.olens.com.tw/assets/front/js/main.js?v=1791357764"></script>
1179<!--main.js --> 1180
1181<script> 1182 $('[data-tag="searchData"]').submit(function(e){ 1183 e.preventDefault() 1184 const s = $(this).find('input').val(); 1185 window.location = 'https://www.olens.com.tw/search?filter=' + s.trim(); 1186 }) 1187 1188 // $('.chat').hover(function(){ 1189 // $('.chat-outer').fadeIn(200); 1190 // },function(){ 1191 // $('.chat-outer').fadeOut(200); 1192 // }); 1193 1194 1195 setTimeout(() => { 1196 $('.chat').addClass('show'); 1197 }, 4500); 1198 1199 // Chat functionality 1200 $('.chat').on('click', function(e) { 1201 e.stopPropagation(); 1202 if ($('.chat-outer').is(':visible')) { 1203 $('.chat-outer').fadeOut(200); 1204 } else { 1205 $('.chat-outer').fadeIn(200, function() { 1206 // Trigger slider width update after chat is fully shown 1207 $(window).trigger('resize'); 1208 }); 1209 } 1210 }); 1211 1212 $('.chat-close').on('click', function(e) { 1213 e.stopPropagation(); 1214 $('.chat-outer').fadeOut(200); 1215 }); 1216 1217 $('.chat-outer').on('click', function(e) { 1218 if (e.target === this) { 1219 $(this).fadeOut(200); 1220 } 1221 }); 1222 1223 // Prevent event bubbling from chat content 1224 $('.chat-outer .chat-wrap').on('click', function(e) { 1225 e.stopPropagation(); 1226 }); 1227 1228 // header MEOVV 1229 $('body').on('click', '[data-link="MEOVV"], [data-link="NEWJEANS"]', function(e) { 1230 if (window.innerWidth > 1200) { 1231 e.preventDefault(); 1232 if (window.location.pathname === '/' || window.location.pathname === '/2022-olens/' || window.location.pathname === '/index.php') { 1233 // 妿已ç¶å¨é¦é ï¼åç´æ¥æ»¾å 1234 fullpage_api.moveTo(2); 1235 } else { 1236 // 妿ä¸å¨é¦é ï¼åå°åé¦é 並éå 忏 1237 window.location.href = 'https://www.olens.com.tw/?section=2'; 1238 } 1239 } 1240 }); 1241</script>
1241 1242
1242<script type="text/javascript" src="https://www.olens.com.tw/assets/front/js/plugins/fullpage/fullpage.js"></script>
1242 1243
1243<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
1243 1244
1244<script type="text/javascript"> 1245 $(document).ready(function() { 1246 1247 1248 1249 let w = $(window).width(); 1250 if( w > 1200 ) { 1251 $('#fullpage').fullpage({ 1252 scrollingSpeed: 1000, 1253 onLeave: function(origin, destination, direction, trigger) { 1254 if (origin.index === 0 && direction === 'down') { 1255 $('.chat').removeClass('show') 1256 $('.chat').addClass('no-show') 1257 } else if (origin.index === 1) { 1258 $('.chat').addClass('show') 1259 $('.chat').removeClass('no-show') 1260 } else if (origin.index === 2 && direction === 'up') { 1261 $('.chat').removeClass('show') 1262 $('.chat').addClass('no-show') 1263 } 1264 }, 1265 }); 1266 1267 var urlParams = new URLSearchParams(window.location.search); 1268 if (urlParams.has('section')) { 1269 var section = urlParams.get('section'); 1270 if (section === '2') { 1271 fullpage_api.moveTo(2); 1272 } 1273 } 1274 1275 // $('header [data-link="NEWJEANS"]').on('click', (e) => { 1276 // e.preventDefault() 1277 // fullpage_api.moveTo(2); 1278 // }) 1279 1280 var scene = document.getElementById('scene'); 1281 var parallaxInstance = new Parallax(scene); 1282 } else if (w <= 1200) { 1283 window.addEventListener('scroll', (e) => { 1284 const idolSection = $('.meovv-section').length ? $('.meovv-section') : $('.newjeans-section'); 1285 if (!idolSection.length) { 1286 return; 1287 } 1288 1289 if (window.scrollY + $('header').height() >= idolSection.offset().top && window.scrollY + $('header').height() <= idolSection.offset().top + idolSection.height()) { 1290 $('.chat').removeClass('show') 1291 $('.chat').addClass('no-show') 1292 } else if (window.scrollY + $('header').height() < idolSection.offset().top || window.scrollY + $('header').height() > idolSection.offset().top + idolSection.height()) { 1293 $('.chat').addClass('show') 1294 $('.chat').removeClass('no-show') 1295 } 1296 }) 1297 } 1298 if(w <= 991) { 1299 $('.meovv-products').removeClass('not-show') 1300 } 1301 1302 $('.img-s-wrap .img-cover').on('click', function(){ 1303 let thisImgSrc = $(this).find('img').attr('src'), thisCoverSrc = $(this).find('img').data('cover'); 1304 1305 $('.img-s-wrap .img-cover').removeClass('active'); 1306 $(this).addClass('active'); 1307 $('.img-main').find('img').attr('src',thisImgSrc); 1308 1309 // ééè¦æ´ææé 該ç¢åç img-demo 裡é¢ç img src 1310 $('.img-demo').removeClass('active'); 1311 setTimeout(() => { 1312 $('.img-demo').addClass('active').find('img').attr('src',thisCoverSrc); 1313 }, 100); 1314 }); 1315 1316 var meovvSwiper = new Swiper(".meovv-member-swiper", { 1317 slidesPerView: 1, 1318 spaceBetween: 0, 1319 navigation: { 1320 nextEl: ".meovv-swiper-button-next", 1321 prevEl: ".meovv-swiper-button-prev", 1322 }, 1323 on: { 1324 init: function () { 1325 productAid = `` 1326 if(w < 992) { 1327 let index = this.activeIndex 1328 let activeProduct = $('.swiper-slide-active .pick-button')[index] 1329 productAid = $(activeProduct).data('product-aid') 1330 updateMemberPick() 1331 } 1332 }, 1333 slideChange: function() { 1334 $('.meovv-pick-swiper').addClass('opa-0') 1335 productAid = `` 1336 // setTimeout(() => { 1337 // $('.meovv-pick-swiper').removeClass('opa-0') 1338 // }, 400); 1339 meovvPickSwiper.slideTo(0) 1340 1341 let index = this.activeIndex 1342 let nowProduct = $('.meovv-member-swiper .swiper-slide .pick-button')[index] 1343 productAid = $(nowProduct).data('product-aid') 1344 1345 setTimeout(() => { 1346 updateMemberPick() 1347 }, 200); 1348 } 1349 } 1350 }); 1351 1352 var meovvPickSwiper = new Swiper(".meovv-pick-swiper", { 1353 slidesPerView: 1.7, 1354 spaceBetween: 20, 1355 navigation: { 1356 nextEl: ".meovv-product-swiper-button-next", 1357 prevEl: ".meovv-product-swiper-button-prev", 1358 }, 1359 breakpoints: { 1360 1200: { 1361 slidesPerView: 3, 1362 spaceBetween: 40, 1363 }, 1364 768: { 1365 slidesPerView: 2, 1366 spaceBetween: 20, 1367 } 1368 } 1369 }); 1370 1371 var followSwiper = new Swiper ('.follow-swiper', { 1372 spaceBetween: 42, 1373 loop: true, 1374 breakpoints: { 1375 1200: { 1376 slidesPerView: 6, 1377 spaceBetween: 30, 1378 }, 1379 576: { 1380 slidesPerView: 3, 1381 spaceBetween: 30, 1382 }, 1383 320: { 1384 slidesPerView: 2.2, 1385 spaceBetween: 11, 1386 }, 1387 }, 1388 }); 1389 1390 const bestSellerModal = document.getElementById('bestSellerModal'); 1391 let flag = false;
1392 var modalSwiper; 1393 1394 modalSwiper = new Swiper ('.modal-swiper', { 1395 spaceBetween: 0, 1396 navigation: { 1397 nextEl: '.modal-next', 1398 prevEl: '.modal-prev', 1399 }, 1400 }); 1401 1402 // flag = true; 1403 // bestSellerModal.addEventListener('shown.bs.modal', event => { 1404 // if(flag == false) 1405 // { 1406 // modalSwiper = new Swiper ('.modal-swiper', { 1407 // spaceBetween: 0, 1408 // navigation: { 1409 // nextEl: '.modal-next', 1410 // prevEl: '.modal-prev', 1411 // }, 1412 // }); 1413 // flag = true; 1414 // } 1415 // }); 1416 1417 $('.rank a').on('click', function(){ 1418 let idx = parseInt($(this).attr('index')); 1419 modalSwiper.slideTo(idx, 1000, false); 1420 }); 1421 1422 1423 // Ken start 1424 $('body').on('click', '.pick-button', function(e) { 1425 $('.meovv-pick-swiper').addClass('opa-0') 1426 productAid = `` 1427 $('.each-member').removeClass('highlight not-highlight') 1428 $('.each-member').addClass('not-highlight') 1429 $(this).parents('.each-member').removeClass('not-highlight') 1430 $(this).parents('.each-member').addClass('highlight') 1431 1432 // setTimeout(() => { 1433 // $('.meovv-pick-swiper').removeClass('opa-0') 1434 // }, 400); 1435 1436 productAid = $(this).data('product-aid') 1437 1438 setTimeout(() => { 1439 updateMemberPick() 1440 }, 200); 1441 }) 1442 1443 // å ±ç¨æ´æ° swiper 1444 function refreshSwiper() { 1445 // æ´æ° swiper 1446 meovvPickSwiper.update() 1447 meovvPickSwiper.slideTo(0) 1448 1449 let slide = $(".meovv-pick-swiper .swiper-wrapper .swiper-slide") 1450 // console.log($(firstSlide[0]).css("margin-right")); 1451 1452 // å §å®¹å°æ¼ä¸åèª¿æ¨£å¼ 1453 if (window.innerWidth >= 1200) { 1454 $(".meovv-pick-swiper").removeClass("only-one") 1455 if (slide.length < 3 && slide.length != 1) { 1456 $(".meovv-pick-swiper .swiper-wrapper").addClass('center') 1457 $(".meovv-pick-swiper").removeClass("only-one") 1458 } else if (slide.length == 1) { 1459 $(".meovv-pick-swiper .swiper-wrapper").addClass('center') 1460 $(".meovv-pick-swiper").addClass("only-one") 1461 } else { 1462 $(".meovv-pick-swiper .swiper-wrapper").removeClass('center') 1463 $(".meovv-pick-swiper").removeClass("only-one") 1464 } 1465 } else if (window.innerWidth < 1200) { 1466 $(".meovv-pick-swiper").removeClass("only-one") 1467 if (slide.length < 2) { 1468 $(".meovv-pick-swiper .swiper-wrapper").addClass('center') 1469 $(".meovv-pick-swiper").addClass("only-one") 1470 } else { 1471 $(".meovv-pick-swiper .swiper-wrapper").removeClass('center') 1472 $(".meovv-pick-swiper").removeClass("only-one") 1473 } 1474 } 1475 1476 $('.meovv-products').removeClass('not-show') 1477 } 1478 1479 1480 // æ´æ°ç¢åå §å®¹ 1481 function updateMemberPick() { 1482 let template, tag, formdata = { 1483 'ba176b9e4b8660cb2c4c4c196601becb': '82bbf39b59cd45315e40dbb1254647d28a67b1c661cb37048aeae77b896f22ee1bc5aab32ff4ceedc4a90ddb4e6fd26c441c0769eee51b42bf2b8af7da07fc0ed75545cc79cfebce4aa737cf7e052692', 1484 }; 1485 formdata['productAid'] = productAid; 1486 1487 // console.log(productAid) 1488 if(productAid.length == 0){ 1489 $('.meovv-products').addClass('not-show')
1490 // refreshSwiper() 1491 return false 1492 } 1493 1494 $.ajax({ 1495 url: 'https://www.olens.com.tw/MEOVV/api', 1496 type: 'POST', 1497 dataType: 'json', 1498 data: formdata, 1499 }).done(function (data) { 1500 if (data.status == 'success') { 1501 $('.meovv-pick-swiper .swiper-wrapper').empty() 1502 $('.product-card .product-tag-wrap').empty() 1503 data.data.forEach((e) => { 1504 tag = ``; 1505 template =``; 1506 1507 e.tags.forEach((t) => { 1508 tagTemplate = `<span class="product-tag">` + t + `</span>`; 1509 tag += tagTemplate 1510 }) 1511 1512 template = ` 1513 <div class="swiper-slide"> 1514 <a href="https://www.olens.com.tw/product-content/` + e.gid + `" class="product-card"> 1515 <div class="product-img"> 1516 <div class="img-wrap"> 1517 <img src="https://www.olens.com.tw/` + e.homepage + `" alt=""> 1518 </div> 1519 </div> 1520 <h3 class="product-title">` + e.title + `</h3> 1521 <div class="product-tag-wrap">` + tag + `</div> 1522 </a> 1523 </div> 1524 `; 1525 // åçå»ºè° 330 x 108 px 1526 $('.meovv-pick-swiper .swiper-wrapper').append(template) 1527 1528 refreshSwiper() 1529 } 1530 ) 1531 $('.meovv-pick-swiper').removeClass('opa-0') 1532 } else { 1533 alert(data && data.msg ? data.msg : 'è³æè¼å ¥å¤±æï¼è«ç¨å¾å試'); 1534 } 1535 }).fail(function () { 1536 alert('è³æè¼å ¥å¤±æï¼è«ç¨å¾å試'); 1537 }); 1538 } 1539 1540 // Custom Chat Slider 1541 function initChatSlider(targetSlider) { 1542 // If no specific slider is provided, initialize all uninitialized sliders 1543 const sliders = targetSlider ? targetSlider : $('.chat-slider:not(.initialized)'); 1544 1545 sliders.each(function() { 1546 const slider = $(this); 1547 const wrapper = slider.find('.chat-slider-wrapper'); 1548 const slides = slider.find('.chat-slide'); 1549 let currentSlide = 0; 1550 let isDown = false; 1551 let startX; 1552 let scrollLeft; 1553 let isDragging = false; 1554 1555 // Mark as initialized to prevent duplicate initialization 1556 slider.addClass('initialized'); 1557 1558 // Get slide width including margin 1559 function getSlideWidth() { 1560 if (slides.length === 0) return 0; 1561 const slide = slides.first(); 1562 return slide.outerWidth(true); // includes margin 1563 } 1564 1565 // Get slide width without margin 1566 function getSlideWidthNoMargin() { 1567 if (slides.length === 0) return 0; 1568 const slide = slides.first(); 1569 return slide.outerWidth(false); // excludes margin 1570 } 1571 1572 // Calculate max slide distance 1573 function getMaxSlideDistance() { 1574 const sliderWidth = slider.width(); 1575 const slideWidth = getSlideWidth(); 1576 const slideWidthNoMargin = getSlideWidthNoMargin(); 1577 1578 // Total width = (slides-1) * slideWidth + lastSlideWidth(no margin) 1579 const totalWidth = (slides.length - 1) * slideWidth + slideWidthNoMargin; 1580 return Math.max(0, totalWidth - sliderWidth); 1581 } 1582 1583 function getSlidePosition(slideIndex) { 1584 if (slideIndex === 0) return 0; 1585 const maxDistance = getMaxSlideDistance(); 1586 1587 // For the last slide, always use maxDistance to ensure it's fully visible 1588 if (slideIndex >= slides.length - 1) { 1589 return maxDistance; 1590 } 1591 1592 const slideWidth = getSlideWidth(); 1593 return Math.min(slideIndex * slideWidth, maxDistance); 1594 } 1595 1596 // Set up CSS for slider 1597 slider.css({ 1598 'overflow': 'hidden', 1599 'cursor': 'grab', 1600 'user-select': 'none' 1601 }); 1602 1603 // Set max-width for small screens 1604 function updateSliderMaxWidth() { 1605 if ($(window).width() <= 576) { // sm and below 1606 const chatBoxWidth = $('.new-chat-box').width(); 1607 slider.css('max-width', chatBoxWidth + 'px'); 1608 } 1609 } 1610 1611 // Initial setup and window resize handler 1612 updateSliderMaxWidth(); 1613 $(window).on('resize', updateSliderMaxWidth); 1614 1615 wrapper.css({ 1616 'display': 'flex', 1617 'transition': 'transform 0.3s ease', 1618 'transform': 'translateX(0px)' 1619 }); 1620 1621 slides.css({ 1622 'flex-shrink': '0' 1623 }); 1624 1625 // Mouse events for desktop - use unique namespace 1626 const eventNamespace = 'chatSlider' + Math.random().toString(36).substr(2, 9); 1627 1628 slider.on('mousedown.' + eventNamespace, function(e) { 1629 if ($(window).width() > 768) { 1630 isDown = true; 1631 isDragging = false;
1632 slider.css('cursor', 'grabbing'); 1633 startX = e.pageX - slider.offset().left; 1634 scrollLeft = currentSlide; 1635 } 1636 }); 1637 1638 $(document).on('mouseleave.' + eventNamespace + ' mouseup.' + eventNamespace, function() { 1639 if (isDown) { 1640 isDown = false; 1641 slider.css('cursor', 'grab'); 1642 1643 if (isDragging) { 1644 // Snap to nearest slide 1645 const slidePosition = getSlidePosition(currentSlide); 1646 wrapper.css('transform', `translateX(-${slidePosition}px)`); 1647 } 1648 } 1649 }); 1650 1651 slider.on('mousemove.' + eventNamespace, function(e) { 1652 if (!isDown || $(window).width() <= 768) return; 1653 e.preventDefault(); 1654 1655 const x = e.pageX - slider.offset().left; 1656 const walk = (x - startX); 1657 1658 if (Math.abs(walk) > 10) { 1659 isDragging = true; 1660 } 1661 1662 if (isDragging) { 1663 const currentPosition = getSlidePosition(scrollLeft); 1664 const newTransform = -currentPosition + walk; 1665 const maxDistance = getMaxSlideDistance(); 1666 1667 // Constrain within bounds 1668 const constrainedTransform = Math.min(0, Math.max(-maxDistance, newTransform)); 1669 wrapper.css('transform', `translateX(${constrainedTransform}px)`); 1670 1671 // Determine slide based on drag distance 1672 if (walk > 50 && currentSlide > 0) { 1673 currentSlide--; 1674 } else if (walk < -50 && currentSlide < slides.length - 1) { 1675 currentSlide++; 1676 } 1677 } 1678 }); 1679 1680 // Touch events for mobile 1681 slider.on('touchstart.' + eventNamespace, function(e) { 1682 startX = e.originalEvent.touches[0].clientX; 1683 scrollLeft = currentSlide; 1684 }); 1685 1686 slider.on('touchmove.' + eventNamespace, function(e) { 1687 if (!startX) return; 1688 1689 const x = e.originalEvent.touches[0].clientX; 1690 const walk = startX - x; 1691 1692 if (Math.abs(walk) > 10) { 1693 e.preventDefault(); 1694 const currentPosition = getSlidePosition(scrollLeft); 1695 const newTransform = -currentPosition - walk; 1696 const maxDistance = getMaxSlideDistance(); 1697 1698 // Constrain within bounds 1699 const constrainedTransform = Math.min(0, Math.max(-maxDistance, newTransform)); 1700 wrapper.css('transform', `translateX(${constrainedTransform}px)`); 1701 } 1702 }); 1703 1704 slider.on('touchend.' + eventNamespace, function(e) { 1705 if (!startX) return; 1706 1707 const endX = e.originalEvent.changedTouches[0].clientX; 1708 const walk = startX - endX; 1709 1710 if (Math.abs(walk) > 50) { 1711 if (walk > 0 && currentSlide < slides.length - 1) { 1712 currentSlide++; 1713 } else if (walk < 0 && currentSlide > 0) { 1714 currentSlide--; 1715 } 1716 } 1717 1718 const slidePosition = getSlidePosition(currentSlide); 1719 wrapper.css('transform', `translateX(-${slidePosition}px)`); 1720 startX = null; 1721 }); 1722 1723 // Prevent click events when dragging 1724 slider.on('click.' + eventNamespace, '.msg-option', function(e) { 1725 if (isDragging) { 1726 e.preventDefault(); 1727 e.stopPropagation(); 1728 isDragging = false;
1729 return false; 1730 } 1731 }); 1732 }); 1733 } 1734 1735 // Initialize chat slider 1736 initChatSlider(); 1737 1738 // chat box 1739 let userMsgText = '' 1740 let userMsgTime = '' 1741 const chatBox = $('.new-chat-box .card-body') 1742 1743 // Function to handle chat message sending 1744 function sendChatMessage() { 1745 const inputField = $('.card-footer input[type="text"]'); 1746 const inputValue = inputField.val().trim(); 1747 1748 if (inputValue) { 1749 // Get current time 1750 const now = new Date(); 1751 const currentTime = String(now.getHours()).padStart(2, '0') + ':' + String(now.getMinutes()).padStart(2, '0'); 1752 1753 // Clear input field 1754 inputField.val(''); 1755 1756 // Create user message 1757 const userMsg = `<div class="user-msg"> 1758 <div class="msg-text-wrap"> 1759 <div class="main-msg">${inputValue}</div> 1760 <div class="time">${currentTime}</div> 1761 </div> 1762 </div>`; 1763 1764 // Create system response with options 1765 const olensWelcomeMsg = `<div class="olens-msg"> 1766 <div class="msg-img"> 1767 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt=""> 1768 </div> 1769 <div class="msg-text-wrap"> 1770 <div class="main-msg">æ¨å¥½ï¼æä»éº¼å¯ä»¥çºæ¨æåçåï¼æå¯é»æä¸æ¹æå</div> 1771 <div class="chat-slider"> 1772 <div class="chat-slider-wrapper"> 1773 <div class="chat-slide"> 1774 <div class="slide-msg">以ä¸çºç¸éåé¡ï¼è«é¸æ</div> 1775 <ul class="msg-list"> 1776 <li class="msg-item"> 1777 <button class="msg-option" data-option="å¦ä½è³¼è²·"> 1778 <div class="option-text">å¦ä½è³¼è²·</div> 1779 <div class="option-icon"> 1780 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1781 </div> 1782 </button> 1783 </li> 1784 <li class="msg-item"> 1785 <button class="msg-option" data-option="æ¥æå ¨ç³»å"> 1786 <div class="option-text">æ¥æå ¨ç³»å</div> 1787 <div class="option-icon"> 1788 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1789 </div> 1790 </button> 1791 </li> 1792 <li class="msg-item"> 1793 <button class="msg-option" data-option="ææå ¨ç³»å"> 1794 <div class="option-text">ææå ¨ç³»å</div> 1795 <div class="option-icon"> 1796 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1797 </div> 1798 </button> 1799 </li> 1800 </ul> 1801 </div> 1802 <div class="chat-slide"> 1803 <div class="slide-msg">以ä¸çºç¸éåé¡ï¼è«é¸æ</div> 1804 <ul class="msg-list"> 1805 <li class="msg-item"> 1806 <button class="msg-option" data-option="æå¡å°å"> 1807 <div class="option-text">æå¡å°å</div> 1808 <div class="option-icon"> 1809 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1810 </div> 1811 </button> 1812 </li> 1813 <li class="msg-item"> 1814 <button class="msg-option" data-option="常è¦åé¡"> 1815 <div class="option-text">常è¦åé¡</div> 1816 <div class="option-icon"> 1817 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1818 </div> 1819 </button> 1820 </li> 1821 <li class="msg-item"> 1822 <button class="msg-option" data-option="å°äºº1å°1ç·ä¸å®¢æ"> 1823 <div class="option-text">å°äºº1å°1ç·ä¸å®¢æ</div> 1824 <div class="option-icon"> 1825 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1826 </div> 1827 </button> 1828 </li> 1829 </ul> 1830 </div> 1831 </div> 1832 </div> 1833 </div> 1834 </div>`; 1835 1836 // Append user message first, then system response 1837 chatBox.append(userMsg); 1838 chatBox.append(olensWelcomeMsg); 1839 chatBox.scrollTop(chatBox[0].scrollHeight); 1840 bindClickEvent(chatBox.find('.olens-msg:last').find('.msg-option')); 1841 1842 // Initialize chat slider for the newly added content only 1843 const newSlider = chatBox.find('.chat-slider').last(); 1844 initChatSlider(newSlider); 1845 } 1846 } 1847 1848 // chat send button handler 1849 $('.chat-send-button').on('click', sendChatMessage); 1850 1851 // Enter key handler for input field 1852 $('.card-footer input[type="text"]').on('keypress', function(e) { 1853 if (e.which === 13) { // Enter key 1854 sendChatMessage(); 1855 } 1856 }); 1857 1858 function resendChatMenu() { 1859 1860 // Create system response with options 1861 const olensWelcomeMsg = `<div class="olens-msg"> 1862 <div class="msg-img"> 1863 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt=""> 1864 </div> 1865 <div class="msg-text-wrap"> 1866 <div class="main-msg">æ¨å¥½ï¼æä»éº¼å¯ä»¥çºæ¨æåçåï¼æå¯é»æä¸æ¹æå</div> 1867 <div class="chat-slider"> 1868 <div class="chat-slider-wrapper"> 1869 <div class="chat-slide"> 1870 <div class="slide-msg">以ä¸çºç¸éåé¡ï¼è«é¸æ</div> 1871 <ul class="msg-list"> 1872 <li class="msg-item"> 1873 <button class="msg-option" data-option="å¦ä½è³¼è²·"> 1874 <div class="option-text">å¦ä½è³¼è²·</div> 1875 <div class="option-icon"> 1876 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1877 </div> 1878 </button> 1879 </li> 1880 <li class="msg-item"> 1881 <button class="msg-option" data-option="æ¥æå ¨ç³»å"> 1882 <div class="option-text">æ¥æå ¨ç³»å</div> 1883 <div class="option-icon"> 1884 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1885 </div> 1886 </button> 1887 </li> 1888 <li class="msg-item"> 1889 <button class="msg-option" data-option="ææå ¨ç³»å"> 1890 <div class="option-text">ææå ¨ç³»å</div> 1891 <div class="option-icon"> 1892 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1893 </div> 1894 </button> 1895 </li> 1896 </ul> 1897 </div> 1898 <div class="chat-slide"> 1899 <div class="slide-msg">以ä¸çºç¸éåé¡ï¼è«é¸æ</div> 1900 <ul class="msg-list"> 1901 <li class="msg-item"> 1902 <button class="msg-option" data-option="æå¡å°å"> 1903 <div class="option-text">æå¡å°å</div> 1904 <div class="option-icon"> 1905 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1906 </div> 1907 </button> 1908 </li> 1909 <li class="msg-item"> 1910 <button class="msg-option" data-option="常è¦åé¡"> 1911 <div class="option-text">常è¦åé¡</div> 1912 <div class="option-icon"> 1913 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1914 </div> 1915 </button> 1916 </li> 1917 <li class="msg-item"> 1918 <button class="msg-option" data-option="å°äºº1å°1ç·ä¸å®¢æ"> 1919 <div class="option-text">å°äºº1å°1ç·ä¸å®¢æ</div> 1920 <div class="option-icon"> 1921 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-msg-icon.svg" alt=""> 1922 </div> 1923 </button> 1924 </li> 1925 </ul> 1926 </div> 1927 </div> 1928 </div> 1929 </div> 1930 </div>`; 1931 1932 chatBox.append(olensWelcomeMsg); 1933 chatBox.scrollTop(chatBox[0].scrollHeight); 1934 bindClickEvent(chatBox.find('.olens-msg:last').find('.msg-option')); 1935 1936 // Initialize chat slider for the newly added content only 1937 const newSlider = chatBox.find('.chat-slider').last(); 1938 initChatSlider(newSlider); 1939 } 1940 1941 $('.open-menu-btn').on('click', resendChatMenu); 1942 1943 function bindClickEvent(jqDom){ 1944 jqDom.on('click', function() { 1945 let dataOption = $(this).attr('data-option') 1946 const now = new Date() 1947 userMsgTime = String(now.getHours()).padStart(2, '0') + ':' + String(now.getMinutes()).padStart(2, '0') 1948 1949 1950 let formdata = { 1951 'ba176b9e4b8660cb2c4c4c196601becb' : '82bbf39b59cd45315e40dbb1254647d28a67b1c661cb37048aeae77b896f22ee1bc5aab32ff4ceedc4a90ddb4e6fd26c441c0769eee51b42bf2b8af7da07fc0ed75545cc79cfebce4aa737cf7e052692' 1952 }; 1953 formdata['dataOption'] = dataOption 1954 1955 $.ajax({ 1956 url: 'https://www.olens.com.tw/api/chat/api', 1957 type: 'POST', 1958 data: formdata, 1959 }).done(function (data) { 1960 console.log(data) 1961 if (data.status == 'success') { 1962 1963 switch (dataOption) { 1964 case 'å¦ä½è³¼è²·': 1965 userMsgText = dataOption 1966 break; 1967 case 'æ¥æå ¨ç³»å': 1968 userMsgText = dataOption 1969 break; 1970 case 'ææå ¨ç³»å': 1971 userMsgText = dataOption 1972 break; 1973 case 'æå¡å°å': 1974 userMsgText = dataOption 1975 break; 1976 case '常è¦åé¡': 1977 userMsgText = dataOption 1978 break; 1979
1979 case 'å°äºº1å°1ç·ä¸å®¢æ': 1980 userMsgText = dataOption 1981 break; 1982 default: 1983 userMsgText = dataOption 1984 break; 1985 } 1986 1987 1988 if (userMsgText) { 1989 let olensReplyText = data.data 1990 1991 /*switch (dataOption) { 1992 case 'å¦ä½è³¼è²·': 1993 olensReplyText = 'æè¬æ¨çè©¢åï¼æ¡è¿åå¾<a href="https://www.olens.com.tw/product-list">OLENSå®ç¶²</a>購買ã' 1994 break; 1995 case 'æ¥æå ¨ç³»å': 1996 olensReplyText = 'æ¥æç³»åååè«åèæåç<a href="https://www.olens.com.tw/product-list?type=daily">æ¥æå°å</a>ã' 1997 break; 1998 case 'ææå ¨ç³»å': 1999 olensReplyText = 'ææç³»åååè«åèæåç<a href="https://www.olens.com.tw/product-list?type=monthly">ææå°å</a>ã' 2000 break; 2001 case 'æå¡å°å': 2002 olensReplyText = 'æå¡ç¸éæåè«åå¾<a href="https://www.olens.com.tw/member-intro">æå¡å°å</a>æ¥çã' 2003 break; 2004 case '常è¦åé¡': 2005 olensReplyText = '常è¦åé¡è«åèæåç<a href="https://www.olens.com.tw/faq">FAQé é¢</a>ã' 2006 break; 2007 case 'å°äºº1å°1ç·ä¸å®¢æ': 2008 olensReplyText = 'è«é»æ<a href="https://lin.ee/qGy7rLO" target="_blank">é裡</a>èæåçå°äººå®¢æè¯ç¹«ã' 2009 break; 2010 default: 2011 olensReplyText = 'æè¬æ¨çè©¢åï¼æ¡è¿åå¾<a href="https://www.olens.com.tw/">OLENSå®ç¶²</a>ç覽æ´å¤è³è¨ã' 2012 break; 2013 }*/ 2014 2015 const userMsg = `<div class="user-msg"> 2016 <div class="msg-text-wrap"> 2017 <div class="main-msg">${userMsgText}</div> 2018 <div class="time">${userMsgTime}</div> 2019 </div> 2020 </div>` 2021 const olensMsg = `<div class="olens-msg"> 2022 <div class="msg-img"> 2023 <img src="https://www.olens.com.tw/assets/front/images/icon/chat-logo.png" alt=""> 2024 </div> 2025 <div class="msg-text-wrap"> 2026 <div class="main-msg"> 2027 <div class="editor"> 2028 <div class="container nsdi-article-system" id="T1"> 2029 <div class="nas-article-wrapper"> 2030 <div class="nas-article"> 2031 <p>${olensReplyText}</p> 2032 </div> 2033 </div> 2034 </div> 2035 </div> 2036 </div> 2037 </div> 2038 </div>` 2039 chatBox.append(userMsg) 2040 chatBox.append(olensMsg) 2041 chatBox.scrollTop(chatBox[0].scrollHeight) 2042 } 2043 } else { 2044 alert(data.msg); 2045 } 2046 }); 2047 }) 2048 } 2049 2050 bindClickEvent($('.msg-option')); 2051 }) 2052 2053 let dailySwiper = new Swiper(".dailySwiper", { 2054 slidesPerView: 1, 2055 pagination: { 2056 el: '.daily-swiper-pagination', 2057 }, 2058 breakpoints: { 2059 576: { 2060 slidesPerView: 2, 2061 spaceBetween: 40 2062 } 2063 } 2064 }) 2065 2066 let monthlySwiper = new Swiper(".monthlySwiper", { 2067 slidesPerView: 1, 2068 pagination: { 2069 el: '.monthly-swiper-pagination', 2070 }, 2071 breakpoints: { 2072 576: { 2073 slidesPerView: 2, 2074 spaceBetween: 40 2075 } 2076 } 2077 }) 2078 </script>
vendor: 1 bytes, line 2078
2078
2079<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8de7296e8e5546a9ac811ef07f48329c","r":1,"spa":2}' crossorigin="anonymous"></script>
2079 2080</body> 2081</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.