Yumiplus un fournisseur professionnel de produits céramiques en Chine spécialisé dans les ustensiles de cuisine en céramique et la vaisselle en céramique.

Langue

Assiette

Maison > Des produits > Vaisselle > Assiette

conseillé

YUMIPLUS - Assiette plate ronde 5 compartiments en céramique blanche divisée collation fruit nacho apéritif fromage plateau de service plateau
YUMIPLUS - nuage noël cupcake dessert plat collation assiettes soucoupe coloré céramique desserts assiettes assiette
YUMIPLUS - Plateau de Service en Porcelaine Blanche Plateau Grès Condiment Apéritif Set Céramique Divisé Plats de Service Plat
YUMIPLUS - Assiette creuse en porcelaine Bols à pâtes blanches Assiettes à salade larges en céramique Assiettes à pâtes avec assiette design

Rejouer

Rejouer

conseillé

YUMIPLUS - Assiette plate ronde 5 compartiments en céramique blanche divisée collation fruit nacho apéritif fromage plateau de service plateau

YUMIPLUS - Assiette plate ronde 5 compartiments en céramique blanche divisée collation fruit nacho apéritif fromage plateau de service plateau

YUMIPLUS - nuage noël cupcake dessert plat collation assiettes soucoupe coloré céramique desserts assiettes assiette

YUMIPLUS - nuage noël cupcake dessert plat collation assiettes soucoupe coloré céramique desserts assiettes assiette

YUMIPLUS - Plateau de Service en Porcelaine Blanche Plateau Grès Condiment Apéritif Set Céramique Divisé Plats de Service Plat

YUMIPLUS - Plateau de Service en Porcelaine Blanche Plateau Grès Condiment Apéritif Set Céramique Divisé Plats de Service Plat

YUMIPLUS - Assiette creuse en porcelaine Bols à pâtes blanches Assiettes à salade larges en céramique Assiettes à pâtes avec assiette design

YUMIPLUS - Assiette creuse en porcelaine Bols à pâtes blanches Assiettes à salade larges en céramique Assiettes à pâtes avec assiette design

YUMIPLUS - Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service alimentaire assiette de service en céramique

YUMIPLUS - Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service alimentaire assiette de service en céramique

YUMIPLUS - Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service alimentaire assiette de service en céramique dans Guangdong, China

YUMIPLUS - Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service alimentaire assiette de service en céramique usine

YUMIPLUS - Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service alimentaire assiette de service en céramique le prix

YUMIPLUS - Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service alimentaire assiette de service en céramique entreprise

YUMIPLUS - Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service alimentaire assiette de service en céramique fabricant

YUMIPLUS - Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service alimentaire assiette de service en céramique

Assiette à sushi en porcelaine rectangle blanc personnalisé de 9 pouces plateau de service en céramique est fabriqué en adoptant des matières premières standardisées et traité par une technologie de pointe. Ce produit est le résultat parfait de la combinaison de toutes les grandes performances de ces matières premières qualifiées. Il existe de nombreux avantages de nos ustensiles de cuisine, ustensiles de cuisson, vaisselle, ustensiles de cuisine. De plus, son apparence unique le rend très accrocheur parmi les autres.

ENVOYER LA DEMANDE MAINTENANT

Diamètre:: Douane

9 pouces

Couleur:

expédition:: Fret maritime

Personnalisation:: Logo personnalisé (Min. Commande : 1000 Pièces) , Emballage personnalisé (Commande min. : 1000 pièces) , Personnalisation graphique (Commande minimum : 1000 Pièces)

ENVOYER LA DEMANDE MAINTENANT

Détails des produits

Nous sommes fiers de fournir des produits de qualité constante et un service fiable pendant de nombreuses années. Après avoir effectué plusieurs tests, notre personnel technique a prouvé que l'utilisation de la technologie garantit que les performances des assiettes de service en céramique peuvent être pleinement jouées. Les clients engagés dans le domaine des plats et des assiettes parlent. hautement de notre produit. Jieyang Yangyang Ceramic Co., Ltd. suivra le rythme et se concentrera sur l'amélioration des technologies, créant et fabriquant ainsi des produits qui répondent mieux aux besoins des clients. Notre objectif est de diriger les tendances du marché un jour.

Type de vaisselle :	Plats & Assiettes	Type de motif:	Personnalisé
Type de plaque :	Assiette	Forme:	Rectangle, Forme Rectangle / Personnalisé
Technique:	Pigmenté	Quantité:	1
Matériel:	Céramique	Type de céramique :	Porcelaine
Caractéristique:	Durable	Lieu d'origine :	Guangdong, Chine
Marque:	Porcelaine Dongyang	Numéro de modèle:	DP750C-9/DD0929
Nom du produit :	Assiette de service en porcelaine	Usage:	Snack/Dessert/Apéritif/Sushi
La description:	Sans danger pour le contact alimentaire	Logo:	Logo personnalisé
MOQ :	1000 pièces	Couleur:	Couleur blanche/personnalisée
Taille:	17.29.32 cm	Emballage:	Boîte en vrac/boîte blanche/boîte de couleur/boîte cadeau
Attestation :	CE / UE, CIQ, CEE, LFGB, Sgs

Description des produits

ASSIETTE DE SERVICE EN CÉRAMIQUE

NOM : Assiette de service en céramique

MAQUETTE:DP750C-9/DD0929 TAILLE: 23,5 * 11 * 1,8 cm (9,3 * 4,3 * 0,7 pouces) 9*6.7*1.8 cm (3.5*2.6*0.7 pouces)

POIDS : 290g/50g MOQ : 1000 pièces/article EMBALLAGE : emballage en vrac/personnalisé

本店已申请实图保护，盗图必究！

Le droit d'auteur appartient à DONGYANG FACTORY

Marque

Porcelaine de Dongyang, OEM, ODM

Matériel

Céramique, porcelaine, porcelaine durable, dolomite et etc.

Noter

Grade AB international/grade A

Couleur

Couleur personnalisée (brillant/mat)

MOQ

1000 pièces/article

Fabricant

Usine de porcelaine de Dongyang, district de Fengxi, Chaozhou, Chine (continentale)

Emballage

Emballage standard d'exportation (sûr et le plus économique)
Boîte blanche/boîte de couleur/boîte cadeau/boîte de fenêtre/palette etc.
protection contre les chutes (pour AMAZON/autres vendeurs en ligne)

Paiement

T.T/carte de crédit/vérification électronique/Ali-Pay/assurance commerciale

Heure de livraison

Après paiement,
délai d'exécution 1.sample : 5-10days
production 2.Mass pour le modèle courant : 25-30days (=< 3000 pièces)
production 3.Mass pour le nouveau modèle : 30-35days (=< 3000 pièces)

Service logistique

EXW/FOB/CAF/DDP

Port

SHENZHEN/GUANGZHOU/XIAMEN/QINGDAO etc.

Rendez votre vie plus relaxante

Plateaux de service en céramique polyvalents pour apéritifs, desserts, sandwichs, sushis, fruits ou autres collations.

Haute qualité

Nous nous spécialisons dans la porcelaine de qualité AB de haute qualité, et seuls les produits sans défaut peuvent passer nos contrôles de qualité stricts.

Plus pour vous

L'emballage du produit

Nous coopérerions avec vous pour trouver le bon& solutions d'emballage à prix avantageux.

Profil de la société

Dongyang est un actif& Equipe professionelle

pour vous fournir les meilleurs produits personnalisés& service.

Processus de production

Notre équipe QC interne inspecterait les produits trois fois : avant le vitrage/après la cuisson/avant l'emballage.

Certificats

Photos des clients&Commentaires

Informations de base

Année de création

--
Type d'entreprise

--
Pays / région

--
Industrie principale

--
Principaux produits

--
Personne morale d'entreprise

--
Total des employés

--
Valeur annuelle de sortie

--
Marché d'exportation

--
Clients coopéré

--

Recommandé

YUMIPLUS - Assiette plate ronde 5 compartiments en céramique blanche divisée collation fruit nacho apéritif fromage plateau de service plateau

Assiette plate ronde à 5 compartiments en céramique blanche divisée collation fruits nacho apéritif fromage plateau de service a l'importance de faire un bond en avant et donne un nouvel élan au développement de l'industrie. De plus, il est conçu conformément à la norme nationale.
YUMIPLUS - nuage noël cupcake dessert plat collation assiettes soucoupe coloré céramique desserts assiettes assiette

Après le lancement de la soucoupe des assiettes à dessert en céramique colorées, nous avons reçu de bons commentaires et nos clients ont estimé que ce type de produit pouvait répondre à leurs propres besoins. De plus, il est conçu en fonction des exigences du client.
YUMIPLUS - Plateau de Service en Porcelaine Blanche Plateau Grès Condiment Apéritif Set Céramique Divisé Plats de Service Plat

Sous la direction d'ingénieurs seniors et de techniciens de haut niveau, nos employés R&D ont travaillé dur pour améliorer les technologies, rendant ainsi le processus de fabrication plus efficace. Dans le(s) domaine(s) de Plateau de service en porcelaine blanche Plateau à condiments en grès Ensemble d'apéritifs en céramique Plats de service divisés, le produit est hautement reconnu.
YUMIPLUS - Assiette creuse en porcelaine Bols à pâtes blanches Assiettes à salade larges en céramique Assiettes à pâtes avec assiette design

Poussés par des besoins plus différents et uniques des clients, nous avons réussi à innover et à mettre à niveau nos technologies actuellement utilisées. Sa grande flexibilité et sa polyvalence l'ont rendu populaire dans le(s) domaine(s) de la plaque.

Des produits

Envoyez votre demande

*Nom
Erreur de format
*E-mail
Erreur de format
*Téléphoner/WhatsApp/Skype
Erreur de format
*Nom de l'entreprise
Erreur de format
*Teneur
Erreur de format

Entrer en contact

Si vous avez des questions sur nos produits ou services, n'hésitez pas à contacter l'équipe du service client. Offrez des expériences uniques à toutes les personnes impliquées dans une marque. Nous avons des prix préférentiels et des produits de la meilleure qualité pour vous.

Nom
Erreur de format
E-mail
Erreur de format
Téléphoner/WhatsApp/Skype
Erreur de format
Nom de l'entreprise
Erreur de format
Teneur
Erreur de format

Attachement:

Recommandé

Ils sont tous fabriqués selon les normes internationales les plus strictes. Nos produits ont reçu la faveur des marchés nationaux et étrangers.
Ils exportent maintenant largement vers 200 pays.

YUMIPLUS - Assiette plate ronde 5 compartiments en céramique blanche divisée collation fruit nacho apéritif fromage plateau de service plateau

Assiette plate ronde à 5 compartiments en céramique blanche divisée collation fruits nacho apéritif fromage plateau de service a l'importance de faire un bond en avant et donne un nouvel élan au développement de l'industrie. De plus, il est conçu conformément à la norme nationale.
YUMIPLUS - nuage noël cupcake dessert plat collation assiettes soucoupe coloré céramique desserts assiettes assiette

Après le lancement de la soucoupe des assiettes à dessert en céramique colorées, nous avons reçu de bons commentaires et nos clients ont estimé que ce type de produit pouvait répondre à leurs propres besoins. De plus, il est conçu en fonction des exigences du client.
YUMIPLUS - Plateau de Service en Porcelaine Blanche Plateau Grès Condiment Apéritif Set Céramique Divisé Plats de Service Plat

Sous la direction d'ingénieurs seniors et de techniciens de haut niveau, nos employés R&D ont travaillé dur pour améliorer les technologies, rendant ainsi le processus de fabrication plus efficace. Dans le(s) domaine(s) de Plateau de service en porcelaine blanche Plateau à condiments en grès Ensemble d'apéritifs en céramique Plats de service divisés, le produit est hautement reconnu.
YUMIPLUS - Assiette creuse en porcelaine Bols à pâtes blanches Assiettes à salade larges en céramique Assiettes à pâtes avec assiette design

Poussés par des besoins plus différents et uniques des clients, nous avons réussi à innover et à mettre à niveau nos technologies actuellement utilisées. Sa grande flexibilité et sa polyvalence l'ont rendu populaire dans le(s) domaine(s) de la plaque.
YUMIPLUS - Incrustation d'or perle dîner restaurant plats et assiettes vaisselle chargeur assiettes chargeurs de mariage pour assiettes plates

Entrez en contact avec certains des meilleurs plats et assiettes de restaurant de dîner en perles d'or incrustés de vaisselle chargeurs de mariage pour les revendeurs d'assiettes à dîner dans le monde entier aujourd'hui. Maintenant, vous pouvez facilement bénéficier de bonnes affaires lors de l'achat de plats et assiettes de YUMIPLUS. Nous avons créé des moyens simples pour que les gens du monde entier se rapprochent. Obtenez la meilleure qualité du produit dans les limites de votre budget.
YUMIPLUS - 5 pièces combinaison personnalisée en porcelaine blanche en gros écrou ensemble de plats en céramique ensemble de plats de service plat

Pour obtenir les performances stables du YUMIPLUS, des matières premières fiables de haute qualité sont utilisées. 5 pièces combinaison personnalisée porcelaine blanche en gros écrou ensemble de plats en céramique ensemble de plats de service a toutes les performances supérieures de ces matières premières telles que la durabilité et la stabilité. En résumé, Drinkware, Bakeware, Vaisselle, ustensiles de cuisine a les excellentes caractéristiques. Une fois appliqué dans les industries, son grand rôle sera pleinement joué.
YUMIPLUS - Usine personnalisée 13 pouces blanc noir long rectangulaire restaurant mariage sushi dessert plats en céramique apéritif dîner assiettes plat

Tout, y compris la technologie dans le monde, continue de progresser. Depuis sa création, nous avons constamment mis à niveau les technologies et développé de nouvelles méthodes pour découvrir plus d'avantages de l'usine personnalisée 13 pouces blanc noir long rectangulaire restaurant mariage sushi dessert plats en céramique apéritif dîner assiettes. Il a un ou plusieurs champs d'application évolutifs tels que Plats et assiettes.
YUMIPLUS - Usine en gros assiette en céramique blanche 4 compartiments diviser quadrate plateau de service plateau pour apéritif assiette à dessert

L'adoption de la dernière technologie améliore la qualité du produit. Et l'utilisation généralisée dans les plats et assiettes de l'usine en gros assiette en céramique blanche 4 compartiments diviser le plateau de service carré pour l'apéritif dessert l'aide à gagner beaucoup d'attention sur le marché. conçu pour répondre aux différentes préférences de la demande.

Plan du site

Céramique Cie., Ltd de Jieyang Yangyang
Nous nous sommes spécialisés dans la production de céramiques domestiques personnalisées.
LIENS RAPIDES

Des produits
Ustensiles de cuisine en céramique
Verres en céramique
Ustensiles de cuisson en céramique

Service personnalisé
À propos de nous
Cas
Nouvelles
Nous contacter
NOUS CONTACTER

CONTACTEZ: Saphir HE
〠PORTABLE : 86-18998730909
☏TÉL. : 0768-2982585
✉E-MAIL: yangyang1@sunnyjytc.com.cn
✔AJOUTER：Middle Section West, No. 3 Road, Ceramic Science Park,  Ville de Yujiao, comté de Jiedong, ville de Jieyang, province du Guangdong, Chine
Commercialisation nationale

Langue Plan du site

Copyright © 2024 Jieyang Yangyang Ceramic Co., Ltd. - www.yumiplus.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:'3',color:'#007eff'}; $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);}) Chat
Now

linkedin
whatsapp
whatsapp
facebook
twitter
share

Envoyez votre demande

Nom E-mail Erreur de format Téléphoner/WhatsApp/Skype Nom de l'entreprise Teneur

Attachement:

fun_scr_arr.push({name:'link',url:"/products_detail/ail_detail.css?v=1663233647",rel:"stylesheet",id:"styles_ail_detail"}) $(function () { var generate_id = "v620a34694dad7", box = $('#'+generate_id); box.find('.detail_tabbox_item').click(function(){ box.find('.detail_tabbox_item').removeClass('active font-color'); $(this).addClass('active font-color'); box.find('.cons_box').hide(); box.find('[con_ids="'+$(this).attr("data-id")+'"]').show(); }) box.find('.content_detail_edit img').not('.icon_play').click(function(){ var img = $(this), src = img.attr('data-src'), parent = img.parent(); if (!src) { src = img.attr('src'); } if (!src || parent[0].tagName === 'A') { 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); }) } const initPagination_description_2_v620a34694dad7 = () => { const tabDom = $('#v620a34694dad7 .description_tab_box ') const count = tabDom?.find('li')?.length || 0 const paginationDom = tabDom.prev() if(count > 4){ // 左箭头事件 const offset = () => Math.round(tabDom.position().left / -280) || 0 paginationDom.find('.left-arrow').on('click', function () { if($(this).attr('loading') === 'true') return; $(this).attr('loading','true') const maxOffset = count - 4 if(offset() === maxOffset) { $(this).attr('loading','false') return } paginationDom.find('.right-arrow').css({cursor: 'pointer',opacity: 1}) tabDom .css({position:'relative',}) .animate({left:`-=280px`}, 'fast', () => { if(offset() === maxOffset) $(this).css({cursor: 'not-allowed',opacity: .3}) $(this).attr('loading','false') }) }) // 右箭头事件 paginationDom.find('.right-arrow').css({cursor: 'not-allowed',opacity: .3}).on('click', function (){ if($(this).attr('loading') === 'true') return; $(this).attr('loading','true') if(offset() === 0) { $(this).attr('loading','false') return } paginationDom.find('.left-arrow').css({cursor: 'pointer',opacity: 1}) tabDom .css({position:'relative',}) .animate({left:`+=280px`},'fast',() => { if (offset() === 0) $(this).css({cursor: 'not-allowed',opacity: .3}) $(this).attr('loading','false') }) }) $(window).resize(()=>{ const { clientWidth } = document.body if (clientWidth > 768) { paginationDom.show() } else { paginationDom.hide() } }) } } initPagination_description_2_v620a34694dad7() fun_scr_arr.push({ name:5, fun:function () { window["fun_v620466a703ce8"](); } }) function fun_v620466a703ce8(){ var generate_id = "v620466a703ce8", 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 = "v620f85fbbbc06", 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") { var strRegex = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/; 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:5, fun:function () { window["fun_v620a34694dad7"](); } }) function fun_v620a34694dad7(){ var generate_id = "v620a34694dad7", box = $('#'+generate_id), w_n = 2.5; mousemove_boxs = box.find(".mousemove_boxs"), inp = box.find('.enquiry_inp'); box.find('.right_navigation_ul .text').click(function(){ var par = $(this).parent(), par_ul = par.find('>.nav_ul'), li = par.siblings('li'), ul = li.find('.nav_ul'); li.not(par).removeClass('active') par.toggleClass('active'); ul.not(par_ul).slideUp(300); par_ul.slideToggle(300); }) 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") { var strRegex = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/; if (!strRegex.test(val)) { bol = true; } } } if (bol) { par.addClass("errors"); } else { par.removeClass("errors"); } }) 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 = "v620a34694dad7", 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'); } }); } box.find('[data-input-select]').inputSelectable(); $(window).on('resize', handleResize); window['teardown' + generate_id] = function () { $(window).off('resize', handleResize); }; handleResize(); }); var generate_id = "v6204664d8163f", 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-BKJYYXV8FC'); window.okkiConfigs = window.okkiConfigs || []; function okkiAdd() { okkiConfigs.push(arguments); }; okkiAdd("analytics", { siteId: "55930-8263", gId: "UA-238219029-31" }); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-BKJYYXV8FC'); .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;}}

Choisissez une autre langue

╳

English

Español

français

Langue courante：français

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=1718958469", 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 && !/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.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: "====1728680549====", 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: "/fr/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('Veuillez remplir ce champ') } else { t.setCustomValidity('Erreur de format') } 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);});