6/43

โคมไฟลม เชิงเทียนสแตนเลส โคมไฟแก้วสีทอง เทียน โคมไฟกันลม แสงกลางแจ้ง ตกแต่งหรูหรา ตกแต่งเงิน โรแมนติก (แก้วแตกสามารถออกใหม่ได้)Home Tools

Name: โคมไฟลม เชิงเทียนสแตนเลส โคมไฟแก้วสีทอง เทียน โคมไฟกันลม แสงกลางแจ้ง ตกแต่งหรูหรา ตกแต่งเงิน โรแมนติก (แก้วแตกสามารถออกใหม่ได้)Home Tools
Price: 68 CNY
Availability: InStock

$22.00 - $75.00

(Tax included)

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ class SpzCustomDiscountCodeModel extends SPZ.BaseElement { constructor(element) { super(element); // 复制按钮和内容的类名 this.copyBtnClass = "discount_code_btn" this.copyClass = "discount_code_value" } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { // 初始化服务 this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); } /** * 渲染优惠码组件 * @param {Object} data - 渲染数据 */ doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, Object.assign(this.getDefaultData(), data) ) .then((el) => { this.clearDom(); this.element.appendChild(el); // 绑定复制代码功能 this.copyCode(el, data); }); } /** * 获取渲染模板 * @param {Object} data - 渲染数据 */ getRenderTemplate(data) { const renderData = Object.assign(this.getDefaultData(), data); return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); return el; }); } /** * 清除DOM内容 */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * 获取默认数据 * @returns {Object} 默认数据对象 */ getDefaultData() { return { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), image_domain: this.win.SHOPLAZZA.image_domain, copyBtnClass: this.copyBtnClass, copyClass: this.copyClass } } /** * 复制优惠码功能 * @param {Element} el - 当前元素 */ copyCode(el) { const copyBtnList = el.querySelectorAll(`.${this.copyBtnClass}`); if (copyBtnList.length > 0) { copyBtnList.forEach(item => { item.onclick = async () => { // 确保获取正确的元素和内容 const codeElement = item.querySelector(`.${this.copyClass}`); if (!codeElement) return; // 获取纯文本内容 const textToCopy = codeElement.innerText.trim(); // 尝试使用现代API，如果失败则使用备用方案 try { if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(textToCopy); } else { throw new Error('Clipboard API not available'); } // 显示复制成功提示 this.showCopySuccessToast(textToCopy, el); } catch (err) { console.error('Modern clipboard API failed, trying fallback...', err); // 使用备用复制方案 this.fallbackCopy(textToCopy, el); } const discountId = item.dataset["discountId"]; // 跳转决策: is_redirection + link(可选覆盖) const setting = { is_redirection: item.dataset["redirection"] === "true", link: item.dataset["link"], }; const landingUrl = `/us/promotions/discount-default/${discountId}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element)) { this.win.open(finalUrl, '_blank', 'noopener'); } } }) } } /** * 使用 execCommand 的复制方案 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ fallbackCopy(codeText, el) { const textarea = this.win.document.createElement('textarea'); textarea.value = codeText; // 设置样式使文本框不可见 textarea.style.position = 'fixed'; textarea.style.left = '-9999px'; textarea.style.top = '0'; // 添加 readonly 属性防止移动端虚拟键盘弹出 textarea.setAttribute('readonly', 'readonly'); this.win.document.body.appendChild(textarea); textarea.focus(); textarea.select(); try { this.win.document.execCommand('copy'); // 显示复制成功提示 this.showCopySuccessToast(codeText, el); } catch (err) { console.error('Copy failed:', err); } this.win.document.body.removeChild(textarea); } /** * 创建 Toast 元素 * @returns {Element} 创建的 Toast 元素 */ createToastEl_() { const toast = document.createElement('ljs-toast'); toast.setAttribute('layout', 'nodisplay'); toast.setAttribute('hidden', ''); toast.setAttribute('id', 'discount-code-toast'); toast.style.zIndex = '1051'; return toast; } /** * 挂载 Toast 元素到 body * @returns {Element} 挂载的 Toast 元素 */ mountToastToBody_() { const existingToast = this.win.document.getElementById('discount-code-toast'); if (existingToast) { return existingToast; } const toast = this.createToastEl_(); this.win.document.body.appendChild(toast); return toast; } /** * 复制成功的提醒 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ showCopySuccessToast(codeText, el) { const $toast = this.mountToastToBody_(); SPZ.whenApiDefined($toast).then(toast => { toast.showToast("Discount code copied !"); this.codeCopyInSessionStorage(codeText); }); } /** * 复制优惠码成功后要存一份到本地存储中，购物车使用 * @param {string} codeText - 要复制的文本 */ codeCopyInSessionStorage(codeText) { try { sessionStorage.setItem('other-copied-coupon', codeText); } catch (error) { console.error(error) } } } // 注册自定义元素 SPZ.defineElement('spz-custom-discount-code-model', SpzCustomDiscountCodeModel);

/** * Custom discount code component that handles displaying and managing discount codes * @extends {SPZ.BaseElement} */ class SpzCustomDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); // API endpoint for fetching discount codes this.getDiscountCodeApi = "\/us\/api\/storefront\/promotion\/code\/list"; // Debounce timer for resize events this.timer = null; // Current variant ID this.variantId = "553aa0f8-333a-4348-beac-e61dc16845a3"; // Store discount code data this.discountCodeData = {} } /** * Check if layout is supported * @param {string} layout - Layout type * @return {boolean} */ isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } /** * Initialize component after build */ buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // Bind methods to maintain context this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } /** * Setup component when mounted */ mountCallback() { this.getData(); // Add event listeners this.viewport_.onResize(this.resize); this.win.document.addEventListener('dj.variantChange', this.switchVariant); } /** * Cleanup when component is unmounted */ unmountCallback() { this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } /** * Handle resize events with debouncing */ resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { if (appDiscountUtils.inProductBody(this.element)) { this.render(); } else { this.renderSkeleton(); } }, 200); } /** * Handle variant changes * @param {Event} event - Variant change event */ switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == '8b7fc95a-9643-40f6-a93b-1c6dcb03a2f9' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } /** * Fetch discount code data from API */ getData() { if (appDiscountUtils.inProductBody(this.element)) { const reqBody = { product_id: "8b7fc95a-9643-40f6-a93b-1c6dcb03a2f9", variant_id: this.variantId, product_type: "", } if (!reqBody.product_id || !reqBody.variant_id) return; this.discountCodeData = {}; this.win.fetch(this.getDiscountCodeApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { let data = await response.json(); if (data.list && data.list.length > 0) { data.list[0].product_setting.template_config = JSON.parse(data.list[0].product_setting.template_config); // Format timestamps to local timezone const zone = this.win.SHOPLAZZA.shop.time_zone; data.list = data.list.map(item => { if(+item.ends_at !== -1) { item.ends_at = appDiscountUtils.convertTimestampToFormat(+item.ends_at, zone); } item.starts_at = appDiscountUtils.convertTimestampToFormat(+item.starts_at, zone); return item; }); } this.discountCodeData = data; this.render(); } else { this.clearDom(); } }).catch(err => { console.error("discount_code", err) this.clearDom(); }); } else { this.renderSkeleton(); } } /** * Clear component DOM except template */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * Render discount codes with formatted dates */ render() { // Render using discount code model SPZ.whenApiDefined(document.querySelector('#spz_custom_discount_code_model')).then(renderApi => { renderApi.doRender_({ discountCodeData: this.discountCodeData }) }).catch(err => { this.clearDom(); }) } renderSkeleton() { // Render template for non-product pages this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile() }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) .catch(err => { this.clearDom(); }); } } // Register custom element SPZ.defineElement('spz-custom-discount-code', SpzCustomDiscountCode);

class SpzCustomDiscountFlashsale extends SPZ.BaseElement { constructor(element) { super(element); this.xhr_ = SPZServices.xhrFor(this.win); this.getFlashSaleApi = "\/us\/api\/storefront\/promotion\/flashsale\/display_setting\/product_setting"; this.timer = null; this.variantId = "553aa0f8-333a-4348-beac-e61dc16845a3"; // 促销活动数据 this.flashsaleData = {} } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // 挂载bind函数解决this指向问题 this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } mountCallback() { // 获取数据 this.getData(); this.element.onclick = (e) => { const cur = this.win.document.querySelector(".app_discount_flashsale_desc"); const setting = this.flashsaleData.product_setting; const landingUrl = `/us/promotions/discount-default/${this.flashsaleData.discount_info.id}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element) && e.target !== cur) { this.win.open(finalUrl, '_blank', 'noopener'); } } // 绑定 this.viewport_.onResize(this.resize); // 监听子款式切换，重新渲染 this.win.document.addEventListener('dj.variantChange', this.switchVariant); } unmountCallback() { // 解绑 this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { this.render(); }, 200) } switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == '8b7fc95a-9643-40f6-a93b-1c6dcb03a2f9' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "8b7fc95a-9643-40f6-a93b-1c6dcb03a2f9", product_type: "", variant_id: this.variantId } this.flashsaleData = {}; this.win.fetch(this.getFlashSaleApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { this.flashsaleData = await response.json(); this.render(); } else { this.clearDom(); } }).catch(err => { this.clearDom(); }); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } render() { this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), inProductDetail: appDiscountUtils.inProductBody(this.element), flashsaleData: this.flashsaleData, image_domain: this.win.SHOPLAZZA.image_domain, }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) } } SPZ.defineElement('spz-custom-discount-flashsale', SpzCustomDiscountFlashsale);

class SpzCustomDiscountBundle extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } mountCallback() { // 同一页可能有多个 block 各自渲染本 snippet，导致逻辑元素 spz-custom-discount-toast(#appsAddCartToastFunc) 重复。 // 仅保留 DOM 中第一个实例，其余重复实例移除自身，保证逻辑元素及其 action 引用(appsAddCartToastFunc)唯一。 const funcs = document.querySelectorAll('#appsAddCartToastFunc'); if (funcs.length > 1 && this.element !== funcs[0]) { this.element.remove(); return; } // 全局折扣 toast 的弹出点分散在多个模板/组件里（含声明式 @atcError），无法逐一在弹出前前置， // 故挂载时幂等地去重并挂到 body；加购 toast 改为弹出前按需去重（见 showAddToCartToast） this.ensureSingleToastInBody_('cart_match_discount_toast_wrap'); } unmountCallback() {} // 同一页面可能有多个 block 各自渲染本 toast snippet（如商详的 discount_automatic + 购物车抽屉里的折扣横幅）， // 导致 toast 外层出现重复 id。重复 id 下 getElementById/querySelector 及 SPZ 动作引用都只命中第一个， // 且被关进抽屉的那份会被抽屉的 transform/overflow 裁剪/错位。这里在挂载时幂等去重： // 只保留一份、移除多余的，并把保留的挂到 body（body 是 position:fixed 最安全的落点，避免被任何祖先裁剪）。可反复调用。 ensureSingleToastInBody_(id) { const els = Array.from(document.querySelectorAll('#' + id)); if (!els.length) return; els.slice(1).forEach((el) => el.remove()); const keep = els[0]; if (keep.parentNode !== document.body) { document.body.appendChild(keep); } } // 主题购物车抽屉是否打开 isInCartDrawer_() { return !!document.querySelector('[data-section-type="cart_drawer"] spz-sidebar[open]'); } setupAction_() { this.registerAction('showAddToCartToast', () => { // 抽屉内加购：主题本就不会有加购效果，统一弹插件自己的 toast // 非抽屉：主题有加购代理则沿用主题加购效果，否则插件兜底 const proxyEl = document.getElementById('add-cart-event-proxy'); const inDrawer = this.isInCartDrawer_(); if (!inDrawer && proxyEl) { return; } // 弹出前按需去重并挂到 body（幂等），避免重复 id 命中错对象或被抽屉裁剪/错位 this.ensureSingleToastInBody_('apps_add_cart_toast_wrap'); const toastEl = document.querySelector('#apps-match-drawer-add_to_cart_toast') SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast("Added successfully"); }); }); } buildCallback() { this.setupAction_(); }; } SPZ.defineElement('spz-custom-discount-toast', SpzCustomDiscountBundle);

颜色: [Arc top] ใหญ่พิเศษ 20

Quantity

people are viewing this right now

Sku : [Arc-top]-ใหญ่พิเศษ-20

Inventory : 999999999

Shipping

Free worldwide shipping

Free returns

Sustainably made

Secure payments

Description

⭐ความมุ่งมั่นอันศักดิ์สิทธิ์: การทำธุรกรรมที่ซื่อสัตย์เพื่อให้คุณได้รับผลิตภัณฑ์ที่มีคุณภาพสูงสุดและราคาไม่แพงที่สุด! ⭐หากคุณมีคำถามใด ๆ ก่อนซื้อโปรดติดต่อเราโดยตรงหากคุณมีคำถามใด ๆ เกี่ยวกับผลิตภัณฑ์เราจะให้บริการหลังการขายที่สมบูรณ์โปรดติดต่อเราหนึ่งดาวสำหรับบริการหลังการขายเราจะติดต่อเราอย่างแน่นอน การแก้ปัญหาให้กับคุณ ลักษณะและสีของผลิตภัณฑ์บางอย่างเป็นเพียงบรรจุภัณฑ์ดังนั้นจึงหลีกเลี่ยงไม่ได้ในการผลิตและการถ่ายภาพ คุณสามารถแก้ไขหรือยกเลิกคำสั่งซื้อได้โดยตรงก่อนจัดส่งกระบวนการมีความซับซ้อนมากขึ้นในการแก้ไขและเรียกคืนหลังจากเข้าสู่กระบวนการโปรดยืนยันก่อนเสนอราคา ชั่วโมงการให้บริการ: ข้อความส่วนตัวจะได้รับการตอบกลับภายในเวลาที่ระบุในช่วงเวลาทำงานการจัดส่งอาจเกิดขึ้นหากคุณตอบกลับช้า โรสโกลด์ขนาดเล็ก 10 * 11 * 26.5 ซม. [ปิรามิดด้านบน] โรสโกลด์ขนาดเล็ก 10 * 11 * 26.5 ซม. โรสโกลด์ขนาดกลาง 15 * 15 * 38 ซม. โรสโกลด์ขนาดใหญ่ 18 * 18 * 51 ซม. [ปิรามิดด้านบน] โรสโกลด์ขนาดใหญ่ 18 * 18 * 51 ซม. โรสโกลด์ขนาดใหญ่พิเศษ 25*25*73 ซม. [ปิรามิดท็อป] โรสโกลด์ขนาดใหญ่พิเศษ 25*25*73 ซม. [Pyramid Top] ทองเหลืองขนาดเล็ก 10 * 11 * 26.5 ซม [Pyramid Top] ทองเหลืองขนาดกลาง 15 * 15 * 38 ซม [Pyramid Top] ทองเหลืองขนาดใหญ่ 18 * 18 * 51 ซม ทองเหลืองใหญ่พิเศษ 25 * 25 * 73 ซม ทองคำขาว 10*11*26.5 ซม. พีระมิด] เงินปานกลาง 15 * 15 * 38 ซม. เสื้อชั้นในสตรี [Pyramid Top] เงินขนาดใหญ่ 18 * 18 * 51 ซม. [Pyramid Top] สีเงินขนาดใหญ่ 18 * 18 * 51 ซม. หน้าตาปิรามิด] เงินใหญ่พิเศษ 25 * 25 * 73 ซม. ทองเหลืองขนาดเล็ก 10.5 * 10.5 * 18 ซม. ทองเหลืองขนาดกลาง [Arc Top] สีทองเหลืองขนาดกลาง 10.5 * 10.5 * 23.5 ซม. [Arc Top] สีทองเหลืองขนาดใหญ่ 14.5 * 14.5 * 36.5 ซม. [Arc Top] สีทองเหลืองขนาดใหญ่พิเศษ 18 * 19 * 45 ซม. โรสโกลด์ขนาดเล็ก 10.5 * 18 ซม. โรสโกลด์ขนาดกลาง 10.5*10.5*23.5 ซม. ทองคำขาวขนาดใหญ่ 14.5*14.5*36.5 ซม. โรสโกลด์ขนาดใหญ่พิเศษ 18*19*45 ซม. เงินขนาดเล็ก 10.5 * 10.5 * 18 ซม. [Arc Top] สีเงินกลาง 10.5 * 10.5 * 23.5 ซม [Arc Top] สีเงินขนาดใหญ่ 14.5 * 14.5 * 36.5 ซม [Arc Top] สีเงินขนาดใหญ่พิเศษ 18 * 19 * 45 ซม [ปากแบน] โรสโกลด์ขนาดเล็ก 10 * 10 * 22 ซม [ด้านบนแบน] โรสโกลด์ขนาดกลาง 12 * 12 * 32 ซม. โรสโกลด์ขนาดใหญ่ 16 * 16 * 41 ซม. [ด้านบนแบน] โรสโกลด์ขนาดใหญ่ 16 * 16 * 41 ซม. โรสโกลด์ ขนาดใหญ่พิเศษ 21*21*53.5 ซม. [ด้านบนแบน] โรสโกลด์ ขนาดใหญ่พิเศษ 21*21*53.5 ซม. หน้าท้องส่วนล่างแบน] ขนาดเล็ก 10 * 10 * 22 ซม. [หน้าท้องส่วนล่างแบน] ขนาดเล็ก 10 * 10 * 22 ซม. [หน้าท้องแบน] เงินกลาง 12 * 12 * 32cm [Flat Top] สีเงินขนาดใหญ่ 16 * 16 * 41 ซม [เคลือบเงา] เงินขนาดใหญ่พิเศษ 21 * 21 * 53.5 ซม [เรียบด้านบน] ทองเหลืองขนาดกลาง 12 * 12 * 32 ซม. สีทองเหลือง, ขนาดใหญ่ 16 * 16 * 41 ซม. [พื้นผิวเรียบ] สีทองเหลืองขนาดใหญ่พิเศษ 21 * 21 * 53.5 ซม. [ขอบไฟด้านบน] สีทองเหลืองขนาดเล็ก 9.5 * 10.5 * 21 ซม. ด้านบนขอบเรียบ] ทองเหลืองขนาดกลาง 13.5 * 14.5 * 28 ซม. [Smooth Edge Top] สีทองเหลืองขนาดใหญ่ 17 * 18 * 38 ซม. สีทองเหลือง [Light Edge Top] ขนาดใหญ่พิเศษ 21 * 22 * 48 [ขอบเอียงด้านบน] สีเงินขนาดเล็ก 9.5 * 10.5 * 21 ซม [ขอบด้านบนแบน] เงินกลาง 13.5 * 14.5 * 28 ซม [ขอบแบนด้านบนเอียง] เงินขนาดใหญ่ 17 * 18 * 38 ซม [ขอบไฟด้านบน] สีเงินขนาดใหญ่พิเศษ 21 * 22 * 48 กระจกแตกสามารถส่งเปลี่ยนใหม่ได้

bailitool bailitool

bailitool bailitool

Description