R focus in verletile&D et productione Aurae deliciae tegulas decorat per XXII annos.

Lingua

Productum

Home > Productum

commendatur

replay

replay

commendatur

Tegula marmorea vultus tegula verletile aureum decorativum latrinae pavimentum

Tegula marmorea vultus tegula verletile aureum decorativum latrinae pavimentum

Springletile Popular tile Decorative Aurum Greek key Tiles

Springletile Popular tile Decorative Aurum Greek key Tiles

Tegularum piscium scalarum Imitatio waterjet tegulas Distributor

Tegularum piscium scalarum Imitatio waterjet tegulas Distributor

Tutus Golden Top and Bottom Decorative Border Tiles Bathroom 30x60

Tutus Golden Top and Bottom Decorative Border Tiles Bathroom 30x60

Verletile - Springletile non lapsus 80x80 porcellae auri venae ceramic Inkjet latrina latrina design gray marmoris tegula tegularum deliciae tegularum

Verletile - Springletile non lapsus 80x80 porcellae auri venae ceramic Inkjet latrina latrina design gray marmoris tegula tegularum deliciae tegularum

Verletile - Springletile non lapsus 80x80 porcellae auri venae ceramic Inkjet latrina latrina design gray marmoris tegula tegularum deliciae tegularum manufacturer

Verletile - Springletile non lapsus 80x80 porcellae auri venae ceramic Inkjet latrina latrina design gray marmoris tegula tegularum deliciae tegularum apud CHINA

Verletile - Springletile non lapsus 80x80 porcellae auri venae ceramic Inkjet latrina latrina design gray marmoris tegula tegularum deliciae tegularum comitatus

Verletile - Springletile non lapsus 80x80 porcellae auri venae ceramic Inkjet latrina latrina design gray marmoris tegula tegularum deliciae tegularum fabrica

Verletile - Springletile non lapsus 80x80 porcellae auri venae ceramic Inkjet latrina latrina design gray marmoris tegula tegularum deliciae tegularum pricio

Verletile - Springletile non lapsus 80x80 porcellae auri venae ceramic Inkjet latrina latrina design gray marmoris tegula tegularum deliciae tegularum

Negotiis necessariis acti, nostrae technologiae optimizandi et upgradandi constanter fuimus. Hae technologiae ad nostram efficaciam fabricandi processum conferunt. In applicatione agro Tegularum, sculpturae lapideae exterioris, lapidis naturalis, tabulae parietis interioris, scriniorum ianuae. cortinae textilia, utensilia et lucernae, balneorum elementa et coquinae elementa, etc., utilia esse probat.

QUAESTIO NUNC mitte

Color:

Lead_Time:: 1 - 36 (Carton): 15(dies); , 37 - 100 (Carton): 20(dies); , 101 - 200 (Carton): 25(dies); , >200(Cartons): Negotiabilis (dies)

exempla:: US$85.00/Cartons , 1 Carton (Min. Order)

naviportans:: Feugiat mari

Customization:: Graphic customization (Min. Order: 100 Cartons) , Lorem packaging (Min. Order: 100 Cartons) , Lorem logo (Min. Order: 100 Cartons)

Pretium:: 36-99 CartonsUS$76.5 , 100-199 CartonsUS$74.7 , >=200 CartonsUS$72.0

QUAESTIO NUNC mitte

Post menses furiosae adhuc significantis progressus laboris, SP Aedificium Materialium Co, Ltd. magnum successum fecit ad operandum de verletile non lapsus 80x80 fictilem auri venae ceramicae Inkjet latrinae latrinae designans tegula marmorea grisea. Productum est multiplex lineamentis et amplis applicationibus instructum. Designed by professional designers, Springletile non lapsus 80x80 porcellanae auri venae ceramic Inkjet latrinae latrinae designandi tegula marmorea grisea est speciosa in sua specie. Cum comprehensive intelligentiam societatis administrationis systematis, operarii nostri melius officia sua percipere possunt, quod ad superiores-efficentias fabricandas ac magis professionales officia confert. Propositum nostrum est primas esse turmas in foro globali.

Warranty:	Annis II	Tabulatum Specificationis (Unit: mm2);	800 X 800X12mm
Post-venditionis Service:	Online technicae subsidii, Redi ac replacement, Other	Textura:	Lapis Imitatio Texture
Style:	ATTICUS, deliciae	Occasio:	Murus interior et area
Lustrare:	GLOSSAE	Solutio Project Capability:	graphic design, 3D model design, total solution for projects, Cross Categories Consolidation, Alii
Applicatio:	Hotel, Villa, Home	Design Style:	Modern
Locus originis:	Guangdong, China	Notam nomen:	Springletile
Exemplar Number:	SPRGT192	Magnitudo:	800 X 800mm
Materia:	Tegulae Ceramic, Ceramic	Consuetudinem:	Interior tiles
Officium:	Acidum repugnans, Antibacterial, Calor Insulatio, Non Lapsus, Firebrick, Repugnans, Anti-lapsus	Superficiem treatment:	polita Tiles
Ars:	Vitrified Tiles	Color Genus:	Grays
Tegula Type:	Tabulae Tegulae, Wall Tiles	Aquae effusio:	<0.5%
Verba clavis:	tegularum marmoreas aureas	Superficies:	Aurum lenis reflective
MOQ:	36cartons	Crassitudo;	12mm
Usus:	Interiol	Qualitas:	High Quaity
Service:	OEM ODM Acceptae	Stipare:	Lobortis cum spuma, 2pcs/carton, 36cartons/pallet
TEMPUS ADFERENDI:	Intra XV diebus

Turba Profile

productum notitia

item	valorem
Warranty	Annis II
Tabulatum Specificationis (Unit: mm2)	800 X 800X12mm
Post-venditionis Service	Online technicae subsidii, Redi ac replacement, Other
Textura	Lapis Imitatio Texture
Style	ATTICUS, deliciae
Occasio	Murus interior et area
lustre	GLOSSAE
Solutio Project Capability	graphic design, 3D model design, total solution for projects, Cross Categories Consolidation, Alii
Applicationem	Hotel, Villa, Home
Design Style	Modern
Locus originis	China
	Guangdong
	Springletile
	SPRGT192
Magnitudo	800 X 800mm
Materia	Ceramic Tiles
Consuetudinem	Interior tiles
Officium	Acidum repugnans, Antibacterial, Calor Insulatio, Non Lapsus, Firebrick, Repugnans, Anti-lapsus
Superficiem treatment	polita Tiles
	Vitrified Tiles
Color Genus	Grays
Tegula Type	Tegulae, Wall Tiles
Absorptio aquae	<0.5%
Clavis Verba	tegularum marmoreas aureas
Superficies	Aurum lenis reflective
MOQ	36cartons
Crassitudo	12mm
Usus	Interiol
Qualitas	High Quaity
Service	OEM ODM Acceptae
stipare	Lobortis cum spuma, 2pcs/carton, 36cartons/pallet
Materia	Ceramic
TEMPUS ADFERENDI	Intra XV diebus

Product detail praesentationis

Products commendatur

Turba Profile

Factory Springletile anno MMI instituta est, cum XX annos historiae societatis, industriae technicae, et experientiae mercatus est; Springletile officinas'notam propriam (Springletile) die 9 mensis Martii posita est, 2010.Springletile officinam in Foshan, Guangdong sita est, quae fama fruitur."Orbis Terrarum Pottery Capital". Factory verletile producendum spatium 20,000 metrorum quadratorum habet et R . integram habet&D, consilium, productionem, venditiones, et servitium professionalis exportationis. Factory Springletile maxime facit et exportationes penicullus, classic, ac designant tegulas decorativas interiores, necnon integram seriem tegularum in parietibus et contignationibus. Producta principaliter exportantur in Americam Septentrionalem, Europam Septentrionalem, Europam, Orientem Medium, Asiam Meridionalem, Africam Septentrionalem, aliaque mercatus. Springletile officina bona est in consilio et innovatione producti et multam pecuniam in producto progressione, consilio, productione collocavit; et technologia. Cum MMXI, Springletile officinas VI productum technologiam adeptus et applicari diplomatis technicae artis, inter inventas patentes libellos ut"patentibus exemplar utilitatem certificatorium" et"nationalibus Ceramic productum invention patent certificatorium". Factory Springletile cori proprietatis technologiae situm in industria habet, maiores successus et breakthroughs in R consecutus est.&D et productio et innovatio, praecipitatio et cumulus societatis independentis perfecit's brand.Springletile officina scientifica et rationabilis ratio subiit. Systema redivivus aquae vastae industrialis et gasi, usus industriae mundae, et administratio scientifica officinarum et
ambitus plures occasiones laboris societatis creaverunt. Optimizatio et upgradatio societatis structurae et systemata melius accommodare possunt ad inclinatio integrationis mundi et coniunctim mundum cum communi futuro.

Comitatu core officia

Springletiletorris notam suam et sarcinam independentem habet. In ipsum tempor, suscipit ipsum et consequat aliquam. Societas Springletilis promptus est ad negotiatores exteros instituendi pro productis ceramicis nostris. R . verletile habet integram et professionalem technicam&D turma et turmae commercii exterae, quae nucleum operas technicas praebere possunt ut operas probationes liberas, producto consilio computatrales layout, ac 3D productorum scaenae applicationes reddendi. Plumbum tempus productorum prosapia Springletilis est 10 dies, dum tempus consuetudinis praeceperat plumbum dies XX est. Libera in tempore solvere customers' curarum.

Fabrica productio

Ceramic tegulas Featured

Tegula blank instrumentorum diurnariorum instrumentorum ex Italico torris Sacmi importatur.Nostra officina habet suam independentem productionem embryonum tegularum ceramicorum, quae productioni et processui signis diversorum processuum ceramicorum occurrentium, et necessarias nexus eligunt pro embryonibus tegularum ceramicorum vexillum.

Intelligentes screen excudendi processum

Apparatus fabricationis typographiae ex Italico torris systemate importatur, et tegularum rudium materiarum ceramicarum ex Hispania Tao Lixi, Carlobia, et American FOLO notam invehuntur.Notam Kiln Bodner

intelligentes sectionem

Mechanica intelligentis linea productio adhibetur ad secandum et uncinum circa margines tegularum

Intelligentes imperium productio

Omnis operarius in officina plus quam XV annos habet experientia technica operandi.

Product qualis inspectionem

Springletile tile

Basic notitia

anno potitusque

--
Business Type

--
Patriae / Regio

--
pelagus Industry

--
pelagus Products

--
Legal personam Enterprise

--
summa Employees

--
Precium annua output

--
export Market

--
Customers aliquid

--

Quid facimus quod dignum et definire Global

Primum rem agimus cum clientibus nostris convenire et loqui per suos fines in futuro proposito.
In hoc conventu, libenter libenter ideas tuas communicare et multas interrogationes requiris.

Nomen
forma error
E-mail
forma error
Phone/ Whatsapp / Cras
forma error
nomen corporationis
forma error
Content
forma error

Commendatur

Omnia secundum certissima signa internationalia fabricata sunt. Nostri fructus gratiam acceperunt ex mercatis tam domesticis quam externis.
Nunc latius educendi sunt ad 200 regiones.

Tegula marmorea vultus tegula verletile aureum decorativum latrinae pavimentum

Tegula verletile K-Aurum balneo pavimento decorativum est imitatio marmoris aspecti tegulae cum 1mm crasso microcrystalline ceramico polito speculo effectus, exclusivum auri technologiae CS convexum, alta duritia et durities, anti-foedatio, anti corrosio, non-lapsio, indumentum repugnans. ac scabere repugnans.
Springletile Popular tile Decorative Aurum Greek key Tiles

Optima consuetudo verletilis Popularis tegulae de interioribus decorativis clavibus auri graecis tegularum fabricantium，Matte convexa series aurei tegularum designationis， Usus ad ornamentum parietum tegularum et tegularum fundi balneo
Tegularum piscium scalarum Imitatio waterjet tegulas Distributor

Professional Springletile consuetudo tegularum piscium scalarum auri, albae imitatio aquaejet tegularum fabrica& Distributor microcrystallini speculi ceramici politi convexi auri technologiae, texturae perspicuae, usus ad ornamentum parietis tegularum interioris deliciae modernae.
Tutus Golden Top and Bottom Decorative Border Tiles Bathroom 30x60

Specificationes: 300x600mm, crassitudo: 10mm, aurea luxus tegularum ceramicarum, utens artificiis singularibus et stricta delectu materiarum laterum, materia ceramicarum, superficies est 1mm densissima microcrystala vitrea, per multiplices technologias aureas et expolitio et expolitio processus, superficies est Speculum aureum. effectivum reflectivum, summus finis atmosphaerici naturalis exemplaris elementi designatio, summus finis frondium atmosphaerici marmoris. Productum adaptans stilum dividitur in tegulas aureas et lineam auream in summo tegularum flore. Termini tegulae in medio positae sunt. Totus murus tegularum serierum adaptans adhibetur in magna summo fine hotels luxuriae, villae machinator culinae murus aureus tegularum, balneo deliciae parietum tegularum, VESTIBULUM tegularum murus deliciae, murus tegularum Hallway decorativam, cum sensu forti consilio, gratiam consecutus est. inter Europam, Americam, Orientem Medium, Africam Septentrionalem, aliasque nationes. Tres series cinguli albi coloris, auri, baltei albi et argenti plenae elaboravimus, ut clientibus cum optionibus magis adaptatis praeberemus.
Springletile 3D decorative latrinae imbri tegulae designs pro parietibus politis

Tegulae albae cum pileo aureo perfecte componuntur. Tegula alba cum particulis pilei aurei perfecte componitur, superficies lateralis effectum 3D habet, magnitudinem latericiam: 10* 20cm, 2*2cm, crassitudinem: 6cm, utens subtilibus et laevibus ceramicis praecipue rudibus materiis, consilio Hispanico et Italico utens. genera et elementa. Materia embryonis tegulae delicata est. Fundum embryonis tegulae potest nativus cum logo notare. Superficies alba tegularum vitrearum cum effectu reflexivo leni. Particulae pilei aurei nativus formae et temperatae inaurandi sunt. Superficies tegularum 3D effectum habet. tegula magnitudine: 10x20cm, 2x2cm, crassitudine: 6cm, adhibitis ceramicis exquisitis et laevibus praecipuis rudibus materiis, adhibitis stylis et elementis designandis hispanis et Italicis. Hoc productum est in deliciis coquinae muri tegularum, balneo murus aureus tegularum, cubiculi parietis tegularum, et tegulae in parietibus cubiculi exedrae. Stilus est classicus et elegans, calidus et atmosphaericus.
Verletile consuetudo nigra matte aurea accentu grece clavem tegularum officinarum

Accentuum auri matte nigrum Graecum clavis tegularum magnitudine: 600*600mm, crassitudine: 10mm, Color: nigrum aurum Superficies pruina et patella. Tegulae auratae in superficie adhibentur ad ornatum tabulatum, cum tegulis marginibus circum. Praecipui lateres in parietibus et contignationibus, matellae superficies non inaurata est. Tegula aurea matte acuta Graeca clavis clavis utitur elemento graeco et singulari artificio. Plena recentioris aetatis, classica mollis, inspiratio singularis, apta ad conclave, cubiculum, balneo, murum culinae, et tegulas contabulatas.
Mos verletile rotundum nigrum ceramic porcelain tegularum officinam

SPRGT3 est 600x1200x12mm rotundum nigrum ceramicum fictilem cum figura lapidea aquatici. Grout rotundus est luxuriosus aurum marmorum rotundum nigrum ceramic tile. Superficies rotundi marmoris nigrae ceramic tile e 1mm materia vitreo-ceramic post politionem, plus maturae auri patellae processus inter exemplaria, nigra, alba, et aurum alternatim. , dives marmorea textura , varioque propagine , Tegularum superficies lucidior , Aureus color nitet & luxuriosus . Artificium involvit tegumentum imprimendi, tres-tempus incendii summus temperatus, addens crystallites superficies, politio et politio, nucleus artificii inaurandi, sensus superbus designandi, pura artificia et artes technicae eximii. Producta maxime vendita Europaeis et Americanis mercatus sunt. Adhibetur in consilio tegularum ceramicarum circum nigrarum murrinarum pro exedra magnarum deversorium et villarum, murus aureus tegularum et tegularum pavimentorum pro thermarum. Artificium primum includit tegumentum imprimendi, tres-tempus accendendi summus temperatus, microcrystas superficiei addens, poliendo et poliendo, nucleo artis auri-platendae, sensum exquisitum, verum artificium, et spiritum artificis technicae. Hic stilus maxime congruens cum mercatis Europaeis et Americanis est. Deversorium est quod morem integrat, classic et luxum, villa exedra parietis cinematographici, tegularum parietum balneo, et tegularum ornamentorum.
Luxus verletile consuetudo exemplar auri venae ceramic murus lobby classic tegularum

Superficies SPRGT25 tegularum classicarum est vena aurea et speculi vitrei processus poliendi cum crassitudine 1mm. VESTIBULUM tile est luxuriosus. Materia principalis est tegularum ceramicarum. Color et aurum floralis exemplaris texturae fabricae sunt modum et classicum, cum effectu aureo nitet. Crassitudo producti 12mm est. In Sinis productio exclusiva nativus est. Luxuria umbraticis tegularum ceramicarum, tegularum classicarum, ac technologiae inaurandi maturae, producti sunt maxime in magna-scala luxuriae, murum lobby tegularum deversorium, domum conclave parietis tegulae design, tegulae consilium parietis balneo, parietis tegularum conclave design, thema caupona design.

Sitemap

Copyright © 2025 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') const isTos = src.includes('/tos/') const hasQuery = src.includes('?') if(!hasQuery && isTos) { src += '?x-tos-process=image' if (isCapture == 1) { var i_w = v_w + 30 src += '/resize,m_lfit,w_' + i_w; } if (isWebP) { src += '/format,webp' } if(isCompress == 1 && imgLazyLoad_bol ) { src += `/quality,q_${compressQuality}` } $img.addClass('show_imgss'); $img.attr('src', src); return } 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;}}

Si alium linguae

╳

English

Українська

Pilipino

Polski

فارسی

Ελληνικά

Português

italiano

français

Español

Deutsch

Türkçe

ภาษาไทย

Српски

हिन्दी

bahasa Indonesia

Bahasa Melayu

Кыргызча

Suomi

한국어

Latin

日本語

dansk

Current lingua：Latin

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) { if (src.includes('/tos/')) { src += '?x-tos-process=image/resize,m_lfit,w_768' if (imgLazyLoad_bol) { src = src+'/format,webp'; } } else { 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=1740647842", 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: "====1742352631====", 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: "/la/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('Quaeso hac') } else { t.setCustomValidity('forma error') } 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);});