GMKtec 🔍 CPU Showdown: Intel N150 vs AMD Ryzen 5 3500U vs Ryzen 5 3550H When choosing a mini PC, the processor is one of the most critical factors. Today, we’re comparing three popular chips—Intel Processor N150, AMD Ryzen 5 3500U, and Ryzen 5 3550H—to help you decide which one suits your needs best. 🧠 Core Specifications at a Glance Specification Intel N150 Ryzen 5 3500U Ryzen 5 3550H Cores / Threads 4 / 4 4 / 8 4 / 8 Base / Boost Clock 3.6 GHz (fixed) 2.1 / 3.7 GHz 2.1 / 3.7 GHz TDP 10W 15–25W 35W iGPU UHD Graphics Radeon Vega 8 Radeon Vega 8 Process Node Intel 7 (10nm) 12nm 12nm Cache 10MB 4MB 4MB ⚙️ Performance Insights 🧩 Multithreading & Productivity Ryzen 5 3500U and 3550H both feature 8 threads , making them ideal for multitasking, productivity apps, and light creative workloads. The N150 lacks multithreading and is only suitable for very light tasks. 🧠 CPU Performance Benchmarks from CPUBenchmark and CPU-Monkey show that Ryzen 5 3500U outperforms the N150 significantly , especially in multi-core tasks. The 3550H performs slightly better than 3500U but comes with higher power consumption and heat. 🎮 Graphics Power Both Ryzen CPUs include Radeon Vega 8 , which is far superior to Intel’s UHD graphics found in the N150. Vega 8 enables smooth 4K video playback, light gaming, and creative applications. 🌡️ Power & Heat Intel N150 : Low power (10W), very efficient, best for silent or fanless systems. Ryzen 5 3500U : Balanced (15–25W), great efficiency-performance ratio. Ryzen 5 3550H : More powerful but generates significantly more heat (35W TDP). 🗣️ Real-World Feedback “The Ryzen 3550H is more powerful than the N150 in raw CPU and iGPU performance… But the 3500U offers great balance for mini PCs.” — Reddit user from /r/MiniPCs 💡 Why Ryzen 5 3500U is the Smart Choice If you need a processor that can handle everyday tasks, light content creation, and multimedia workloads without generating too much heat or noise, the Ryzen 5 3500U hits the sweet spot: ✅ Excellent multi-threaded performance ✅ Powerful integrated Vega 8 GPU ✅ Efficient power usage ✅ Great balance of cost, performance, and thermal output 💻 Meet the GMKtec NucBox G10: Small PC, Big Potential If you're looking to experience the full power of Ryzen 5 3500U in a compact form factor, check out the GMKtec NucBox G10 . 🔑 Key Features AMD Ryzen 5 3500U with Vega 8 graphics RAM：2×DDR4 SO-DIMM 16G/32G, 2400 MT/s (up to 64GB) ； SSD：2×M.2 2280 PCIe3.0x4 SSD 512G/1TB (M.2 2280 PCIe expansion, supports up to 8TB per drive, total expansion up to 16TB) Triple display output : HDMI + DisplayPort + USB-C (up to 8K) Compact size : only 103×98×42mm, VESA mount included 2.5G LAN + Wi-Fi 5 + Bluetooth 5.2 for fast networking Silent cooling & stylish design Priced down to $189.99 – unbeatable value for this level of performance 🎯 Perfect For Remote work and multitasking Media center (Plex, Kodi, 4K playback) Light gaming and photo editing Home server or small office use ✅ Final Verdict The AMD Ryzen 5 3500U is a well-rounded chip that delivers modern performance without the heat and cost of high-TDP CPUs. If you're looking for a reliable, efficient, and affordable mini PC, the GMKtec NucBox G10 is one of the best options in the market. 👉 Shop Now – GMKtec NucBox G10

📢EU Site New Launch→ SHOP NOW

💥EVO-X2 New Launch→ SHOP NOW

📢EU Site New Launch→ SHOP NOW

💥EVO-X2 New Launch→ SHOP NOW

View all (2)

🔍 CPU Showdown: Intel N150 vs AMD Ryzen 5 3500U vs Ryzen 5 3550H

· GMKtec · Blog Post 2025

When choosing a mini PC, the processor is one of the most critical factors. Today, we’re comparing three popular chips—Intel Processor N150, AMD Ryzen 5 3500U, and Ryzen 5 3550H—to help you decide which one suits your needs best.

🧠 Core Specifications at a Glance

Specification	Intel N150	Ryzen 5 3500U	Ryzen 5 3550H
Cores / Threads	4 / 4	4 / 8	4 / 8
Base / Boost Clock	3.6 GHz (fixed)	2.1 / 3.7 GHz	2.1 / 3.7 GHz
TDP	10W	15–25W	35W
iGPU	UHD Graphics	Radeon Vega 8	Radeon Vega 8
Process Node	Intel 7 (10nm)	12nm	12nm
Cache	10MB	4MB	4MB

⚙️ Performance Insights

🧩 Multithreading & Productivity

Ryzen 5 3500U and 3550H both feature 8 threads, making them ideal for multitasking, productivity apps, and light creative workloads. The N150 lacks multithreading and is only suitable for very light tasks.

🧠 CPU Performance

Benchmarks from CPUBenchmark and CPU-Monkey show that Ryzen 5 3500U outperforms the N150 significantly, especially in multi-core tasks. The 3550H performs slightly better than 3500U but comes with higher power consumption and heat.

🎮 Graphics Power

Both Ryzen CPUs include Radeon Vega 8, which is far superior to Intel’s UHD graphics found in the N150. Vega 8 enables smooth 4K video playback, light gaming, and creative applications.

🌡️ Power & Heat

Intel N150: Low power (10W), very efficient, best for silent or fanless systems.
Ryzen 5 3500U: Balanced (15–25W), great efficiency-performance ratio.
Ryzen 5 3550H: More powerful but generates significantly more heat (35W TDP).

🗣️ Real-World Feedback

“The Ryzen 3550H is more powerful than the N150 in raw CPU and iGPU performance… But the 3500U offers great balance for mini PCs.”
— Reddit user from /r/MiniPCs

💡 Why Ryzen 5 3500U is the Smart Choice

If you need a processor that can handle everyday tasks, light content creation, and multimedia workloads without generating too much heat or noise, the Ryzen 5 3500U hits the sweet spot:

✅ Excellent multi-threaded performance
✅ Powerful integrated Vega 8 GPU
✅ Efficient power usage
✅ Great balance of cost, performance, and thermal output

💻 Meet the GMKtec NucBox G10: Small PC, Big Potential

If you're looking to experience the full power of Ryzen 5 3500U in a compact form factor, check out the GMKtec NucBox G10.

🔑 Key Features

AMD Ryzen 5 3500U with Vega 8 graphics
RAM：2×DDR4 SO-DIMM 16G/32G, 2400 MT/s (up to 64GB) ；
SSD：2×M.2 2280 PCIe3.0x4 SSD 512G/1TB (M.2 2280 PCIe expansion, supports up to 8TB per drive, total expansion up to 16TB)
Triple display output: HDMI + DisplayPort + USB-C (up to 8K)
Compact size: only 103×98×42mm, VESA mount included
2.5G LAN + Wi-Fi 5 + Bluetooth 5.2 for fast networking
Silent cooling & stylish design
Priced down to $189.99 – unbeatable value for this level of performance

🎯 Perfect For

Remote work and multitasking
Media center (Plex, Kodi, 4K playback)
Light gaming and photo editing
Home server or small office use

✅ Final Verdict

The AMD Ryzen 5 3500U is a well-rounded chip that delivers modern performance without the heat and cost of high-TDP CPUs. If you're looking for a reliable, efficient, and affordable mini PC, the GMKtec NucBox G10 is one of the best options in the market.

👉 Shop Now – GMKtec NucBox G10

Latest posts

function getListData() { return fetch( "\/api\/loyalty-server\/tier-details" ).then((response) => response.json()); } exportFunction('getListData', getListData);

class LoyaltyBenefitsList extends SPZ.BaseElement { constructor(element) { super(element); } buildCallback() { this.setupAction_(); } setupAction_() { this.registerAction("refresh", (invocation) => { const { event } = invocation.args; this.refreshList_(event); }); } refreshList_(event) { SPZ.whenApiDefined(document.getElementById('loyalty-page-level-info')).then((levelRender) => { const benefits = levelRender.getData()[0]; const member_detail = levelRender.getData()[1]; SPZ.whenApiDefined(this.element.querySelector('.loyalty-level-benefits-list__render')).then((api) => { api.render({ tier_detail: benefits.tier_details[event.index], member_detail }) }) }); } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement("spz-custom-loyalty-level-benefits-list", LoyaltyBenefitsList);

class SpzCustomLoyaltyModal extends SPZ.BaseElement { constructor(element) { super(element); this.container = document.querySelector( this.element.dataset.container ? this.element.dataset.container : "#loyalty-app__panel .loyalty-app__panel-body" ); } buildCallback() { this.setupAction_(); if (this.moved) return; this.moved = true; const originNode = this.container.querySelector(`:scope > #${this.element.id}`) if (originNode) { this.container.removeChild(originNode); } this.container.appendChild(this.element); } open_() { SPZCore.Dom.toggle(this.element, true); this.lockScroll_(); } lockScroll_() { this.container.classList.add("loyalty-lock-scroll"); } close_() { SPZCore.Dom.toggle(this.element, false); this.unlockScroll_(); } unlockScroll_() { this.container.classList.remove("loyalty-lock-scroll"); } setupAction_() { this.registerAction("open", (invocation) => { const { args } = invocation; this.open_(args); }); this.registerAction("close", () => { this.close_(); }); } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement("spz-custom-loyalty-modal", SpzCustomLoyaltyModal); class SpzCustomLoyaltyInfoFormModal extends SpzCustomLoyaltyModal { constructor(element) { super(element); this.currentEdit = null; } open_({ type, data, title }) { if (!type) return; super.open_(); this.currentEdit = type; SPZ.whenApiDefined(this.element.querySelector('.loyalty-info-form-modal__render')).then((api) => { api.render({ title, attr: type, init_value: data }, true) }); } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement( "spz-custom-loyalty-info-form-modal", SpzCustomLoyaltyInfoFormModal ); class SpzCustomLoyaltyEarnModal extends SpzCustomLoyaltyModal { constructor(element) { super(element); } open_({ index }) { SPZ.whenApiDefined(document.getElementById('loyalty-async-get-data')).then((api) => { return api.callFunction('earnPointData'); }).then(({campaigns}) => { SPZ.whenApiDefined(this.element.querySelector('#loyalty-earn-detail-modal__render')).then((api) => { api.render(campaigns[index] || {}, true) super.open_(); }); }); } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement( "spz-custom-loyalty-earn-modal", SpzCustomLoyaltyEarnModal );

No record yet

No Offers yet

class SpzCustomLoyaltyPanel extends SPZ.BaseElement { constructor(element) { super(element); } buildCallback() { this.setupAction_(); this.firstOpen = true; const launchIconContainer = this.element.querySelector(".loyalty-launch-icon"); this.openIcon = launchIconContainer.querySelector(".loyalty-launch__open"); this.closeIcon = launchIconContainer.querySelector(".loyalty-launch__close"); this.panel = this.element.querySelector(".loyalty-app__panel-body"); launchIconContainer.addEventListener("click", () => { if (this.openIcon.hidden) { this.close_(); } else { this.open_(); } }); this.viewport_ = this.getViewport(); this.registerAutoOpen_(); } setupAction_() { this.registerAction("open", (invocation) => { const { event } = invocation.args; this.open_(event); }); this.registerAction("close", (invocation) => { const { event } = invocation.args; this.close_(event); }); } open_(page) { SPZCore.Dom.toggle(this.closeIcon, true); SPZCore.Dom.toggle(this.openIcon, false); SPZCore.Dom.toggle(this.panel, true); if (this.firstOpen) { this.firstOpen = false; LoyaltyRouter.push("home"); const ele = document.getElementById('loyalty-async-get-data'); SPZ.whenApiDefined(ele).then((api) => { api.callFunction('refreshAllData') if (page && page !== 'home') { //打开后打开特定页面 LoyaltyRouter.push(page); } }); } if (this.viewport_.getWidth() < 960) { // 如果是在M端，则锁住外层滚动 this.viewport_.enterOverlayMode(); } } close_() { this.viewport_.leaveOverlayMode(); SPZCore.Dom.toggle(this.closeIcon, false); SPZCore.Dom.toggle(this.openIcon, true); SPZCore.Dom.toggle(this.panel, false); } registerAutoOpen_() { const params = window.SPZUtils.Urls.parseQueryString(location.search); if(params.open_loyalty) { this.open_(params.open_loyalty) } } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement("spz-custom-loyalty-panel", SpzCustomLoyaltyPanel); function matchDynamicRoute(path, routePattern) { // 正则表达式匹配动态路由，其中 :id 表示一个动态参数 const reg = new RegExp(`^${routePattern.replace(/:\w+/g, "([^/]+)")}$`); const match = path.match(reg); if (match) { // 去除第一个匹配项（整个匹配的字符串），剩下的就是参数数组 const params = match.slice(1); // 将参数与路由模式中的动态段对应起来，形成一个对象 const paramNames = routePattern.match(/:\w+/g) || []; const paramsObject = paramNames.reduce((acc, name, index) => { acc[name.slice(1)] = params[index]; return acc; }, {}); return paramsObject; } else { return null; } } class LoyaltyRouter extends SPZ.BaseElement { static routers = {}; static currIndex = -1; static stack = []; static deferredMount() { return false; } constructor(element) { super(element); } buildCallback() { const routePath = this.element.dataset.path; this.routePath = routePath; this.routeName = this.element.dataset.name; LoyaltyRouter.routers[routePath] = this; // default hidden，show when push SPZCore.Dom.toggle(this.element, false); this.element.classList.add("spz-custom-loyalty-router"); this.container = document.querySelector( "#loyalty-app__panel .loyalty-app__panel-body > .loyalty-app__panel-body-wrapper" ); this.action_ = SPZServices.actionServiceForDoc(this.element); if (this.moved) return; this.moved = true; this.container.appendChild(this.element); this.setupAction_(); } triggerRefreshEvent_(data) { this.showPageLoading_(); const event = SPZUtils.Event.create( this.win, "spz-custom-loyalty-router.refresh", data ); this.action_.trigger(this.element, "refresh", event); } triggerRenderEvent_(data) { const event = SPZUtils.Event.create( this.win, "spz-custom-loyalty-router.render", data ); this.action_.trigger(this.element, "render", event); } static push(path, options) { if (LoyaltyRouter.routers[path]) { LoyaltyRouter.stack.push(path); LoyaltyRouter.currIndex++; LoyaltyRouter.routers[path].render_(path, options); } else { // 进行动态路由匹配 const matchResult = Object.keys(LoyaltyRouter.routers).find((router) => { return matchDynamicRoute(path, router); }); if (matchResult) { const pathParams = matchDynamicRoute(path, matchResult); LoyaltyRouter.stack.push(matchResult); LoyaltyRouter.currIndex++; LoyaltyRouter.routers[matchResult].render_(matchResult, { ...options, params: { ...pathParams, ...(options.params || {}), }, }); } else { console.error(`Route '${path}' not found!`); } } } back() { LoyaltyRouter.stack.pop(); if (LoyaltyRouter.currIndex > 0) { LoyaltyRouter.currIndex--; // 返回时如果是到首页则展示首页出来，避免首页超长 if (LoyaltyRouter.currIndex === 0) { SPZCore.Dom.toggle(LoyaltyRouter.routers["home"].element, true); } const prevPage = LoyaltyRouter.routers[LoyaltyRouter.stack[LoyaltyRouter.currIndex]]; if (prevPage.element.classList.contains("loyalty-router-initialized")) { // 触发refresh事件 prevPage.triggerRefreshEvent_({}); } this.element.style.zIndex = 0; this.element.classList.add("loyalty-closed-page"); } } render_(path, options = {}) { const { pageTitle } = options; SPZCore.Dom.toggle(LoyaltyRouter.routers[path].element, true); if (LoyaltyRouter.currIndex > 0 && path !== "home") { this.showPageLoading_(); SPZCore.Dom.toggle(LoyaltyRouter.routers["home"].element, false); const template = document.getElementById( "loyalty-panel-with-back" ).content; let shadow = this.element.shadowRoot; if (!shadow) { shadow = this.element.attachShadow({ mode: "open" }); shadow.appendChild(template.cloneNode(true)); // 获取按钮元素并添加点击事件 const button = shadow.querySelector(".loyalty-panel__back"); button.addEventListener("click", () => { this.back(); }); const closeBtn = shadow.querySelector(".loyalty-panel__inner-close"); closeBtn.addEventListener("click", () => { SPZ.whenApiDefined( document.getElementById("loyalty-app__panel") ).then((apis) => { apis.close_(); }); }); } else if (shadow.querySelector("button")) { // 证明已经打开过 } this.setTitle_( shadow, pageTitle || LoyaltyRouter.routers[path].routeName ); } if (path === "home" && LoyaltyRouter.currIndex > 0) { // close all Object.keys(LoyaltyRouter.routers) .filter((path) => path !== "home") .forEach((path) => { LoyaltyRouter.routers[path].back(); }); } if (this.element.classList.contains("loyalty-router-initialized")) { // 触发refresh事件 this.triggerRefreshEvent_(options); } this.triggerRenderEvent_(options); this.element.style.zIndex = LoyaltyRouter.currIndex + 1; this.element.classList.remove("loyalty-closed-page"); this.element.classList.add("loyalty-router-initialized"); } showPageLoading_() { SPZCore.Dom.toggle(document.querySelector(".loyalty-global-loading"), true); } setupAction_() { // 用于动态设置页面标题 this.registerAction("setTitle", (invocation) => { const { args } = invocation; const {pageTitle} = args; this.setTitle_(this.element.shadowRoot, pageTitle); }); // 用于手动返回 this.registerAction("back", () => { this.back(); }); } setTitle_(shadow, pageTitle) { shadow.querySelector(".loyalty-panel__back-name").innerHTML = pageTitle; } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement("spz-custom-loyalty-router", LoyaltyRouter); class LoyaltyLink extends SPZ.BaseElement { constructor(element) { super(element); const params = Object.keys(element.dataset) .filter((key) => key.startsWith("param")) .reduce((acc, key) => { acc[key.replace("param", "").toLowerCase()] = element.dataset[key]; return acc; }, {}); this.clickEventHandler = (e) => { // 如果子元素点击包含禁止冒泡属性则不处理冒泡跳转 if (e.target.attributes['prevent-link']) { return; } if (element.dataset.path) { LoyaltyRouter.push(element.dataset.path, { pageTitle: element.dataset.name, params, }); } }; element.addEventListener("click", this.clickEventHandler); } unmountCallback() { this.element.removeEventListener("click", this.clickEventHandler); } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement("spz-custom-loyalty-link", LoyaltyLink); class SpzCustomLoyaltyEvent extends SPZ.BaseElement { constructor(element) { super(element); } buildCallback() { this.setupAction_(); this.action_ = SPZServices.actionServiceForDoc(this.element); this.origin = this.element.dataset.origin; const attributes = this.element.attributes; for (let i = 0; i < attributes.length; i++) { const attributeName = attributes[i].name; if (attributeName.startsWith('@event:')) { const eventName = attributeName.replace('@event:', ''); window.SPZUtils.Event.listen( window, eventName, (data) => { if(data.detail.origin !== this.origin) { this.triggerEvent_(`event:${eventName}`, data); } } ) } } } triggerEvent_(eventName, data) { const event = SPZUtils.Event.create( this.win, `spz-custom-loyalty-event.${eventName}`, data ); this.action_.trigger(this.element, eventName, event); } setupAction_() { this.registerAction("emit", (invocation) => { const { args } = invocation; const {eventName} = args; const e = window.SPZUtils.Event.create( window, eventName, args ); window.dispatchEvent(e); }); } isLayoutSupported(layout) { return layout === SPZCore.Layout.LOGIC; } } SPZ.defineElement("spz-custom-loyalty-event", SpzCustomLoyaltyEvent); class SpzCustomLoyaltyTrack extends SPZ.BaseElement { static observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { SPZ.whenApiDefined(entry.target).then((api) => { api.track_(); }) } }); }, { root: null, ratio: 0.6, }); constructor(element) { super(element); this.hasTrack = false; const { trackType, trackEvent_developer, ...dataset } = this.element.dataset; this.trackType = trackType; this.eventDeveloper = trackEvent_developer; const trackEventInfo = {}; Object.keys(dataset).forEach((dataKey) => { if (dataKey.startsWith('track')) { trackEventInfo[dataKey.replace('track', '').toLowerCase()] = dataset[dataKey]; } }) this.trackEventInfo = trackEventInfo; } mountCallback() { if (this.trackType === 'function_expose') { SpzCustomLoyaltyTrack.observer.observe(this.element); } else { this.element.addEventListener("click", () => { this.track_(); }); } } unmountCallback() { if (this.trackType === 'function_expose') { SpzCustomLoyaltyTrack.observer.unobserve(this.element); } else { this.element.removeEventListener("click", () => { this.track_(); }); } } track_() { if (this.hasTrack && this.trackType !== "click") return; SPZ.whenApiDefined(document.querySelector('.loyalty-init-data')).then((api) => { return api.callFunction('memberDetail') }).then((rst) => { // 默认游客 let membership_status = 'guest'; // 未登录时先赋值非会员 if (!!window.SHOPLAZZA.customer.customer_id) membership_status = 'no_member'; // 是会员则上报会员名称 if (rst.member) membership_status = `member_${rst.current_tier.name}`; const {email_id} = window.SPZUtils.Urls.parseQueryString(window.location.search); const eventTypeMap = { 'function_expose': 'expose', 'click': 'click' } window.sa.track(this.trackType, { function_name: 'loyalty', plugin_name: 'loyalty', module_type: 'loyalty', module: 'apps', business_type: 'product_plugin', event_developer: this.eventDeveloper, event_type: eventTypeMap[this.trackType], event_info: JSON.stringify({ ...this.trackEventInfo, membership_status: membership_status, source_channels: email_id ? 'email' : 'Store', email_id: email_id }) }); if (this.trackType !== "click") this.hasTrack = true; }) } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER || layout === SPZCore.Layout.LOGIC; } } SPZ.defineElement("spz-custom-loyalty-track", SpzCustomLoyaltyTrack); class SpzCustomLoyaltyPoint extends SPZ.BaseElement { constructor(element) { super(element); this.value_ = element.getAttribute('value'); this.init = false; } buildCallback() { if (this.win.__loyalty_settings__) { this.win.__loyalty_settings__.then((settings) => { this.pointName_ = (settings.points_rule && settings.points_rule.points_name) || "Points"; this.render_(); }); } } /** * render dom */ render_() { if (this.init) return; // 清空原有内容 // 解决重复渲染问题 if (this.element.childElementCount > 0) { this.element.innerHTML = ''; } this.init = true; this.container_ = document.createElement("span"); this.container_.classList.add("loyalty-point"); this.container_.innerHTML = `${this.value_ !== null ? `${this.value_} ` : ''}${this.pointName_}`; this.element.appendChild(this.container_); } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement("spz-custom-loyalty-point", SpzCustomLoyaltyPoint); class SpzCustomLoyaltySeeMore extends SPZ.BaseElement { constructor(element) { super(element); } buildCallback() { this.setupAction_(); } setupAction_() { this.registerAction("open", (invocation) => { this.render_(invocation.args); }); } render_(data) { SPZ.whenApiDefined(this.element.querySelector(':scope > ljs-render')).then((api) => { api.render(data, true) }); } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement("spz-custom-loyalty-see-more", SpzCustomLoyaltySeeMore);

class SpzCustomLoyaltyQueryModal extends SPZ.BaseElement { constructor(element) { super(element); this.queryParam = element.dataset.queryParam; } static deferredMount() { return false; } buildCallback() { this.checkMember_(); this.setupAction_(); } checkMember_() { const params = window.SPZUtils.Urls.parseQueryString(window.location.search); if (params[this.queryParam]) { if (!window.SHOPLAZZA.customer?.customer_id) { window.location.href="\/account\/login"; } else { // 已登陆 SPZ.whenApiDefined(document.getElementById('loyalty-async-get-data')).then((api) => { return api.callFunction('memberDetail'); }).then((data) => { if (data.member) { // 已入会才弹窗 SPZ.whenApiDefined(this.element.querySelector(':scope>ljs-lightbox')).then((modal) => { // 用于在弹窗打开前执行一些操作 this.beforeOpen_(params[this.queryParam], params); modal.open(); }); } else { // 未入会直接移除参数 this.removeQuery_(); } }); } } } setupAction_() { this.registerAction("close", () => { this.removeQuery_(); }); } // 用于在弹窗打开前执行一些操作 beforeOpen_() {} removeQuery_() { const currentUrl = window.location.href; // 使用 URLSearchParams 解析查询参数 const url = new URL(currentUrl); const params = SPZUtils.Urls.addOrReplaceParams(window.location.href, {[this.queryParam]: null}); window.history.replaceState( null, '', `${url.origin}${params}` ); } isLayoutSupported(layout) { return layout === SPZCore.Layout.CONTAINER; } } SPZ.defineElement("spz-custom-loyalty-query-modal", SpzCustomLoyaltyQueryModal);