Springletilt fokus på R&D og produktion af Gyldne luksus dekorative fliser i 22 år.

Sprog

Border flise design

Hjem > Produkt > Border flise design

Anbefalede

Replay

Replay

Anbefalede

Springletile guldkantflisedesign specialdesignede fliser i antikt trælook

Springletile guldkantflisedesign specialdesignede fliser i antikt trælook

Springletile professionel guld dekorativ kantflise brugerdefineret keramisk sort kantflise

Springletile professionel guld dekorativ kantflise brugerdefineret keramisk sort kantflise

Springletile bronzing guld kant fliser luksus dekorative flise fabrik

Springletile bronzing guld kant fliser luksus dekorative flise fabrik

Springletile luksus hvid kant fliser dekorativt design guld accent flise

Springletile luksus hvid kant fliser dekorativt design guld accent flise

PVC talje fabrik

PVC talje Selskab

PVC talje i CHINA

PVC talje fabrikant

PVC talje

Avancerede teknologier anvendes til fremstillingsprocessen af produktet. Efter at have gennemgået alle disse internationalt anerkendte tests, er PVC-taljelinjen bekræftet at være bredt anvendt i anvendelsesområde(r) af .

SEND FORESPØRGSEL NU

Farve:

Lead_Time:: 1 - 300(kasser):15(dage) , 301 - 1000(kasser):18(dage) , 1001 - 2000(kasser):20(dage) , >2000(Boks): Forhandlingsbar (dage)

Forsendelse:: Søfragt

Tilpasning:: Grafisk tilpasning (Min. ordre: 2000 æsker) , Tilpasset emballage (Min. ordre: 2000 æsker) , Tilpasset logo (Min. ordre: 2000 æsker)

Pris:: 300-999 æsker75,6 USD , 1000-1999 æsker75,0 USD , >=2000 æsker74,5 USD

SEND FORESPØRGSEL NU

Siden vores start har SP Building Material Co., Ltd. været engageret i forskning og udvikling af produkter for at holde os foran andre konkurrenter i branchen. Vores virksomhed har investeret kraftigt i R&D og opgraderinger af teknologier. Dette har givet de første resultater til sidst. Da PVC-taljefordelene konstant opdages, er det blevet brugt i vid udstrækning inden for fliser. SP Building Material Co., Ltd. vil fuldt ud handle på den vigtige tanke om 'kvalitet først og fremmest for kunder' og holde trit med tiden for at fremme vores virksomheds innovationsevner. Vi vil gå tappert frem og nå vores mål om at være den førende virksomhed på det globale marked.

Garanti:	Livstid	Gulvspecifikation (enhed:mm2):	100*3000
Eftersalgsservice:	Online teknisk support, returnering og erstatning	Struktur:	Mønster tekstur
Stil:	Luksus stil, Luksus stil	Lejlighed:	Indvendig væg
Glans:	BLANK	Projektløsningsevne:	grafisk design, 3D-modeldesign, Cross Categories Consolidation, Andet
Ansøgning:	Til indendørs vægge	Designstil:	Europæisk og amerikansk luksusstil
Oprindelsessted:	Guangdong, Kina	Mærke navn:	Springletile
Model nummer:	SPWL 001	Størrelse:	100**3000
Materiale:	PVC, PVC	Anvendelse:	Indvendige fliser
Fungere:	Syrebestandig, Antibakteriel, Varmeisolerende, Skridsikker, Ildsten, Slidbestandig, Anti-skrid	Overfladebehandling:	BLANK
Farvefamilie:	Gul / Guld	Flisetype:	Grænser
Vandabsorption:	0 %	Produktnavn:	SPWL 001
Farve:	Gylden	Anvendelse:	Til indendørs vægge
Karakter:	Klasse 3A	Nøgleord:	Gylden ankerline
Form:	Strip	Hovedstørrelse:	100*3000 mm

Firmaprofil

Produkt introduktion:

Produktnummer: SPRGT78

Materiale: keramik

Størrelse: 100x300 mm

Vægt: 20 kg/kasse

pakning: 20 stk/kasse

55 kasser/palle

MOQ: 55 kasser

Leveringstid på lager: 15 dage

Ansøgning:Badeværelse, køkken, stue, soveværelse,Stort luksus hotel og villa projekt.

produkt information

vare	værdi
Garanti	Livstid
Gulvspecifikation (Enhed:mm2)	100x300 mm
Eftersalgsservice	Online teknisk support, Returnering og Erstatning, Andet
Struktur	Mønster tekstur
Stil	Luksus stil
Lejlighed	Indvendig væg
Glans	BLANK
Projektløsningsevne	grafisk design, 3D model design, Andet
Ansøgning	Til indendørs vægge
Design stil	Europæisk og amerikansk luksusstil
Oprindelsessted	Kina
	Guangdong
Mærke navn	Springletile
Model nummer	SPWL 78
Størrelse	100x300 mm
Materiale	Keramiske fliser
Brug	Indvendige fliser
Fungere	Syrebestandig, Antibakteriel, Varmeisolerende, Skridsikker, Ildsten, Slidbestandig, Anti-skrid
Overfladebehandling	Polerede fliser
Farvefamilie	Gul / Guld
Flisetype	Grænser
Vandoptagelse	<0,5 %
Materiale	keramisk
produktnavn	SPWL 78
Farve	Gylden
Stil	Luksus stil
Brug	Til indendørs vægge
karakter	Klasse 3A
Nøgleord	fliser tilbehør
Overflade	poleret
Hovedstørrelse	100*300 mm
Pakning	20 stk/kasse

præsentation af produktdetaljer

Produkter anbefales

Firmaprofil

Springletile-fabrikken blev etableret i 2001 med 20 års virksomhedshistorie, industriteknologi og markedserfaring; Springletile-fabrikkens eget mærke (Springletile tile) blev etableret den 9. marts 2010. Springletile-fabrikken ligger i Foshan, Guangdong, som nyder ry som "World Pottery Capital". Springletile-fabrikken har et produktionsareal på 20.000 kvadratmeter og har et komplet R&D, design, produktion, salg og eksport service professionelt team. Springletile fabrik producerer og eksporterer hovedsageligt stilfulde, klassiske og design interiør dekorative fliser, samt en komplet serie af fliser på vægge og gulve. Produkterne eksporteres hovedsageligt til Nordamerika, Nordeuropa, Europa, Mellemøsten, Sydasien, Nordafrika og andre markeder. Springletile-fabrikken er god til planlægning og produktinnovation og har investeret mange penge i produktudvikling, design, produktion, og produktteknologi. Siden 2011 har Springletile-fabrikken opnået og ansøgt om 6 produktteknologipatenter, herunder opfindelsespatentcertifikater såsom "brugsmodelpatentcertifikat" og "nationalt keramisk produktopfindelsespatentcertifikat". Springletile-fabrikken har en proprietær kerneteknologiposition i industrien, har opnået store succeser og gennembrud i R&D og produktion, og afsluttet den uafhængige innovation, nedbør, og ophobning af virksomhedens brand.Springletile fabrikken har gennemgået videnskabelig og rimelig planlægning. Genbrugssystemet for industrielt spildevand og udstødningsgas, brugen af ren industriel energi og den videnskabelige ledelse af fabrikker og miljøet har skabt flere beskæftigelsesmuligheder for samfundet. Optimering og opgradering af virksomhedens struktur og systemer kan bedre tilpasse sig trenden med verdensintegration og i fællesskab skabe en verden med en fælles fremtid. Springletile fabrikkens mål: at gøre vores mærkeprodukter spredt over hele verden!

Virksomhedens kerneydelser

Springletile-mærket har sit eget mærke og uafhængig emballage. Samtidig udfører det også ingeniør- og produkttilpasningstjenester. Springletile selskab er villig til at uddanne udenlandske agenter for vores keramiske fliser produkter. Springletile har en komplet og professionel teknisk R&D-team og et udenrigshandelsteam, som kan levere tekniske kerneydelser såsom gratis korrekturtjenester, produktlayout-computerdesign og 3D-produktsceneapplikationsgengivelser. Leveringstiden for Springletile lagerprodukter er 10 dage, mens leveringstiden for tilpassede ordrer er 20 dage. Lever til tiden for at løse kundernes bekymringer.

Produktionsværksted

Udvalgte keramiske fliser

Fliseemnepressemaskinudstyret er importeret fra det italienske mærke Sacmi.Vores fabrik har sin egen uafhængige produktion af keramiske fliseembryoner, der opfylder produktions- og forarbejdningsstandarderne for forskellige keramiske fliseprocesser, og vælg de nødvendige links til standard keramiske fliseembryoner.

Intelligent serigrafiproces

Produktionsudstyret til trykkemaskiner er importeret fra det italienske mærke System, og råmaterialerne til keramiske fliser importeres fra Spanien Tao Lixi, Carlobia og det amerikanske FOLO-mærke，Ovnmærke Bodner

Intelligent skæring

Intelligent mekanisk produktionslinje bruges til at skære og kante rundt om kanterne af fliser

Grundlæggende oplysninger

Året etableret

--
Forretnings type

--
Land / Region

--
Hovedindustrien.

--
Hovedprodukter

--
Enterprise Juridisk Person

--
Samlede medarbejdere.

--
Årlig output værdi.

--
Eksportmarked

--
Samarbejdede kunder

--

Hvordan vi gør det Mødes og definerer globalt

Det første, vi gør, er at møde vores kunder og tale igennem deres mål for et fremtidigt projekt.
Under dette møde er du velkommen til at kommunikere dine ideer og stille en masse spørgsmål.

Navn
Formatfejl
E-mail
Formatfejl
telefon/WhatsApp/Skype
Formatfejl
firmanavn
Formatfejl
Indhold
Formatfejl

Anbefalede

De er alle fremstillet efter de strengeste internationale standarder. Vores produkter har modtaget gunst fra både indenlandske og udenlandske markeder.
De eksporterer nu bredt til 200 lande.

Sitemap

Copyright © 2024 SP Building Material Co., Ltd. - www.springletile.com All Rights Reserved.

Design

var backtop_click_fun_bol = true; function backtop_click_fun(){ if (backtop_click_fun_bol) { backtop_click_fun_bol = false; $('body,html,*').stop().animate({scrollTop:0},500,function(){backtop_click_fun_bol = true;}); }return false; } window.ChatOnlineConfig = {styleId:'1',color:'#007eff'}; $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);})

fun_scr_arr.push({ name:5, fun:function () { window["fun_v6241517fce9d0"](); } }) function fun_v6241517fce9d0(){ var generate_id = "v6241517fce9d0", box = $('#'+generate_id); if(box.length==0){ var design_iframe = $('#design_iframe'), dom = design_iframe.contents(), box = dom.find('#'+generate_id); } var list_cols = "4", loop = "", speed = "300", autoplay = "4000", swiper_switch = box.find('[swiper_switch="1"]'); if(loop == "1"){ loop = true; }else{ loop = false; } if(swiper_switch.length == 0){return false;} new Swiper('#'+generate_id+' .swiper-container', { // autoHeight: true, autoplay: parseInt(autoplay), speed: parseInt(speed), loop: loop, slidesPerView : list_cols, spaceBetween : 20, prevButton: '#'+generate_id+' .swiper-container .left_icon', nextButton: '#'+generate_id+' .swiper-container .right_icon', pagination : '#'+generate_id+' .swiper-pagination', onInit:function(mySwiper){ slide_top_btn(); box.find('.swiper-container')[0].swipers = function(type){ // 当前播放禁止轮播 if (autoplay=='0') {return} if (type == 'play') { mySwiper.stopAutoplay(); }else{ mySwiper.startAutoplay(); } } var top = $(document).scrollTop(); $(document).scrollTop((top+100)); $(document).scrollTop((top-100)); $(document).scrollTop(top); }, onSlideChangeStart:function(swiper){ box.find('.swiper-container .swiper-slide video').each(function(){ $(this)[0].pause(); }) },onSlideChangeEnd:function(){ slide_top_btn(); }, breakpoints: { 768: { slidesPerView: 2 }, 500: { slidesPerView: 1 }, } }) function slide_top_btn(){ if(list_cols>=box.find('.list_row_li').length){return} var box_h = box.height(), txt = box.find('.con li .text'), h = 0; txt.each(function(){ var that = $(this), that_h = that.outerHeight() if(that_h>h){ h = that_h; } }) box_h = box_h - h; box.find('.right_icon,.left_icon').css({ top: "calc(50% - "+h/2+"px)" }).show(); box.find('.swiper-pagination').show(); } } (function(){ var generate_id = "v6241517fce9cf", box = $('#'+generate_id), inp = box.find('.enquiry_inp'); inp.bind('input propertychange', function () { var that = $(this), par = that.parent(), name = that.attr("name"), val = that.val(); if (val) { par.addClass("active"); } else { par.removeClass("active"); } }); inp.change(function () { var that = $(this), par = that.parent(), name = that.attr("name"), val = that.val(), bol = false; if (val) { if (name == "email") { // rao@iqo.uni-hannover.de var strRegex = /^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/; if (!strRegex.test(val)) { bol = true; } } } if (bol) { par.addClass("errors"); } else { par.removeClass("errors"); } }); $(function() { box.find('[data-input-select]').length > 0 && box.find('[data-input-select]').inputSelectable() }); })(); fun_scr_arr.push({name:'link',url:"/products_detail/ail_detail.css?v=1663233647",rel:"stylesheet",id:"styles_ail_detail"}) $(function () { var generate_id = "v6241517fce9cc", box = $('#'+generate_id); box.find('.detail_tabbox_item').click(function(){ box.find('.detail_tabbox_item').removeClass('border-color'); $(this).addClass('border-color'); box.find('.cons_box').hide(); box.find('[con_ids="'+$(this).attr("data-id")+'"]').show(); }) box.find('img').not('.icon_play').click(function(){ var img = $(this), src = img.attr('data-src'); if (!src) { src = img.attr('src'); } if (!src) {return;} img.zoomable(function() { return src; }); }) if (box.find('img[data-src]').length) { $(window).on('scroll', imgLazyLoad2); $('.body_color_bgs .content').on('scroll', imgLazyLoad2); imgLazyLoad2(); } box.find('.package-img-container').on('mouseenter',function(){ package_img_fun($(this)); }) function package_img_fun(that){ var id = that.attr("img_id"), src = that.find('.package-img-entry').attr('src'), boxs = null; if(id){ boxs = $('#'+id); }else{ id = 'img_id'+new Date().getTime(); that.attr("img_id",id); boxs = $('<div id="'+id+'"><img style="max-width:800px;" src="'+src+'"></div>'); $('body').append(boxs); that.mouseleave(function(){ boxs.stop().fadeOut(200); }) boxs.mouseenter(function(){ boxs.stop().fadeIn(200); }) boxs.mouseleave(function(){ boxs.stop().fadeOut(200); }) } boxs.css({ position: 'absolute', top: that.offset().top, left: that.offset().left+that.width()+6, 'z-index': '999' }).stop().fadeIn(200); } }) var imgLazyLoad_bol22 = document.createElement('canvas').toDataURL('image/webp', 0.5).indexOf('data:image/webp') === 0; function imgLazyLoad2 () { var $win = $(window), viewportHeight = $win.height(), v_w = $win.width(), scrollTop = $win.scrollTop(), isCompress = $('#compress_onoff').val(), isCapture = $('#compress_capture_onoff').val(), compressQuality = $('#img_compress').val(), isWebP = $('#compress_webp_onoff').val(); $('img[data-src]').not('.show_imgss').each(function () { var $img = $(this), x = scrollTop + viewportHeight - $img.offset().top if (x <= 0) { return false } var src = $img.attr('data-src') if (src.indexOf('http') !== -1) { if(src.indexOf('weyesimg')!==-1&&src.indexOf('imgbd')==-1){ var i_w = v_w + 30 var resize_w = ''; if (isCapture == 1) { resize_w = '/w/' + i_w; } var format_webp = ''; if (imgLazyLoad_bol && isWebP == 1) { format_webp = '/format/webp'; } var quality_url = ''; if (isCompress == 1 &&(src.indexOf('.jpg')>-1||src.indexOf('.png')>-1)) { quality_url = '/q/' + compressQuality } else if (isCompress == 1 && imgLazyLoad_bol && isWebP == 1) { quality_url = '/q/' + compressQuality } var new_p = resize_w + quality_url + format_webp; if (new_p) { new_p = '?imageView2/2' + new_p; } src = src + new_p; }else{ var i_w = v_w + 30 var resize_w = ''; if (isCapture == 1) { resize_w = '/resize,m_lfit,w_' + i_w; } var format_webp = ''; if (imgLazyLoad_bol && isWebP == 1) { format_webp = '/format,webp'; } var quality_url = ''; if (isCompress == 1 && (src.indexOf('.jpg')>-1||src.indexOf('.png')>-1)) { quality_url = '/quality,' + compressQuality } else if (isCompress == 1 && imgLazyLoad_bol && isWebP == 1) { quality_url = '/quality,' + compressQuality } var new_p = resize_w + format_webp + quality_url; if (new_p) { new_p = '?x-oss-process=image' + new_p; } if (src.indexOf('?') !== -1) { if (src.indexOf('?x-oss-process=video') == -1 && src.indexOf('?x-oss-process=image') !== -1) { src = src.slice(0, src.indexOf('?')); src = src + new_p; } } else { src = src + new_p; } } } $img.addClass('show_imgss'); $img.attr('src', src); }) } fun_scr_arr.push({ name:5, fun:function () { window["fun_v6241517fce9c9"](); } }) function fun_v6241517fce9c9(){ var generate_id = "v6241517fce9c9", box = $('#'+generate_id), w_n = 2.5; mousemove_boxs = box.find(".mousemove_boxs"); if (box.find('.attribute_mode_new_page').length) { var attribute_mode = box.find('.attribute_mode_new_page'), dd_img_box = attribute_mode.find('.dd_img_box'); dd_img_box.click(function(){ var dd = $(this), par_dd = dd.parent().find('.dd_img_box'); if (dd.hasClass('font-color')) { dd.removeClass('font-color'); act_dd_img_fun(); return; } dd_img_box.removeClass('font-color'); dd.addClass('font-color'); act_dd_img_fun(); }) } function act_dd_img_fun(bol){ var attribute_mode = box.find('.attribute_mode_new_page'); if (bol) { attribute_mode.find('.dd_img_box.font-color').removeClass('font-color'); } var dd_img_box = attribute_mode.find('.dd_img_box.font-color'), img = ''; if (dd_img_box.length) { if (dd_img_box.find('img')&&dd_img_box.find('img').attr('src')) { img = dd_img_box.find('img').attr('video-img'); } } var slide_active = box.find('.magnifier_box .swiper-slide.swiper-slide-active .mousemove_boxs'); if (slide_active.length == 0) { slide_active = box.find('.magnifier_box .mousemove_boxs'); } slide_active.find('.attribute_mode_new_img').remove(); if (img) { slide_active.prepend('<div class="attribute_mode_new_img"><img src="'+img+'" video-img="'+img+'" class=""></div>') } } if (box.find('.product_video .min_img li').length) { var swiper = new Swiper('#'+generate_id+' .product_video .swiper-container1', { pagination: '#'+generate_id+' .product_video .swiper-pagination', paginationType : 'fraction', simulateTouch : false, // autoHeight: true, onSlideChangeStart:function(swiper){ box.find('.product_video .min_img li').removeClass('active').eq(swiper.activeIndex).addClass("active"); box.find('.product_video .prism-player video')[0]&&box.find('.product_video .prism-player video')[0].pause(); act_dd_img_fun(true); } }) box.find('.product_video .min_img li').click(function(){ var that = $(this); act_dd_img_fun(true); if(that.hasClass('active')){ return } that.addClass("active").siblings("li").removeClass("active"); product_video_img(); }) function product_video_img(){ var li = box.find('.product_video .min_img li.active'), index = li.index(); box.find('.product_video .prism-player video')[0]&&box.find('.product_video .prism-player video')[0].pause(); swiper.slideTo(index, 0, false); } } if (mousemove_boxs.length == 0) {return} mousemove_boxs.mouseenter(function(){ var ints = $(this), par_box = ints.closest('.magnifier_box'); var src = ints.find("img").attr("video-img"); if($(window).width()<769){return} if (ints.find('.attribute_mode_new_img').length == 0) { if(ints.find('.video_js_play_btn').length){return} if(ints.find('[video-src]').attr('video-src')){return} }else{ // if (ints[0].kuan) { // ints[0].kuan.remove(); // ints[0].dimg.remove(); // } // ints[0].kuan = null } if (!ints[0].kuan) { ints[0].kuan = $('<div class="bg-color" style="width:'+(100/w_n)+'%;height:'+(100/w_n)+'%;position:absolute;top:0;left:0;z-index:4;opacity:0.4;pointer-events: none;"></div>'); ints[0].dimg = $('<div class="" style="width:100%;height:100%;position:absolute;left:100%;top:0;box-shadow:0 0 8px rgba(0,0,0,.1);overflow:hidden;margin-left:15px;pointer-events:none;z-index:6;background-color:#fff;background-repeat: no-repeat;background-position: center;"><img src="" style="position:absolute;width:'+(w_n*100)+'%;max-width:'+(w_n*100)+'%;max-height:'+(w_n*100)+'%;display:none;"></div>'); par_box.append(ints[0].kuan); par_box.append(ints[0].dimg); }else{ ints[0].kuan.show(); ints[0].dimg.show().find('img').hide(); } ints[0].dimg.css({ "background-image":'url("/images/small_load.gif")' }) var img_src = new Image(); img_src.src = src; img_src.onload = function(){ ints[0].dimg.css({ "background-image":'none' }).find('img').attr('src',src).show(); } }).mouseleave(function(){ var ints = $(this); if($(window).width()<769){return} if (ints.find('.attribute_mode_new_img').length == 0) { if(ints.find('.video_js_play_btn').length){return} } if (!ints[0].kuan) {return} ints[0].kuan.hide(); ints[0].dimg.hide(); }).mousemove(function(e) { var ints = $(this), par_box = ints.closest('.magnifier_box'); if($(window).width()<769){return} if (ints.find('.attribute_mode_new_img').length == 0) { if(ints.find('.video_js_play_btn').length){return} } if (!ints[0].kuan) {return} var l = e.pageX -ints[0].kuan.width()/w_n -ints.offset().left; var t = e.pageY -ints[0].kuan.height()/w_n -ints.offset().top; if (l < 0) { l = 0; }else if (l>=par_box.width()-ints[0].kuan.width()) { l =par_box.width()-ints[0].kuan.width(); } if (t < 0) { t = 0; }else if (t>=par_box.height()-ints[0].kuan.height()) { t =par_box.height()-ints[0].kuan.height(); } ints[0].kuan.css({left:l,top:t}); var fit = ints.find("img").css('object-fit'), h = (fit == 'contain') ? (w_n*100)+'%' : 'auto'; ints[0].dimg.find("img").css({ left:- l*w_n, top:- t*w_n, 'object-fit': fit, height: h }) }) } $(function() { var generate_id = "v6241517fce9c9", box = $('#'+generate_id); function handleResize() { box.find('[data-expand-mobile]').each(function() { var that = $(this); if ($(window).width() > 1024) { that.css('height', 'auto'); return; } var h = +that.attr('data-expand-mobile'); if (this.scrollHeight > h) { if ( !that.hasClass('js-collapsible') || that.hasClass('js-collapsible--collapsed') ) { that.addClass('js-collapsible js-collapsible--collapsed').css('height', h); if (!that.find('.js-collapsible__down').length) { $('<span>').addClass('iconfont iconxiala1 js-collapsible__down').on('click', function () { if (that.hasClass('js-collapsible--collapsed')) { that.stop().removeClass('js-collapsible--collapsed').animate({ height: that[0].scrollHeight }); } else { that.stop().animate({ height: h }, function () { that.addClass('js-collapsible--collapsed'); }); } }).appendTo(this); } } } else { that.removeClass('js-collapsible'); } }); } $(window).on('resize', handleResize); window['teardown' + generate_id] = function () { $(window).off('resize', handleResize); }; handleResize(); }); var generate_id = "v623af3ee21acd", head_s = $('#'+generate_id); function head_nav_w(){ var nav = head_s.find('.nav'), sw = nav[0].scrollWidth, w = nav.width(), nav_box = head_s.find('nav'); if(sw > w){ nav_box.addClass('add'); }else{ nav_box.removeClass('add'); } head_s.find('.nav_box')[0].scrollLeft = 0; head_s.find('.btn_l').addClass('disabled'); head_s.find('.btn_r').removeClass('disabled'); var sloganHeight = head_s.find('.header-slogan-box').outerHeight(); head_s[0].style.setProperty('--header-offset',-sloganHeight+'px'); } function handleScroll() { var thresholds = { 1: 0, nav: 40 }, key = head_s.attr('switch_fixed'); if (key in thresholds) { var curThreshold = thresholds[key]; if (typeof curThreshold === "function") { curThreshold = curThreshold(); } var top = $(window).scrollTop(); if (top > curThreshold) { head_s.addClass('head_fixed'); } else { head_s.removeClass('head_fixed'); } } } $(window).on('scroll', handleScroll).trigger('scroll'); window.addEventListener('resize',head_nav_w); head_s.mouseenter(function(){ if (!this.head_bol) { head_nav_w(); this.head_bol = true; } }) head_s.find('#head_button').click(function(){ $("body,html").toggleClass("head_nav_active"); }) head_s.find('.nav_btns').click(function(){ if ($(this).hasClass('disabled')) {return} var nav = head_s.find('.nav'), sw = nav[0].scrollWidth, w = nav.width(), sl_box = head_s.find('.nav_box'), sl = sl_box[0].scrollLeft, l = $(this).data('left'), btn_r = head_s.find('.btn_r'), btn_l = head_s.find('.btn_l'); sl += l; if ((sl+w)>sw) { btn_r.addClass('disabled'); }else{ btn_r.removeClass('disabled'); } if (0>=sl) { btn_l.addClass('disabled'); }else{ btn_l.removeClass('disabled'); } sl_box.stop().animate({ scrollLeft: sl },200) }) head_s.on('click','.nav li',function(e){ e.stopPropagation(); var li = $(this), ul = li.find('>ul'), tan = e.target; if(tan.localName=="a"||$(tan).parents('a').length){ return }else{ li.toggleClass('draw_act').siblings().removeClass('draw_act').find('ul').hide(200).find('.draw_act').removeClass('draw_act'); ul.toggle(200); } return false; }) head_s.on('mouseenter','.nav>li',function(){ add_nav_li22($(this)); }) function par_box_fun(par,fun){ var id = par.attr('id'), li = $('[li_id="'+id+'"]'), header_nav_li_box = li.closest('.header_nav_li_box'); fun(par,li); if (header_nav_li_box.length) { par_box_fun(header_nav_li_box,fun); } } function add_nav_li22(that,objs){ if(head_s.find('.nav').css('display')=="block"){return} var id = that.attr("li_id"), boxs = null; ul = that.find('>ul'); if (ul.length == 0) { return; } var show_fun = function(){ boxs.stop().fadeIn(200); that.addClass("font-color"); var ids_ = boxs.attr('id'); if (objs) { par_box_fun(objs.par_box,function(id_box,li){ id_box.stop().fadeIn(200); li.addClass("font-color"); }) } } var hide_fun = function(n){ boxs.stop().fadeOut(200); that.removeClass("font-color"); if (objs&&n==2) { par_box_fun(objs.par_box,function(id_box,li){ id_box.stop().fadeOut(200); li.removeClass("font-color"); }) } } if (id) { boxs = $('#'+id); }else{ id = 'li_id_'+new Date().getTime() that.attr("li_id",id); boxs = $('<div class="header_nav_li_box" id="'+id+'">'+'</div>'); var clone_ul = ul.clone(); boxs.append(clone_ul); $('body').append(boxs); that.mouseleave(function(){ hide_fun(1); }) boxs.mouseleave(function(){ hide_fun(2); }) boxs.mouseenter(function(){ show_fun(); }) clone_ul.find('li').mouseenter(function(){ add_nav_li22($(this),{ par_box: boxs }); }) } show_fun(); var top = that.offset().top + that.height(), left = that.offset().left; if (objs) { var pts = boxs.find('>.nav_ul').css('paddingTop').replace('px',''); top = top - that.height() - pts; left = left + that.width(); } if (left+boxs.width()+20>=$(window).width()) { if (objs) { left = that.offset().left - boxs.width(); }else{ left = $(window).width() - boxs.width() -10; } } var box_objs = { top: top, left: left } box_objs.minWidth = objs?0:that.outerWidth(); boxs.css(box_objs) } $(head_nav_w); window['teardown' + generate_id] = function () { window.removeEventListener('resize', head_nav_w); $(window).off('scroll', handleScroll); } window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag('js', new Date()); gtag('config', 'G-RJ8ERSM3SX'); function consentGrantedAdStorage() { console.log('consentGrantedAdStorage granted'); gtag('consent', 'update', { 'ad_storage': 'granted', 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'analytics_storage': 'granted' }); } function refuseGrantedAdStorage() { console.log('consentGrantedAdStorage denied'); gtag('consent', 'update', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied' }); } .head_sousuos_modal{position: fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;color:#333;display:none;} .head_sousuos_modal .mengban{position:absolute;left:0;top:0;width:100%;height:100%;} .head_sousuos_active .head_sousuos_modal{display:block;} .head_sousuos_modal .search_cons{padding:0 15px;position:relative;} .head_sousuos_modal .sousuos_box{max-width:100%;width:1400px;position:absolute;left:0;top:140px;right:0;margin:auto;z-index:4;} .head_sousuos_modal .sousuos_box input{display:block;background: rgba(255,255,255,.8);outline: 0;padding: 0 40px;border: 1px solid;border-color: #fff;color: inherit;border-radius: 20px;width:100%;height:40px;padding-right:70px;} .head_sousuos_modal .sousuos_box i{position: absolute;left: 15px;top: 0;height: 40px;width: 40px;border: none;background: 0;outline: 0;font-size: 18px;color: inherit;line-height: 40px;text-align: center;pointer-events: none;} .head_sousuos_modal .sousuos_box button{position: absolute;right: 15px;top: 1px;height: 38px;display: block;text-align: center;line-height: 38px;font-size: 24px;cursor: pointer;transition: .3s;font-style: initial;border-radius: 20px;padding: 0 20px;border: none;outline: 0;color: #fff;} .head_sousuos_modal .sousuos_box .btn_txt{display:none;} .head_sousuos_modal .sousuos_box span{font-size:inherit;} @media (max-width:1025px){ .head_sousuos_modal{background: rgba(0,0,0,.8);} .head_sousuos_modal .sousuos_box{position:relative;transform:none;top:0;left:0;padding-top:80px;} .head_sousuos_modal .sousuos_box button{display:block;position:relative;transform:none;top:0;left:0;right:0;} .head_sousuos_modal .sousuos_box span{display:none;} .head_sousuos_modal .sousuos_box .btn_txt{display:block;font-size:16px;} .head_sousuos_modal .sousuos_box button{width:100%;margin-top:20px;} .head_sousuos_modal .close_btn{position: absolute;right:10px;top:10px;color:#fff;width:40px;height:40px;text-align:center;line-height:40px;font-size:26px;z-index:9;cursor:pointer;font-weight:bold;} } /* 前台公共语言弹框内容 */ .language_con{display:flex;flex-wrap:wrap;} .language_modal_a{width:16.6666%;display:flex;padding:15px 10px;color:inherit;} .language_modal_a img{width:30px;height:30px;display:block;min-width:30px;border-radius:50%;} .language_modal_a span{display:block;padding-left:6px;overflow:hidden;text-overflow:ellipsis;line-height:30px;white-space:nowrap;} .language_modal_a img[lans-src]{display:none;} .language_modal_blade .lang_head{font-size:38px!important;} @media (max-width:1025px){ .language_modal_blade .language_con{width:240px!important;float:right;color:#fff;} .language_modal_a{width:100%;} .language_modal_blade{background: rgba(0,0,0,.7)!important;} .language_modal_blade .lang_head{color:#fff;} .language_modal_blade .lang_head{font-size:30px!important;} } .language_modal_blade {display: none} .language_modal_mask_body {overflow: hidden !important;width: 100%;height: 100%} body.language_modal_mask_body .language_modal_blade {display: block} .language_modal_mask {display: none} @media (min-width:1025px) { .language_modal_blade {position: fixed;width: 1000px;max-width: 100%;height: 80%;background: #fff;border-radius: 15px;box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75);z-index: 1021;left: 0;right: 0;margin: auto;top: 10%;color: #000;display: none} .language_modal_blade .lang_head {height: 100px;line-height: 98px;font-size: 48px;overflow: hidden;padding: 0 30px;border-bottom: 1px solid #ddd;font-weight: 700} .language_modal_blade .lang_head .head_close_box {float: right;line-height: 98px} .language_modal_blade .lang_head .head_close {width: 50px;height: 50px;display: inline-block;line-height: 50px;text-align: center;cursor: pointer} .language_modal_blade .lang_head .head_close:hover {opacity: .4} .language_modal_blade .language_con {padding: 30px;position: absolute;top: 100px;left: 0;right: 0;bottom: 0;overflow: hidden;overflow-y: auto} .language_modal_blade .lan_ul {overflow: hidden;margin-left: -10px;margin-right: -10px} .language_modal_blade .lan_ul li {float: left;width: 16.6666%;padding: 0 10px;margin-bottom: 30px;color: #444} .language_modal_blade .lan_ul li.active {color: inherit;font-weight: 700} .language_modal_blade .lan_ul li:hover a {color: #000} .language_modal_blade .lan_ul .lan_img {float: left;display: block;width: 30px;height: 30px} .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;border-radius: 50%} .language_modal_blade .lan_ul .lan_txt {line-height: 30px;margin-left: 36px;font-size: 12px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .language_modal_mask {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 999} body.language_modal_mask_body .language_modal_mask {display: block} } @media (max-width:1025px) { .language_modal_blade {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);z-index: 999;padding-top: 60px} .language_modal_blade .lang_head {position: absolute;right: 0;top: 0;line-height: 50px;height: 50px;padding-right: 50px;font-size: 40px} .language_modal_blade .lang_head>span {display: none} .language_modal_blade .language_con {height: 100%;width: 100%;overflow: auto;padding-bottom: 50px} .language_modal_blade .language_con .lan_ul {float: right;padding: 0 20px} .language_modal_blade .language_con .lan_ul a {color: inherit;display: block} .language_modal_blade .language_con .lan_ul li {color: #fff;overflow: hidden;margin-bottom: 10px} .language_modal_blade .language_con .lan_ul li.active {color: inherit} .language_modal_blade .language_con .lan_img {display: block;float: left;width: 40px;height: 40px} .language_modal_blade .lan_ul .lan_img img {display: block;width: 100%;height: 100%;object-fit: contain} .language_modal_blade .language_con .lan_txt {line-height: 40px;margin-left: 50px;font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 200px} } div.language_modal_blade .language_con{display:block;} div.language_modal_blade .active_locale_v{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;box-shadow:0 0 4px 0 rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} @media (min-width: 1025px){ div.language_modal_blade .language_con{bottom:40px;display:block;} .language_modal_a{float:left;display:block;} .language_modal_a img{margin:auto;} .language_modal_a span{padding-left:0;text-align:center;} } .language_modal_a img{width:50px;height:auto;;border-radius:0;min-width:50px;} @media (max-width: 1025px){div.language_modal_blade{padding-bottom:40px;}div.language_modal_blade .active_locale_v{color:#fff;}}

Vælg et andet sprog

╳

English

Українська

Pilipino

Polski

فارسی

Ελληνικά

Português

italiano

français

Español

Deutsch

Türkçe

ภาษาไทย

Српски

हिन्दी

bahasa Indonesia

Bahasa Melayu

Кыргызча

Suomi

한국어

Latin

日本語

dansk

Aktuelt sprog：dansk

function head_form_fun(that) { var form = $(that), url = form.attr("action"), search = form.find('[name="search"]').val(); search = encodeURIComponent(search) if (0){ window.location.href = search + '_c0_ss' } else { window.location.href = getUrl_fun(url, "search", search); } return false; } function getUrl_fun(url, field, value) { if (url.indexOf("?") != -1) { if (url.indexOf(field) != -1) { return changeURLArg_fun(url, field, value); } else { return url + '&' + field + '=' + value; } } else { return url + '?' + field + '=' + value; } } function changeURLArg_fun(url, arg, arg_val) { var pattern = arg + '=([^&]*)'; var replaceText = arg + '=' + arg_val; if (url.match(pattern)) { var tmp = '/(' + arg + '=)([^&]*)/gi'; tmp = url.replace(eval(tmp), replaceText); return tmp; } else { if (url.match('[\?]')) { return url + '&' + replaceText; } else { return url + '?' + replaceText; } } } $('.head_shousuos').click(function(){ $('body').addClass('head_sousuos_active'); $('.head_sousuos_modal .sousuos_box input').focus(); }) $('.head_sousuos_close').click(function(){ $('body').removeClass('head_sousuos_active'); }) (function () { $.ajaxSetup({cache: true}) var head_logo_src = $('[head_logo_src]'); $('.fun_scr_hide').removeClass('fun_scr_hide'); head_logo_src.each(function(){ var img = $(this), src = img.attr('head_logo_src'); if (src.indexOf('http') !== -1 && src.indexOf('?') == -1) { src = src+'?x-oss-process=image/resize,m_lfit,w_768'; if (imgLazyLoad_bol) { src = src+'/format,webp'; } } img.attr('src',src).removeAttr('head_logo_src'); }) var public_js_src = "/scripts/public_js.js?v=1729504725", public_js = $( '<link rel="stylesheet" href="/libs/swiper/swiper.min.css">'+ '<script src="'+public_js_src+'" async><\/script>' ); $("body").append(public_js); var arr = ['click','mouseover','mouseout','mousedown','touchstart','DOMMouseScroll','mousemove','resize','keydown','keyup','orientationchange','scroll']; for (var i = 0; i < arr.length; i++) { document.addEventListener(arr[i],fn,false); } var fn_bol = false; function fn(e) { if(fn_bol){return} fn_bol = true; var d_arr = fun_scr_arr, f_arr = []; for (var i = 0; i < d_arr.length; i++) { var val = d_arr[i],dom = (val.name!=5)&&document.createElement(val.name); if (val.name == 5||val.delay) { f_arr.push(val) }else if (val.name == 'link') { dom.href = val.url; dom.rel = val.rel; val.id ? dom.id = val.id : ''; document.querySelector('body').appendChild(dom); }else{ if(!document.querySelector('#'+val.id)){ $('body').append('<script '+(val.id?'id="'+val.id+'"':'')+' type="'+val.type+'" src="'+val.url+'"><\/script>'); } } } for (var f = 0; f < f_arr.length; f++) { outs(f_arr[f]) } function outs(val){ var n = val.delay||300; setTimeout(function () { if (val.name==5) { val.fun&&val.fun(); }else{ var dom = document.createElement(val.name); if (val.name == 'link') { dom.href = val.url; dom.rel = val.rel; }else{ dom.src = val.url;dom.type = val.type; } document.querySelector('body').appendChild(dom); } },n); } document.querySelector('.share_fun_box2').style.display = 'block'; var swiper_src = document.querySelectorAll('[swiper_src]'); for (var im = 0; im < swiper_src.length; im++) { swiper_src[im].src = swiper_src[im].getAttribute('swiper_src'); } for (var j = arr.length - 1; j >= 0; j--) {document.removeEventListener(arr[j],fn,false);} } $(function(){ function handleScroll() { var btn = $('[data-product-inquiry]').filter(':visible').first(); if(btn.length) { var off = btn.offset().top; var top = $(window).scrollTop() + 60; $('#bottomShareBox').toggleClass('share_fun_box2--hidden', off > top); } } function handleResize() { $('.list_link_artboard').each(function() { var highlight = $(this).find('.border-color'); var outerOffset = $(this).offset().left; if (highlight.length && highlight.is(':visible')) { $(this).find('.hidden_box').stop().animate({ scrollLeft: highlight.offset().left - outerOffset - 10 }); } }); } var bottomInquiry = $('#bottomInquiry'); $('#showInquiry').on('click', function() { bottomInquiry.removeClass('bottom-inquiry-box--hidden'); }); bottomInquiry .on('click', '[data-inquiry-close]', function() { $('#bottomInquiry').addClass('bottom-inquiry-box--hidden'); }) .find('.bottom-inquiry-box__input').on('input', function() { $(this).toggleClass('bottom-inquiry-box__input--active', !!this.value); }) .end().find('input[type="file"]').on('change', function() { inquiry_attachment_change_fun($(this)); }) .end().find('input[name="email"]').on('change', function() { $(this).parent().toggleClass('bottom-inquiry-box__label--error', this.value && !/^[a-zA-Z0-9_\-\+\.%]+@[a-zA-Z0-9-_]+(\.[a-zA-Z0-9_-]+)+$/.test(this.value)); }) .end().find('form').on('submit', function() { return form_submit(this); }); bottomInquiry.find('[data-input-select]').inputSelectable(); if($('[data-product-inquiry]').length) { $(window).scroll(handleScroll); handleScroll(); } if($('.list_link_artboard').length) { $(window).resize(handleResize); handleResize(); } // 这里加载特定滚动加载 }); })() .external-chat-box { padding: 0; } .external-chat-box-right { position: fixed; top: 50%; right: 0; transform: translateY(-50%); width: 48px; padding: 4px 0; background: rgba(0, 0, 0, .35); border-radius: 4px 0 0 4px; transition: .2s; z-index: 9999; } .external-chat-box-right__toggle { position: absolute; top: 50%; right: 100%; border-radius: 0 4px 4px 0; color: #fff; transform: translateY(-50%); background: inherit; padding: 0 4px; line-height: 40px; font-size: 14px; cursor: pointer; /*transition: .3s;*/ border: 0; outline: 0; } .external-chat-box-right--collapse { transform: translateY(-50%) translateX(100%); } .external-chat-box__item1 { padding: 8px 0; text-align: center; display: block; position: relative; } .chatIconPanel1 { border-radius: 0 4px 4px 0; } .chatIconPanel1-right { border-radius: 4px 0 0 4px; } .chatIconPanel2 { border-radius: 24px; } .chatIconPanel3 { border-radius: 4px; margin: 0; } .chatIconPanel4 { border-radius: 0 0 24px 24px; } .chatIconPanel5 { border-radius: 0 14px 0 14px; } .chatIconPanel6 { border-radius: 4px; width: 60px !important; } .share-icon { position: absolute; width: 100%; bottom: -55px; padding: 8px; border-radius: 4px; left: 0; text-align: center; } .external-chat-box--label { font-size: 12px; white-space: nowrap; transform: scale(0.83333); position: absolute; bottom: 2px; width: 100%; } const PositionLeft = 1 const PositionRight = 2 // 颜色 16进制转rgb const hex2rgb = (hexColor) => { hexColor = hexColor .substring(1) .toLowerCase() let b = new Array() for (let x = 0; x < 3; x++) { b[0] = hexColor.substr(x * 2, 2) b[3] = '0123456789abcdef' b[1] = b[0].substr(0, 1) b[2] = b[0].substr(1, 1) b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2]) } return b[20] + ',' + b[21] + ',' + b[22] } // 初始化 const initContactPanel = async () => { const data = await getContactData() if (!data) return const {config, list} = data const {color, is_expand, location, style, opacity} = config const displayList = formatData(list, style) const DOMs = getDOMs(displayList, style) const shareBoxDiv = $('.share_fun_box') const hasShareBox = shareBoxDiv.is(':visible') const isYueRong = false; // 分享判断 if (location == PositionRight && hasShareBox && !isYueRong) { showShareIcon(shareBoxDiv, color, opacity, DOMs) } const dom = $('<div />') .attr({id: 'contactPanel'}) .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) .addClass(getPositionClassName(location, style, is_expand)) .append(DOMs) .appendTo('body') // 展开收起判断 if (is_expand == 1) getCollapseDiv(location).appendTo(dom) // 定制处理 customized(location, hasShareBox, isYueRong) } // 除了和分享冲突 const showShareIcon = (shareBoxDiv, color, opacity, DOMs) => { shareBoxDiv.hide() const shareIcon = $('<div />') .addClass('share-icon') .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) .on('click', () => window.customFunc.modal_show()) .append($('<img />') .attr({src: '/images/chatIcon/share.png', width: '32px'})) DOMs.push(shareIcon) } // 定制处理 const customized = (location, hasShareBox, isYueRong) => { if (location == PositionRight && hasShareBox && isYueRong) { $('.share_fun_box').css('top', '32%') $('.external-chat-box-right').css('top', '65%') } } // 收起处理 const getCollapseDiv = (location) => { const div = $('<div />').addClass('iconfont iconleft') const contactPanelDiv = $('#contactPanel') if (location == PositionLeft) { div .addClass('external-chat-box__toggle') .on('click', function () { if (contactPanelDiv.hasClass('external-chat-box--collapse')) { contactPanelDiv.removeClass('external-chat-box--collapse') $(this) .css({transform: 'rotate(180deg)', borderRadius: '4px 0 0 4px'}) } else { contactPanelDiv.addClass('external-chat-box--collapse') $(this).css({transform: '', borderRadius: '0 4px 4px 0'}) } }) } else { div .addClass('external-chat-box-right__toggle') .css({transform: 'rotate(180deg) translateY(50%)'}) .on('click', function () { if (contactPanelDiv.hasClass('external-chat-box-right--collapse')) { contactPanelDiv.removeClass('external-chat-box-right--collapse') $(this).css({transform: '', borderRadius: '4px 0 0 4px'}) } else { contactPanelDiv.addClass('external-chat-box-right--collapse') $(this).css({ transform: 'rotate(180deg) translateY(50%)', borderRadius: '0 4px 4px 0' }) } }) } return div } // 数据格式化化 const formatData = (list, style) => { return list.map(i => { let attrs try {attrs = getAttrs(i, style)} catch(err) { attrs = {} } return { ...i, attrs } }) } // 属性拼接 const getAttrs = (item, style) => { let attrs switch (item?.name) { case 'QQ': attrs = { target: '_blank', href: 'http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=' + item.value, className: 'external-chat-box__item--qq', src: `/images/chatIcon/QQ${style}.png` } break; case 'WeChat': attrs = { target: '_self', href: '#', className: 'external-chat-box__item--wechat', src: `/images/chatIcon/WeChat${style}.png` } break; case 'WhatsApp': attrs = { target: '_blank', href: 'https://api.whatsapp.com/send?phone=' + encodeURIComponent(item.value), className: 'external-chat-box__item--whatsapp', src: `/images/chatIcon/WhatsApp${style}.png` } break; default: attrs = null } return attrs } // 生成DOM const getDOMs = (list, style) => { let DOMs = [] list.forEach((i, index) => { if (i.attrs) DOMs.push(createItem(i, style, index == list.length - 1)) }) return DOMs } // 创建对应的A标签 const createItem = (item, style, isLast) => { const {href, target, src} = item.attrs let ALabel = $(`<a/>`) .attr({href, target, title: item.user_name}) .addClass('external-chat-box__item1') .on('click', () => { if (item.name == 'WeChat') showWeChatDialog(item.value) }) if (style == 4 && !isLast) { ALabel.css({borderBottom: '1px solid #fff'}) } if (style == 6 && !isLast) { ALabel.css({borderBottom: '1px solid #979797', padding: '10px 0'}) } let img = $('<img/>').attr({src,width:'32px'}) ALabel.append(img) if (style == 6) { let div = $('<div />') .addClass('external-chat-box--label') .text(item.name) ALabel.append(div) } return ALabel } // 微信特殊处理 const showWeChatDialog = (text) => { let input = $('<input>') .css({ position: 'absolute', left: -99, top: -99, width: 20, height: 20 }) .attr('readonly', 'readonly') .val(text).appendTo('body'); let popup = $('<div>') .addClass('external-chat-popup external-chat-popup--hidden') .appendTo('body'); $('<div>') .addClass('external-chat-popup__bg') .on('click', () => { popup.addClass('external-chat-popup--hidden'); }).appendTo(popup); $('<div>').addClass('external-chat-popup__dialog') .append( $('<p>').addClass('external-chat-popup__text').text('WeChat ID: ' + text), $('<button>') .attr({ type: 'button', 'btn-types': 'deep' }) .addClass('btn') .text('Copy') .on('click', function () { input[0].select(); document.execCommand('copy'); popup.addClass('external-chat-popup--hidden'); prompt_box_fun({ type: 'success', text: 'WeChat ID was copied. We’re redirecting you to WeChat. If WeChat is not opened, you can also open it manually and paste the copied ID.' }); location.href = 'weixin://'; }) ).appendTo(popup); popup.removeClass('external-chat-popup--hidden'); } // 获取数据 const getContactData = async () => { const res = await $.get('/contact/get-config') if (res.status != 200) return false const {config, list} = res.data const hasContactInfo = config && config.on == 1 && list.length if (hasContactInfo) return res.data return false } // 拼接类名 const getPositionClassName = (position, style, is_expand) => { let className = `chatIconPanel${style}` if (position == PositionRight && style == 1) { className += '-right' } className += position == PositionLeft ? ' external-chat-box' : ' external-chat-box-right' if (is_expand == 1) { className += position == PositionLeft ? ' external-chat-box--collapse' : ' external-chat-box-right--collapse' } return className } initContactPanel()

.el-dialog__footer { padding: 10px 20px 20px; text-align: right; box-sizing: border-box; } #inquiry-dialog { position: fixed; top:0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1000; /* opacity: .5; */ background: rgba(0,0,0,.5); } .inquiry-dialog{ position: relative; margin: 0 auto 50px; margin-top: 15vh; width: 400px; background: #fff; } .inquiry-dialog .form-group { margin-bottom: 10px; } .inquiry-dialog .red { font-style: normal; color: red; } .inquiry-dialog .form-group label { padding: 0; line-height: 28px; display: block; font-size: 14px; color: #606266; } .inquiry-dialog .form-control{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.07); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; margin-bottom: 0; border: 1px solid #e7eef5; outline: 0; } .inquiry-dialog .form-control:hover, .form-control:focus{ border-color: #007eff; } #inquiry-dialog .dialog-footer { /* padding: 10px 0 20px; */ /* background: #666; color: #fff; text-align:center; height: 40px; line-height: 40px; border-radius: 10px; */ } #inquiry-dialog .el-form-item { margin-bottom: 10px; } #inquiry-dialog .el-form-item__label{ padding: 0; line-height: 28px; } #inquiry-dialog .dialog-foot-btn { width: 100%; border-radius: 10px; font-weight: 500; padding: 0 20px; font-size: 14px; height: 40px; line-height: 40px; cursor: pointer; text-align: center; border: 1px; } .inquiry-dialog { border-radius: 16px!important; } .inquiry-dialog .el-dialog__body { padding: 0; } .inquiry-dialog .body { padding: 0; } .inquiry-dialog .el-dialog__header { font-size: 20px; border-radius: 16px 16px 0 0; } .inquiry-dialog .header { font-size: 20px; border-radius: 16px 16px 0 0; padding: 20px 20px 10px; /* color: #fff; background: #007eff; */ } .inquiry-dialog .header_btn{ position: absolute; top: 20px; right: 20px; padding: 0; background: 0 0; border: none; outline: 0; cursor: pointer; line-height: 1; } .inquiry-dialog .el-dialog__close { font-size: 20px; } .inquiry-dialog--1 .el-dialog__header { color: #fff; background: #007eff; } .inquiry-dialog--1 .header { color: #fff; background: #007eff; } .inquiry-dialog--1 .el-dialog__close { color:#fff; } .inquiry-dialog--1 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--1 .body { padding: 20px 20px 0; } .inquiry-dialog--1 .tips { word-break: break-word; padding: 14px 20px; margin: -20px -20px 20px; /* box-shadow: 0 2px 8px rgb(0 0 0 / 13%); */ } .inquiry-dialog--1 .inquiry_from { /* padding:0 20px; */ } .inquiry-dialog--1 .dialog-foot-btn{ color: #fff!important; background: #007eff!important; border-color: #007eff; } .inquiry-dialog--1 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #007eff!important; border-color: #007eff!important; } .inquiry-dialog .el-input__inner:focus { border-color: #007eff; } .inquiry-dialog .el-input__inner:hover { border-color: #007eff; } .inquiry-dialog .el-textarea__inner:focus { border-color: #007eff; } .inquiry-dialog .el-textarea__inner:hover { border-color: #007eff; } .el-textarea .inquiry-dialog--2 .tips { padding: 10px 0px; word-break: break-word; /* border-top: 1px solid #e0e0e0; */ margin:0 20px; } .inquiry-dialog--2 .inquiry_from { padding:0 20px; background: #f6f6f7; padding-bottom: 5px; } .inquiry-dialog--2 .el-dialog__footer { background: #f6f6f7; border-radius: 0 0 16px 16px; } .inquiry-dialog--2 .dialog-foot-btn{ color: #fff!important; background: #007eff!important; border-color: #007eff; } .inquiry-dialog--2 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #007eff!important; border-color: #007eff!important; } .inquiry-dialog--3 { background: #02b57d; color: #Fff; } .inquiry-dialog--3 .el-dialog__close { color:#fff; } .inquiry-dialog--3 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--3 .tips { padding: 10px 0px; word-break: break-word; /* border-top: 1px solid #fff; */ margin:0 20px; color: #fff; } .inquiry-dialog--3 .inquiry_from { margin: 0 20px; padding: 20px 20px; background: #fff; border-radius: 16px; } .inquiry-dialog--3 .body { padding-bottom: 10px; } .inquiry-dialog--3 .dialog-foot-btn{ color: #fff!important; background: #333; border-color: #333; text-align: left; position: relative; } .inquiry-dialog--3 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #333!important; border-color: #333!important; text-align: left; position: relative; } .inquiry-dialog--3 .dialog-foot-btn:before{ content: '\2192'; position: absolute; right: 12px; /* top: 50%; margin-top: -.75em; */ } .inquiry-dialog--4 { background: #02b57d; color: #Fff; } .inquiry-dialog--4 .el-dialog__close { color:#fff; } .inquiry-dialog--4 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--4 .tips { padding: 0 0 10px 0px; word-break: break-word; margin:0 20px; color: #fff; } .inquiry-dialog--4 .inquiry_from { margin: 0 20px; padding: 20px 20px; background: #fff; border-radius: 16px; } .inquiry-dialog--4 .el-input__inner{ border: 0; border-radius: 0; border-bottom: 1px solid #DCDFE6; } .inquiry-dialog--4 .form-control{ border: 0; border-radius: 0; border-bottom: 1px solid #DCDFE6; box-shadow: unset; } .inquiry-dialog--4 .body { padding-bottom: 10px; } .inquiry-dialog--4 .dialog-foot-btn{ color: #fff!important; background: #333; border-color: #333; } .inquiry-dialog--4 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #333!important; border-color: #333!important; } .inquiry-dialog--5 { background: ##ffe201; color: #333; } .inquiry-dialog--5 .el-dialog__close { color: #333; } .inquiry-dialog--5 .el-dialog__close:hover { color:#333; } .inquiry-dialog--5 .tips { padding: 0 0 10px 0px; word-break: break-word; margin:0 20px; color: #666; } .inquiry-dialog--5 .el-form-item { background: #fff; margin-left: 20px; margin-right: 20px; padding: 12px 16px; border-radius: 16px; } .inquiry-dialog--5 .form-group { background: #fff; margin-left: 20px; margin-right: 20px; padding: 12px 16px; border-radius: 16px; } .inquiry-dialog--5 .el-input__inner{ border: 0; padding: 0; } .inquiry-dialog--5 .form-control{ border: 0; padding: 0; box-shadow: unset; } .inquiry-dialog--5 .body { padding-bottom: 10px; } .inquiry-dialog--5 .dialog-foot-btn{ color: #fff!important; background: #333; border-color: #333; text-align: left; position: relative; } .inquiry-dialog--5 .dialog-foot-btn.is-disabled{ color: #fff!important; background: #333!important; border-color: #333!important; text-align: left; position: relative; } .inquiry-dialog--5 .dialog-foot-btn:before{ content: '\2192'; position: absolute; right: 12px; /* top: 50%; margin-top: -.75em; */ } .inquiry-dialog--6 .el-dialog__header { background: #007eff; color: #fff; } .inquiry-dialog--6 .header { background: #007eff; color: #fff; } .inquiry-dialog--6 .el-dialog__close { color:#fff; } .inquiry-dialog--6 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--6 .tips { word-break: break-word; padding: 14px 20px; background: #f5f5f5; } .inquiry-dialog--6 .inquiry_from { padding:10px 20px; } .inquiry-dialog--6 .el-dialog__footer{ padding:0; } .inquiry-dialog--6 .dialog-foot-btn{ border-radius: 0 0 16px 16px!important; height: 48px; color: #fff!important; background: #007eff!important; border-color: #007eff; } .inquiry-dialog--6 .dialog-foot-btn.is-disabled { border-radius: 0 0 16px 16px!important; height: 48px; color: #fff!important; background: #007eff!important; border-color: #007eff!important; } .inquiry-dialog--0 .el-dialog__header { background: #007eff!important; color:#fff; } .inquiry-dialog--0 .header { background: #007eff!important; color:#fff; } .inquiry-dialog--0 .el-dialog__close { color:#fff; } .inquiry-dialog--0 .el-dialog__close:hover { color:#fff; } .inquiry-dialog--0 .tips { background: #007eff!important; height: 40px; position: relative; } .inquiry-dialog--0 .tips:after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 20px; clip-path: url(#chatOnlineFormPath); background-color: #fff; } .inquiry-dialog--0 .inquiry_from { padding:0 20px; padding-bottom: 5px; } .inquiry-dialog--0 .dialog-foot-btn{ height: 48px; color: #fff!important; background: #007eff!important; border-color: #007eff; }

var hasInquiry = 1; var inquiryStyle = "1"; var inquiryColor = "#fff"; function onClose() { const dialog = $('#inquiry-dialog') dialog.find('[name=name]').val('') dialog.find('[name=phone]').val('') dialog.find('[name=email]').val('') dialog.find('[name=content]').val('') dialog.hide() } function inquiryDialogFromSubmit(){ inquiryDialogFromSubmit1() return false } function inquiryDialogFromSubmit1(){ const dialog =$('#inquiry-dialog') const appid = appid_fun(dialog.find('[name=email]').val()).toString() || ""; const params = { name: dialog.find('[name=name]').val(), phone: dialog.find('[name=phone]').val(), email: dialog.find('[name=email]').val(), msg: dialog.find('[name=content]').val(), previous_page: document.referrer || window.location.href, enquiry_type: 1, visitlength: "====1733137773====", source: 11, promote_id: 0, is_subscribe: 0, page_title: document.title || '', page_word: $('meta[name="keywords"]').attr("content"), is_subscribe: 0 } if ($('#verification_open_inp').val() == "0") { addEnquiry(params) return false } if (appid) { if (_verification_type == 2) { grecaptcha.ready(function () { grecaptcha.execute(appid, { action: 'validate_captcha' }) .then(function (token) { var serialize = { 'g-recaptcha-response': token, action: 'validate_captcha' }; Object.assign(params, serialize) addEnquiry(params,true) }); }); } else if (_verification_type == 1) { function loadTCaptchaNow() { return new Promise (resolve => { if (typeof TencentCaptcha !== 'function') { const script = document.createElement('script') script.src = 'https://turing.captcha.qcloud.com/TCaptcha.js' script.type = 'text/javascript' script.onload = () =>{ resolve() } script.onreadystatechange = ()=> { if (!script.readyState || script.readyState === "loaded" || script.readyState === "complete") { script.onreadystatechange = null resolve() } } document.getElementsByTagName('head')[0].appendChild(script); return } resolve() }) } loadTCaptchaNow().then(() => { var captcha1 = new TencentCaptcha(appid, function (res) { Object.assign(params, res) addEnquiry(params) }); captcha1.show(); }) } if (_verification_type == 3) { CustomizedCaptcha.show().then(res=>{ Object.assign(params, res) addEnquiry(params) }).catch(err=>{return}) } } else { addEnquiry(params) } return false } function addEnquiry(params,challenge) { function successCallback() { window.location.href = '/inquire/success' } $.ajax({ url: '/add-enquiry', type: 'POST', datatype: 'json', data: JSON.stringify(params), headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'), 'Content-Type': 'application/json' }, success: function(result) { // _this.submitBtnLoading = false if (result.status == 200) { successCallback() } else { if (challenge && result.status == 203) { _getData = params _form = $('<form>').attr({ action: "/da/add-enquiry", method: 'POST' }); $('.google_dialog_box').css('visibility', 'visible'); _globalCallback = function () { $('.google_dialog_box').css('visibility', 'hidden'); successCallback(); }; return } prompt_box_fun({ type: 'error', text: result.msg }); } } }) } function checkemail(t,submit) { const email = $(t).val() const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; if(regex.test(email)) { t.setCustomValidity('') } else if (email.trim() === '') { t.setCustomValidity('Udfyld venligst dette felt') } else { t.setCustomValidity('Formatfejl') } if(submit) return t.reportValidity() } function input1(t) { t.setCustomValidity('') } const inquiryDialogInstance = {} inquiryDialogInstance.showInquiryDialog = function(id) { if(!id) return const dom = $('#inquiry-dialog') dom.show() } .captcha-dialog__wrapper { z-index: 1000005; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; margin: 0; display: flex; align-items: center; } .v-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; } .captcha-dialog { position: relative; margin: 0 auto 50px; background: #fff; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-sizing: border-box; width: 700px; background: #ffffff; border-radius: 8px; overflow: hidden; /* margin-top: 30vh; */ } .captcha-dialog__header { height: 60px; border-bottom: 1px solid #dfe5eb; padding: 20px 30px 10px; box-sizing: border-box; } .captcha-dialog__headerbtn { position: absolute; top: 20px; right: 30px; padding: 0; background: transparent; border: none; outline: none; cursor: pointer; font-size: 16px; } .captcha-dialog__title { font-size: 18px; font-family: PingFang-SC-Bold, PingFang-SC; font-weight: bold; color: #202223; line-height: 25px; } .captcha-dialog__body { padding: 30px; padding-bottom: 10px; } .captcha-content { display: flex; } .captcha-content__code { margin-right: 20px; width: 330px; height: 40px; border-radius: 4px; padding: 6px 12px; border: 1px solid #dfe5eb; outline: none; } .captcha-content__code:focus { border: 1px solid #1890ff; } .captcha-content__box { width: 236px; height: 40px; border-radius: 4px; border: 1px solid #dfe5eb; display: flex; overflow: hidden; } .captcha-content__img { min-width:126px; } .captcha-content__img img{ height: 38px; width: auto; } .captcha-content__refresh { flex: 1; background: #F4F4F4; display:flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; } .captcha-dialog__footer { padding: 0 30px 30px; display: flex; justify-content: end; } .captcha-dialog .btn { width: 92px; height: 36px; background: #1890ff; border-radius: 4px; display: flex; align-items: center; justify-content: center; } .captcha-dialog__phoneTitle { display: none; } .captcha-dialog__tips { color: red; /* display: none; */ height: 21px; } .captcha-dialog__error { color: red; display: none; } @media (max-width: 768px) { .captcha-dialog__header { border-bottom:0 ; } .captcha-dialog__body{ padding-top: 0; } .captcha-dialog { width: 80vw; } .captcha-dialog__title { display: none; } .captcha-dialog__phoneTitle { display: block; font-size: 18px; font-family: PingFang-SC-Bold, PingFang-SC; font-weight: bold; color: #202223; text-align: center; margin-bottom: 30px; } .captcha-content{ flex-wrap: wrap; } .captcha-content__code{ width: 100%; margin-right:0; } .captcha-content__box{ width: 100%; margin-top: 15px; } .captcha-dialog .btn-submit{ width: 100%; } }

Please enter the calculation result.

Verification failed. Please re-enter.

const CustomizedCaptcha = { dom: null, img: "", key: "", reject: null, resolve:null, show: async function () { if (!this.dom) { console.log($("#captcha-dialog")); if(!$("#captcha-dialog")){ return } this.dom = $("#captcha-dialog"); const _this = this this.dom.find('.captcha-content__refresh').click(() => { _this.refresh() }) _this.dom.find(".captcha-dialog__headerbtn").click(() => { _this.dom.hide(); $(".v-modal").hide(); _this.reject("close"); }); _this.dom.find(".btn-submit").click(async () => { const res = await _this.verify() _this.dom.find('[name="captchaCode"]').val('') if(res) { _this.dom.hide(); $(".v-modal").hide(); _this.resolve(res.data); } else { _this.refresh() } }); _this.dom.find('.captcha-content__code').on('input', () => { _this.dom.find('.captcha-dialog__error').hide() }) _this.dom.find('[name="captchaCode"]').keypress((e) => { if (e.which == 13) { // Enter 键的键值为 13 console.log('123123'); if(this.dom.find('[name="captchaCode"]').val().length === 0) return _this.dom.find(".btn-submit").click() } }) } const res = await $.ajax({ type: 'get', url: '/allweyescaptcha?captcha_type=3' }) console.log('res',res); if (res.status !== 200) { console.log('接口异常') return } const {img,key} = res.data this.img = img this.key = key this.dom.find('.captcha-content__img img').attr("src", this.img) console.log(this.dom.find('.captcha-content__img img')) $(this.dom).show(); $(".v-modal").show(); const _this = this; return new Promise((resolve, reject) => { _this.reject = reject _this.resolve = resolve }); }, refresh: async function(){ this.dom.find('.captcha-content__img img').hide() const res = await $.ajax({ type: 'get', url: '/allweyescaptcha?captcha_type=3' }) console.log('res',res); if (res.status !== 200) { console.log('接口异常') return } const {img,key} = res.data this.img = img this.key = key this.dom.find('.captcha-content__img img').attr("src", this.img) this.dom.find('.captcha-content__img img').show() }, verify: async function(){ if(this.dom.find('[name="captchaCode"]').val().length === 0) return const res = await $.ajax({ type: "POST", url: "/check_allweyescaptcha", headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, data: {captcha_type:3,captcha_key:this.key,captcha_value:this.dom.find('[name="captchaCode"]').val()} }) console.log('res', res); if(res.status == 200) { return {data: res.data} } else { this.dom.find('.captcha-dialog__error').show() return false } } }; // CustomizedCaptcha.show().then(res=>{console.log(res);});