FAQ

<!DOCTYPE html> <html xml:lang="zh-CN" lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="format-detection" content="telephone=no,telephone=no,email=no,adress=no"> <meta name="renderer" content="webkit"> <meta name="force-rendering" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="csrf-token" content="40d62fb78671c32e0755b161f5289a61"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> <title>FAQ</title> <meta name="keywords" content="Solar Module Manufacturer, Solar PV Pannel, Seraphim Solar,"/> <meta name="description" content="Seraphim is a Tier 1 solar module manufacturer, listed by BNEF. We research, develop, produce, and sell solar PV products since 2011."/> <meta property="og:site_name" content="Solar Module Manufacturer | Solar PV Pannel | Seraphim Solar"/> <meta property="og:title" content="FAQ"/> <meta property="og:description" content="Seraphim is a Tier 1 solar module manufacturer, listed by BNEF. We research, develop, produce, and sell solar PV products since 2011."/> <meta property="og:image" content="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png"/> <meta property="og:url" content="https://www.seraphim-energy.com/faq"/> <link rel="shortcut icon" href="/uploads/upload/images/20240712/1008194efa2536cd35f2095f8e392649.ico"> <link type="text/css" rel="stylesheet" href="/static/lib/layui-v2.8/layui/css/layui.css"> <link rel="stylesheet" type="text/css" href="/static/cms/css/extend.css"> <link rel="stylesheet" type="text/css" href="/static/cms/css/style.css"> <script src="/static/cms/js/svg-inject.min.js" type="text/javascript"></script> </head> <body> <style> #c-header .c-nav .zproduct-xiala .zproduct-xiala2 .zright .zrightbox1 .zrightbox3 .zcn4:nth-child(3n){margin-right:.3rem;} @media (max-width:991px){ #c-header .c-gn{margin-left:0;} } .public-banner7 .swiper-wrapper2{ height: 100vh; display: flex; align-items: center; } .public-banner7 .swiper-wrapper2 .swiper-slide2{width: 100%;padding:0;} .product3-box2 .container .line{display:none;} .projectinfolist .box .text .line{display: block;} .about5-box .container .about5boxswiper .swiper-slide .img::before{padding-top:75%;} .about6-box .container .right .rightbox .rightbox2 .cn1 .cn2{ transform: translateX(-.3rem); width: calc(100% + .3rem); } .about1-box{background-color: #f1f2f4;} .about6-box{margin-top:-1px;padding:2.8rem 0 1.2rem;} .yanzhengform{display: flex;} .yanzhenginput .layui-form-checkbox{ height: .3rem;line-height: .3rem;margin-right: .1rem;padding-right: .3rem;padding-left:0;} .yanzhenginput .layui-form-checkbox i{color: #d2d2d2;font-size: .2rem;} .yanzhenginput .layui-form-checkbox i{width:.3rem; line-height: .3rem; border: 1px solid #d2d2d2;height: .28rem;background-color:transparent;} .yanzhenginput .layui-form-checkbox:hover>i{color: #d70000;} .yanzhenginput .layui-form-checked i,.yanzhenginput .layui-form-checked:hover i{color: #d70000;} .index-about .index-about0 .texbox .container .tcn1 span{display:none;} .index-about .index-about0 .texbox .container .tcn2 span{display:none;} .topullia{line-height: 2.5em;} .index-product .container .left .leftbox2 .indexproducta2 .box1{opacity:.3;transition: all .5s;} .index-product .container .left .leftbox2 .indexproducta2 .box1.on{opacity:1;} .project-list1 .projuect-list3 .swiper-slide .img::before{background-color:rgba(0,0,0,.5);z-index:2;} .joinpagebox1{height:200vh;} #c-header .c-logo .c-img-box img{height:auto;} @media(max-width:991px){ .public-banner2 .textcontainer{top:35%;} .public-banner2 .textcontainer .cn1{text-align: center;} .public-banner2 .textcontainer .cn2{text-align: center;} .public-banner2 .textcontainer .cn15{text-align: center;margin:.65rem auto 0; justify-content: center;} .publicindextitle .pcn1 .pcn1a{display: none;} .publicindextitle .pcn1 .pcn1b{font-size:.48rem;} .footer .footer2 .container .left .cn1 a{display: block;} .problem-list .box-list .box0 .box1{padding:.4rem .3rem;} .tech3-box4.product3-box2 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn2{top: 0;transform: initial;} .tech3-box2:before{content:'';position: absolute;left: 0;bottom: 0;width:100%;height:100%;background-color: rgba(0,0,0,.5);z-index:3;} .tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn91{text-align: left;} .tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90{padding:.5rem 5%;} .service-box4 .container .right .cn9 .cn15{margin-top:.8rem;} .about5-box .container .box1 .box1a .cn2{margin:0 .1rem;} } @media(max-width:767px){ .index-about .index-about0 .aboutbox .container{padding:20vh 0 5vh;} } </style> <div id="c-header" class=""> <div class="container"> <em class="bgcolor"></em> <a class="c-logo" href="/" title="logo"> <div class="c-img-box"> <img onload="SVGInject(this)" src="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png" alt="Logo" > </div> </a> <div class="c-right-box"> <ul class="c-nav"> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='javascript:void(0);' >Technology</a> </div> <ul> <li> <a class="topullia font18" href='/innovation' >Innovation R&D</a> </li> <li> <a class="topullia font18" href='/smart-manufacturing' >Smart Manufacturing</a> </li> <li> <a class="topullia font18" href='/quality-control' >Quality Control</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/photovoltaic-modules' >Products</a> </div> <ul class="zproduct-xiala"> <li class="zproduct-xiala2"> <div class="zleft"> <a class="zcn1 on" href='/photovoltaic-modules' > <span><img src="/uploads/upload/images/20240805/4414fa187140d423a901f799d31f41ea.png" alt="Solar Module" loading="lazy"></span> <span class="font18 font-b">Solar Module</span> </a> <a class="zcn1 " href='/solar-cell' > <span><img src="/uploads/upload/images/20240805/0543eaf2f9f849b2528940f290ecc330.png" alt="Solar Cell" loading="lazy"></span> <span class="font18 font-b">Solar Cell</span> </a> </div> <div class="zright"> <div class="zrightbox1 on"> <div class="zrightbox2"> <p class="zcn2 font18 font-b">Solar Module</p> <a class="zcn3" href='/photovoltaic-modules' > Learn More <img src="/static/cms/images/arrow3.svg" alt="" onload="SVGInject(this)"> </a> </div> <div class="zrightbox3"> <a class="zcn4" href='/hydra-series/1' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Hydra Series" loading="lazy"> </p> <p class="text font16">Hydra Series</p> </a> <a class="zcn4" href='/sable-series/6' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Sable Series" loading="lazy"> </p> <p class="text font16">Sable Series</p> </a> <a class="zcn4" href='/nebula-series/4' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Nebula Series" loading="lazy"> </p> <p class="text font16">Nebula Series</p> </a> <a class="zcn4" href='/seco-series/3' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Seco Series" loading="lazy"> </p> <p class="text font16">Seco Series</p> </a> </div> </div> <div class="zrightbox1 "> <div class="zrightbox2"> <p class="zcn2 font18 font-b">Solar Cell</p> <a class="zcn3" href='/solar-cell' > Learn More <img src="/static/cms/images/arrow3.svg" alt="" onload="SVGInject(this)"> </a> </div> <div class="zrightbox3"> <a class="zcn4" href='/solar-cell/5' > <p class="img"> <img src="/uploads/upload/images/20240715/3e62d478e027e760633774de34f5eb4d.png" alt="Monocrystalline Cell" loading="lazy"> </p> <p class="text font16">Monocrystalline Cell</p> </a> </div> </div> </div> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/projects' >Projects</a> </div> <ul> <li> <a class="topullia font18" href='/utility-projects' >Utility</a> </li> <li> <a class="topullia font18" href='/commercial-projects' >Commercial</a> </li> <li> <a class="topullia font18" href='/residential-projects' >Residential</a> </li> <li> <a class="topullia font18" href='/special-applications' >Special</a> </li> </ul> </li> <li class="on"> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/customer-service' >Service</a> </div> <ul> <li> <a class="topullia font18" href='/customer-service' >Customer Support</a> </li> <li> <a class="topullia font18" href='/downloads' >Download</a> </li> <li> <a class="topullia font18" href='/faq' >FAQ</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/about-seraphim' >About Seraphim</a> </div> <ul> <li> <a class="topullia font18" href='/about-seraphim' >About Us</a> </li> <li> <a class="topullia font18" href='/corporate-responsibility' >CSR</a> </li> <li> <a class="topullia font18" href='/news' >Press</a> </li> <li> <a class="topullia font18" href='/contact-us' >Contact Us</a> </li> <li> <a class="topullia font18" href='/join-us' >Join Us</a> </li> </ul> </li> </ul> <ul class="c-nav2"> <li class=""> <div class="c-title-box"> <a href='javascript:void(0);' >Technology</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/innovation' title="Innovation R&D">Innovation R&D</a> </li> <li> <a href='/smart-manufacturing' title="Smart Manufacturing">Smart Manufacturing</a> </li> <li> <a href='/quality-control' title="Quality Control">Quality Control</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/photovoltaic-modules' >Products</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/photovoltaic-modules' title="Solar Module">Solar Module</a> </li> <li> <a href='/solar-cell' title="Solar Cell">Solar Cell</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/projects' >Projects</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/utility-projects' title="Utility">Utility</a> </li> <li> <a href='/commercial-projects' title="Commercial">Commercial</a> </li> <li> <a href='/residential-projects' title="Residential">Residential</a> </li> <li> <a href='/special-applications' title="Special">Special</a> </li> </ul> </li> <li class="on"> <div class="c-title-box"> <a href='/customer-service' >Service</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/customer-service' title="Customer Support">Customer Support</a> </li> <li> <a href='/downloads' title="Download">Download</a> </li> <li> <a href='/faq' title="FAQ">FAQ</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/about-seraphim' >About Seraphim</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/about-seraphim' title="About Us">About Us</a> </li> <li> <a href='/corporate-responsibility' title="CSR">CSR</a> </li> <li> <a href='/news' title="Press">Press</a> </li> <li> <a href='/contact-us' title="Contact Us">Contact Us</a> </li> <li> <a href='/join-us' title="Join Us">Join Us</a> </li> </ul> </li> </ul> <div class="c-gn"> <div class="ztop-language"> <p class="cn1"> <img src="/static/cms/images/lang.svg" alt="" onload="SVGInject(this)"> <span class="font16 font-b">EN</span> </p> </div> <div class="ztop-line"></div> <div class="ztop-search"> <img src="/static/cms/images/search3.svg" alt="" onload="SVGInject(this)"> </div> </div> </div> <div class="c-right-box c-right-box2"> <div class="c-gn"> <div class="ztop-language"> <p class="cn1"><img src="/static/cms/images/lang.svg" alt="" onload="SVGInject(this)"><span class="font16 font-b">EN</span></p> </div> <div class="ztop-line"></div> <div class="ztop-search"> <img src="/static/cms/images/search3.svg" alt="" onload="SVGInject(this)"> </div> </div> <div class="c-switch"> <i></i> <i></i> <i></i> </div> </div> </div> </div> <div class="public-topsearch"> <div class="box1"> <div class="container"> <div class="box2"> <form action="/search" method="get"> <input type="text" name="keyword" placeholder="Search" class="font18 cn1"> <button type="submit"> <img src="/static/cms/images/search4.svg" alt="" onload="SVGInject(this)"> </button> </form> </div> <div class="box3"> <p class="cn2 font16">Hot：</p> <a href="/search?keyword=Hydra Series" class="cn3 font16">Hydra Series</a> <span class="cn4"></span> <a href="/search?keyword=Sable Series" class="cn3 font16">Sable Series</a> <span class="cn4"></span> <a href="/search?keyword=Nebula Series" class="cn3 font16">Nebula Series</a> <span class="cn4"></span> <a href="/search?keyword=Seco Series" class="cn3 font16">Seco Series</a> </div> </div> </div> <div href="javascript:;" class="hi-close"></div> </div> <div class="public-toplanguage"> <div class="box1"> <div class="container"> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.cn/"> <span class="font16 font-b">CN</span> </a> </p> <p class="public-btn"> <a class="public-btn0 on" href="/"> <span class="font16 font-b">EN</span> </a> </p> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.es/"> <span class="font16 font-b">ES</span> </a> </p> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.jp"> <span class="font16 font-b">JP</span> </a> </p> </div> </div> <div href="javascript:;" class="hi-close"></div> </div> <div class="main"> <div class="public-banner"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="img public-img"> <img class="pc-img" src="/uploads/upload/images/20240717/4d09b1ff6924a44022d33974e2973d60.jpg" alt="FAQ" > <img class="mb-img" src="/uploads/upload/images/20240717/4d09b1ff6924a44022d33974e2973d60.jpg" alt="FAQ" > </p> <div class="container textcontainer"> <h2 class="cn1 wow fadeInUp font44 font-b">FAQ</h2> <h3 class="cn2 wow fadeInUp font18">Find answers to your questions</h3> </div> </div> </div> <div class="container containerpublic"> <div class="public-nav"> <a class="font-b font16 pcn1 wow fadeInUp" href='/' > Home Page </a> <span class="pcn2 wow fadeInUp"> <img src="/static/cms/images/arrow.svg" alt="" onload="SVGInject(this)"> </span> <a href="/customer-service" class="font-b font16 pcn1 wow fadeInUp" title="Service">Service</a><span class="pcn2 wow fadeInUp"> <img src="/static/cms/images/arrow.svg" alt="" onload="SVGInject(this)"> </span> <a href="/faq" class="font-b font16 pcn1 wow fadeInUp" title="FAQ">FAQ</a> </div> </div> </div> <div class="problem-list"> <div class="container"> <div class="public-nav1"> <a class="item pcn1 font16 wow fadeInUp on" href='/faq' > All </a> </div> <div id="ajaxBox"> <div class="public-search"> <div class="pleft wow fadeInUp"> <img src="/static/cms/images/search.svg" alt=""> <span class="pcn1 font16 font-b"><em>4</em>total results</span> </div> <div class="pright wow fadeInUp"> <form action=""> <input type="text" name="keyword" value="" placeholder="Please enter a keyword" class="font16"> <button type="submit"> <img src="/static/cms/images/search2.svg" alt=""> </button> </form> </div> </div> <div class="box-list"> <a href="javascript:;" class="item box0 wow fadeInUp"> <div class="box1"> <p class="icon font16 font-b">Q</p> <p class="cn1 font20 font-b ">What is the overall technological trend of photovoltaics at present?</p> <p class="icon2"><span></span><span></span></p> </div> <div class="box3"> <div class="box2"> <p class="icon font16 font-b">A</p> <p class="cn1 font16"> As a photovoltaic module manufacturing company focused on environmental protection and innovation, we closely monitor the development trends of photovoltaic cell technologies. Currently, the main trend in photovoltaic cell technology is the continuous pursuit of improving photoelectric conversion efficiency, reducing production costs, and extending battery life. In this context, we have seen the emergence of two new technologies—TOPCon (Top contact solar cell technology) and HJT (Heterojunction), both aimed at improving the efficiency of photovoltaic cells.<br/><br/>According to theoretical research, the theoretical maximum efficiency of HJT technology is higher than that of TOPCon technology. The theoretical maximum efficiency of HJT technology can reach around 29.2%, higher than the theoretical maximum efficiency of TOPCon technology (approximately 28.7%). However, in terms of market share, due to the relatively high production cost of HJT technology, currently TOPCon technology dominates the market. TOPCon technology is relatively mature in industrial production, with relatively low production costs, and has good stability and performance. Therefore, currently, the photovoltaic cell market is dominated by TOPCon technology, while HJT technology is still in the early stages of development, with a relatively small market share.<br/><br/>In the future, we will continue to monitor the development of photovoltaic technology, iterate and optimize product technology based on technological advantages, and contribute our efforts to the development of clean energy industry technology. </p> <p class="icon2"><span></span><span></span></p> </div> </div> </a> <a href="javascript:;" class="item box0 wow fadeInUp"> <div class="box1"> <p class="icon font16 font-b">Q</p> <p class="cn1 font20 font-b ">What are the main influencing factors of the output characteristics of photovoltaic modules?</p> <p class="icon2"><span></span><span></span></p> </div> <div class="box3"> <div class="box2"> <p class="icon font16 font-b">A</p> <p class="cn1 font16"> Photovoltaic modules, as the core products of our commitment to creating clean energy, play an important role in energy conversion. In their performance, factors such as sunlight intensity, operating temperature, shading effects, degree of pollution, and reflection losses will comprehensively affect the output power of the modules. We focus on producing high-quality, high-efficiency photovoltaic modules to ensure that our products can achieve optimal output power under various environmental conditions. Through continuous optimization of production processes and technological research and development, we strive to ensure that customers obtain photovoltaic products with stable performance, reliability, and durability. We will continue to devote ourselves to promoting the development of clean energy, establishing a more environmentally friendly and sustainable energy system, and creating a clean, sustainable future. </p> <p class="icon2"><span></span><span></span></p> </div> </div> </a> <a href="javascript:;" class="item box0 wow fadeInUp"> <div class="box1"> <p class="icon font16 font-b">Q</p> <p class="cn1 font20 font-b ">What impact does solar energy have on climate change and sustainable development?</p> <p class="icon2"><span></span><span></span></p> </div> <div class="box3"> <div class="box2"> <p class="icon font16 font-b">A</p> <p class="cn1 font16"> Solar energy has a significant impact on climate change and sustainable development. Solar energy is a clean, renewable energy source, the utilization of which can significantly reduce reliance on fossil fuels and thereby decrease emissions of greenhouse gases such as carbon dioxide. By widely applying solar power generation technology, we hope to effectively mitigate the impacts of climate change, reduce global warming rates, and decrease the occurrence of extreme weather events. Solar energy is also a sustainable and abundant energy resource. Utilizing solar power generation not only promotes economic growth but also contributes to social sustainable development. Solar power generation systems have long-term stable operation and revenue cycles, which can enhance the reliability and stability of energy supply, meet the growing energy demand, and inject vitality into economic and social development.<br/><br/>The positive impact of solar energy on climate change and sustainable development is evident. By widely promoting and applying solar power generation technology, we will be able to effectively address the challenges of climate change, promote economic development and social progress, and achieve the common goals of resource rational management and environmental protection. As a company dedicated to the development of the photovoltaic industry, we will continue to strive to contribute to the clean energy revolution and global sustainable development. </p> <p class="icon2"><span></span><span></span></p> </div> </div> </a> <a href="javascript:;" class="item box0 wow fadeInUp"> <div class="box1"> <p class="icon font16 font-b">Q</p> <p class="cn1 font20 font-b ">What are the prospects of global solar power generation?</p> <p class="icon2"><span></span><span></span></p> </div> <div class="box3"> <div class="box2"> <p class="icon font16 font-b">A</p> <p class="cn1 font16"> With the increasing attention to renewable energy and environmental protection issues, solar power generation, as a clean and renewable energy source, is selected by more and more countries and enterprises. With continuous innovation and breakthroughs in solar technology, the efficiency of solar cells continues to improve, and costs continue to decrease, making solar power generation more efficient and economically viable. Many countries worldwide have introduced policies and regulations to support the development of the solar power generation industry, including subsidy policies, tax incentives, and targeted energy policies, promoting the popular deployment and application of solar power generation. Against the backdrop of increasingly severe global environmental problems, solar power generation has broader development prospects and is expected to become one of the main source of energy in the future, playing an important role in global energy transition and environmental protection. Photovoltaic components are the core elements of solar power generation systems, directly affecting the performance, efficiency, and reliability of the system. We provide high-quality and efficient photovoltaic components to help solar power generation systems achieve higher energy conversion efficiency, reduce operational costs, and promote the development of the solar power generation industry. </p> <p class="icon2"><span></span><span></span></p> </div> </div> </a> </div> <div class="public-page wow fadeInUp" id="pageBox"> </div> </div> </div> </div> <div class="public-advertisement"> <div class="img public-img"> <img src="/uploads/upload/images/20240718/6dea1d0c2c50405ce4be85366174204f.jpg" alt="Can't find what you need? Contact us!" loading="lazy"> </div> <div class="container"> <h2 class="cn1 font26 font-b wow fadeInUp">Can't find what you need? Contact us!</h2> <p class="public-btn wow fadeInUp"> <a href="javascript:;" class="public-btn0 contactbutton"> <span class="font16 font-b">Contact</span> </a> </p> </div> </div> </div> <div class="public-windows contactbuttonwindows"> <div class="box"> <p class="close"><img src="/static/cms/images/close.svg" alt=""></p> <div class="left"> <p class="bgimg"> <img src="/static/cms/images/logo3.png" alt=""> </p> <div class="leftbox1"> <p class="cn1"><img src="/static/cms/images/logo2.svg" alt=""></p> <p class="cn2 font24 font-b">A World-Class <br> Solar Module Maker</p> </div> <div class="leftbox2"> <ul class="cn3"> <li class="cn4 font16">Address：No. 10, Tongshun RD, Henglin Town, Wujin District, Changzhou, China</li> <li class="cn4 font16">Tel：+86-519-6878-8166</li> </ul> <p class="cn5"> </p> </div> </div> <div class="right"> <p class="cn7 font24 font-b">Contact Now</p> <p class="cn8 font16">We welcome anyone to contact us. Please describe your issue and our team will get in touch with you within 3 working days. Or you may call us at+86-519-6878-8166 for an immediate consultation. </p> <form action="" class="layui-form" id="popForm"> <div class="cn9"> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[name]"> </p> <p class="cn12"><span>*</span>Name</p> </div> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[phone]"> </p> <p class="cn12"><span>*</span> Phone</p> </div> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[email]"> </p> <p class="cn12"><span>*</span>E-mail </p> </div> <div class="cn10 cn20"> <p class="cn11"> <select name="formField[needs]" lay-filter="demo-select-filter"> <option value="" selected></option> <option value="Inquiries">Inquiries</option> <option value="Pre-sale Questions">Pre-sale Questions</option> <option value="Order Status">Order Status</option> <option value="After-sale Questions">After-sale Questions</option> </select> </p> <p class="cn12"><span>*</span> Consultation Type</p> </div> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[company]"> </p> <p class="cn12">Company</p> </div> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[country]"> </p> <p class="cn12"> Country</p> </div> <div class="cn10 cn13"> <p class="cn11"> <textarea name="formField[problem]" cols="30" rows="10"></textarea> </p> <p class="cn12">Problem Description</p> </div> <div class="cn14 font16 yanzhengform"> <div class="yanzhenginput"> <input type="checkbox" checked name="yanzhenginput2"></div>We collect this information from you only to contact you and help you understand our cooperation plan better. By submitting, you agree to our Privacy Policy.</div> <p class="public-btn cn15"> <input type="hidden" name="id" value="1"> <button type="submit" class="public-btn0 tebiebutton2"> <span class="font16 font-b">Submit</span> </button> </p> </div> </form> </div> </div> </div> <div class="footer"> <div class="footer1"> <div class="container"> <div class="box1"> <a class="logo"> <img src="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png" alt="Logo" loading="lazy"> </a> <a href="javascript:;" onclick="goTop()" class="cn1"><img src="/static/cms/images/top.svg" alt=""></a> </div> <div class="box2"> <div class="left"> <p class="cn2 font18 font-b">Join our newsletter for updates and the latest price list.</p> <form action=""> <input type="text" placeholder="Please enter your e-mail address" class="font16"> <button type="button" class="font16">Submit</button> </form> <div class="cn5"> <a class="cn6" href='https://www.linkedin.com/company/seraphim-solar-system-co-ltd?source=officialwebsite' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20240712/2084448f1a1a3ae80dd80e98c10ce272.svg" alt="LinkedIn" loading="lazy"> </div> </a> <a class="cn6" href='https://www.instagram.com/seraphimsolar/' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241022/da2a3f02b45c359dee96cbc131b8f2d3.svg" alt="Instagram" loading="lazy"> </div> </a> <a class="cn6" href='https://www.facebook.com/SeraphimSolarEnergy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/51a7ed86e1f6156579acd9efa5d35043.svg" alt="Facebook" loading="lazy"> </div> </a> <a class="cn6" href='https://x.com/Seraphim_Energy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/779141aa60bdd14c91b9711b9943f7f4.svg" alt="Twitter" loading="lazy"> </div> </a> <a class="cn6" href='https://www.youtube.com/@SeraphimSolarEnergy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/e75334e6ca5120fb52c64ac5286ff304.svg" alt="YouTube" loading="lazy"> </div> </a> </div> </div> <div class="right"> <ul class="cn8"> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Technology" href='javascript:void(0);' >Technology</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Innovation R&D" href='/innovation' >Innovation R&D</a> </li> <li class="cn12"> <a class="cn13 font16" title="Smart Manufacturing" href='/smart-manufacturing' >Smart Manufacturing</a> </li> <li class="cn12"> <a class="cn13 font16" title="Quality Control" href='/quality-control' >Quality Control</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Products" href='/photovoltaic-modules' >Products</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Solar Module" href='/photovoltaic-modules' >Solar Module</a> </li> <li class="cn12"> <a class="cn13 font16" title="Solar Cell" href='/solar-cell' >Solar Cell</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Projects" href='/projects' >Projects</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Utility" href='/utility-projects' >Utility</a> </li> <li class="cn12"> <a class="cn13 font16" title="Commercial" href='/commercial-projects' >Commercial</a> </li> <li class="cn12"> <a class="cn13 font16" title="Residential" href='/residential-projects' >Residential</a> </li> <li class="cn12"> <a class="cn13 font16" title="Special" href='/special-applications' >Special</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Service" href='/customer-service' >Service</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Customer Support" href='/customer-service' >Customer Support</a> </li> <li class="cn12"> <a class="cn13 font16" title="Download" href='/downloads' >Download</a> </li> <li class="cn12"> <a class="cn13 font16" title="FAQ" href='/faq' >FAQ</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="About Seraphim" href='/about-seraphim' >About Seraphim</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="About Us" href='/about-seraphim' >About Us</a> </li> <li class="cn12"> <a class="cn13 font16" title="CSR" href='/corporate-responsibility' >CSR</a> </li> <li class="cn12"> <a class="cn13 font16" title="Press" href='/news' >Press</a> </li> <li class="cn12"> <a class="cn13 font16" title="Contact Us" href='/contact-us' >Contact Us</a> </li> <li class="cn12"> <a class="cn13 font16" title="Join Us" href='/join-us' >Join Us</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="footer2"> <div class="container"> <div class="left"> <p class="cn1 font16"> Copyright © 2024 Seraphim. All rights reserved. </p> </div> <div class="right"> <a class="font16 cn2" href='/privacy' >Privacy</a> <a class="font16 cn2" href='/disclaimers' >Terms of Use</a> </div> </div> </div> </div> <script type="text/javascript" src="/static/cms/js/extend.js"></script> <script type="text/javascript" src="/static/lib/layui-v2.8/layui/layui.js"></script> <script type="text/javascript" src="/static/cms/js/public.js"></script> <script type="text/javascript" src="/static/cms/js/ie-error.js"></script> <script src="/static/common/js/vietrue.min.js" type="text/javascript"></script> <script src="/static/common/js/vietrue.min.js" type="text/javascript"></script> <script> document.addEventListener('DOMContentLoaded', function() { var publicTopSearch = document.querySelector('.public-topsearch'); publicTopSearch.addEventListener('click', function(event) { var target = event.target; if (target.closest('.box1')) { // console.log(1); } else { $(".public-topsearch").slideUp(); } }); }); document.addEventListener('DOMContentLoaded', function() { var publicTopLanguage = document.querySelector('.public-toplanguage'); publicTopLanguage.addEventListener('click', function(event) { var target = event.target; if (target.closest('.box1')) { // console.log(1); } else { $(".public-toplanguage").slideUp(); } }); }); </script> <link rel="stylesheet" href="/static/admin/css/element-ico.css"> <script> // 设置访客数据 function csmSetAccessData() { var source = document.referrer;//访客来源 var url = location.pathname + location.search;//访问页面URL var device = '';//设备 var userAgent = navigator.userAgent;//设备信息 var share = 0;//分享次数 var time = 0;//访问时长 var startTime = new Date();//开始访问时间 var timer = null;//定时器 var catid = "39";//栏目id var data_id = "";//文章id function formatDate(date) { const year = date.getFullYear(); const month = String(date.getMonth() + 1).replace(/^(\d)$/, '0$1'); const day = String(date.getDate()).replace(/^(\d)$/, '0$1'); const hours = String(date.getHours()).replace(/^(\d)$/, '0$1'); const minutes = String(date.getMinutes()).replace(/^(\d)$/, '0$1'); const seconds = String(date.getSeconds()).replace(/^(\d)$/, '0$1'); const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; return formattedDate; } startTime = formatDate(startTime); // 判断是移动设备还是pc if ( navigator.userAgent.match(/Mobi/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) ) { device = 'Mobile'; } else { device = 'PC'; } // 当前窗口计时 if (typeof document.hidden !== "undefined") { var hidden = "hidden"; var visibilityChange = "visibilitychange"; } else if (typeof document.msHidden !== "undefined") { var hidden = "msHidden"; var visibilityChange = "msvisibilitychange"; } else if (typeof document.webkitHidden !== "undefined") { var hidden = "webkitHidden"; var visibilityChange = "webkitvisibilitychange"; } if (document[hidden]) { // 页面不可见，即在后台或最小化 clearInterval(timer); } else { // 页面可见，即在当前窗口浏览 timer = setInterval(function () { time += 1; }, 1000); } document.addEventListener(visibilityChange, function () { if (document[hidden]) { // 页面不可见，即在后台或最小化 clearInterval(timer); } else { // 页面可见，即在当前窗口浏览 timer = setInterval(function () { time += 1; }, 1000); } }); //点击计算分享次数 document.addEventListener('DOMContentLoaded', function () { var arr = document.querySelectorAll('.cms-share-item'); if (arr.length > 0) { for (var index = 0; index < arr.length; index++) { arr[index].addEventListener('click', function () { share += 1; }); } } }); // 关闭页面提交页面数据 window.onbeforeunload = function (event) { submitData(); } var isFirefox = /Firefox/.test(navigator.userAgent); var bAsync = true; if (isFirefox) { bAsync = false; } function submitData() { const data = { platform: source, viewurl: url, equipment: device, useragent: userAgent, show_times: share, seconds: time, access_time: startTime, catid: catid, data_id: data_id, }; $.ajax({ type: 'post', url: "/data/save", data: data, async: bAsync, success: function (res) { console.log("已提交访客数据") } }); }; } csmSetAccessData(); //设置通知 function csmSetNotice() { // 设置cookie,cname cookie名,cvalue cookie值,exdays 过期天数 function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + expires; } // 获取cookie,cname cookie名 function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } // 触发页面 function fn1(item) { // 所有页面触发 if (item.is_all_view == 1) { fn2(item); } // 指定页面触发 else { var url = window.location.pathname; // URL完全匹配 if (item.urlmate_type == 1 && item.urlmate == url || item.urlmate == url + '/') { fn2(item); } // URL不匹配 if (item.urlmate_type == 2 && (item.urlmate != url || item.urlmate != url + '/')) { fn2(item); } // 包含URL if (item.urlmate_type == 3 && url.includes(item.urlmate)) { fn2(item); } // 不包含URL if (item.urlmate_type == 4 && !url.includes(item.urlmate)) { fn2(item); } // URL开始于 if (item.urlmate_type == 5 && url.startsWith(item.urlmate)) { fn2(item); } // URL不以...开头 if (item.urlmate_type == 6 && !url.startsWith(item.urlmate)) { fn2(item); } } } // 屏幕显示 function fn2(item) { // 小屏幕加大屏幕上显示 if (item.minscreen == 1 && item.maxscreen == 1) { fn3(item); } // 小屏幕上显示 else if (item.minscreen == 1) { fn3(item); } // 大屏幕上显示 else if (item.maxscreen == 1) { fn3(item); } } // 显示频率 function fn3(item) { // 总是 if (item.display_type == 1) { fn4(item); } // 每次访问只显示一次 if (item.display_type == 2 && !getCookie('cmsid' + item.id)) { fn4(item); } // 每个用户只显示一次 if (item.display_type == 3 && !getCookie('cmsid' + item.id)) { fn4(item); } } // 触发方式 function fn4(item) { var num = 0; // 打开页面延迟（秒） if (item.trigger_type == 1) { setTimeout(function () { num++; fn5(item); fn6(item, num); }, Number(item.trigger * 1000)); } // 即将离开页面 if (item.trigger_type == 2) { $(document).mouseleave(function () { num++; fn5(item); fn6(item, num); }); } // 滚动页面到% if (item.trigger_type == 3) { $(window).scroll(function () { if ($(window).scrollTop() / ($(document).height() - $(window).height()) > item.trigger / 100) { num++; fn5(item); fn6(item, num); } }) } } // 设置cookie function fn5(item) { if (item.display_type == 2) { setCookie('cmsid' + item.id, '1'); } if (item.display_type == 3) { setCookie('cmsid' + item.id, '1', 365); } } // 显示通知 function fn6(item, num) { if (num == 1) { $("#cmsid" + item.id).addClass("on"); // 设置访问次数 $.ajax({ type: 'get', url: "/notice/noticeSumAdd", data: { id: item.id, impressions_sum: 1,//访问次数 hover_sum: 0,//移入次数 click_sum: 0,//点击次数 }, success: function (res) { } }); } if (item.trigger_display != -1 && num == 1) { setTimeout(function () { $("#cmsid" + item.id).removeClass("on"); }, item.trigger_display * 1000); } } // 添加样式 $("body").append( `<style> .cms-notice { pointer-events: none; } .cms-notice>.cms-wrap{ pointer-events: auto; transition: all 0.2s linear; transform: scale(0); opacity: 0; } .cms-notice.on>.cms-wrap { transition: transform 0.2s linear; transform: scale(1); opacity: 1; } .cms-select { position: relative; } .cms-select::before{ content: "▼"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #ddd; } </style>` ) // 数据请求 var data = null; $.ajax({ type: 'get', url: "/notice/getNotice", data: {}, success: function (res) { if (res.code == 200) { data = res.data; // 有通知组件 if (data.length > 0) { data.forEach(element => { // 状态开启 if (element.status == 1) { // 按钮圆角 var btnRadius = ''; if (element.button_type == 1) { btnRadius = "20px"; } if (element.button_type == 2) { btnRadius = "10px"; } if (element.button_type == 3) { btnRadius = "0px"; } // 出现位置 var location = ''; if (element.location == 1) { location = "top:5px;left:5px;" } if (element.location == 2) { location = "top:5px;left:50%;transform: translateX(-50%);" } if (element.location == 3) { location = "top:5px;right:5px;" } if (element.location == 4) { location = "top:50%;left:5px;transform: translateY(-50%);" } if (element.location == 5) { location = "top:50%;left:50%;transform: translate(-50%,-50%);" } if (element.location == 6) { location = "top:50%;right:5px;transform: translateY(-50%);" } if (element.location == 7) { location = "bottom:5px;left:5px;" } if (element.location == 8) { location = "bottom:5px;left:50%;transform: translateX(-50%);" } if (element.location == 9) { location = "bottom:5px;right:5px;" } // 设置用户操作数据 function setNoticeData(impressions, hover_sum, click_sum) { $.ajax({ type: 'get', url: "/notice/noticeSumAdd", data: { id: element.id, impressions_sum: impressions,//访问次数 hover_sum: hover_sum,//移入次数 click_sum: click_sum,//点击次数 }, success: function (res) { } }); } // 展示型A if (element.notice_type == 1) { var img = ''; if (element.background_image.length > 0) { img = `<img style="position: absolute;top: 0;left: 0;z-index: 1; width: 100%;height: 100%;object-fit: cover;" src="${element.background_image[0].path}">`; } var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> ${img} <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> <div style="min-height: 160px;margin-bottom: 15px;position: relative;z-index: 5;"> <p style="color:${element.title_color};font-size:18px;line-height:28px;margin-right:40px">${element.title}</p> <p style="color:${element.sontitle_color};font-size:14px;margin-top:5px">${element.sontitle}</p> </div> <div style="position: relative;z-index: 5;"> <a href="${element.button_url}" target="_blank" style="border-radius:${btnRadius};color:${element.button_text_color};background-color:${element.button_color};display: inline-block;text-align: center;padding: 0 15px;line-height: 40px">${element.button_text}</a> </div> </div> </div> `; $("body").append(html); fn1(element); } // // 展示型B if (element.notice_type == 2) { var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> <a target="_blank" href="${element.url}" style="color:${element.title_color};font-size:18px;line-height:28px;margin-right:40px;display:inline-flex;align-items:flex-start;"><i class="${element.icon}" style="font-size:28px;margin-right:10px;color:${element.icon_color};flex-shrink:0"></i><span>${element.title}</span></a> <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // // 展示型c if (element.notice_type == 3) { var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> ${element.url ? '<a target="_blank" href="' + element.url : '<div'} style="display:flex;align-items:center;"> <div style="width: 100%;"> <p style="display: flex;align-items: flex-start;line-height: 24px;font-size: 14px;"> <i class="${element.icon}" style="font-size:24px;margin-right:10px;color:${element.icon_color};flex-shrink:0;"></i><span>${element.sontitle}</span> </p> <p style="font-size:18px;color:${element.title_color};margin-top:10px;">${element.title}</p> </div> ${element.image.length > 0 ? '<img src="' + element.image[0].path + '" style="width:40%;margin-left: 20px;flex-shrink: 0;">' : ''} ${element.url ? '</a>' : '</div>'} <i class="el-icon-close" style="position: absolute;top: 2px;right: 2px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // // 表单型A if (element.notice_type == 4) { var form = ''; element.form.forEach((element2, element2index) => { var str = ''; var options = []; if (element2.type == "radio" || element2.type == "checkbox" || element2.type == "select") { let arr = element2.content.split("\n").map(item => { const [value, name] = item.split(":"); return {value, name}; }); arr.sort((a, b) => a.value - b.value); options = arr; } if (element2.type == 'input') { form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <input type="text" name="${element2.name}" placeholder="请输入${element2.title}" style="line-height: 40px;border: 1px solid #ddd;padding: 0 10px;width:100%"> </div> `; } if (element2.type == 'text') { form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <textarea name="${element2.name}" placeholder="请输入${element2.title}" rows="1" style="line-height: 1.5;border: 1px solid #ddd;padding: 10px;width:100%"></textarea> </div> `; } if (element2.type == 'radio') { options.forEach(element3 => { str += `<label style="margin-right: 10px;"><input class="cms-radio" type="radio" name="${element2.name}" value="${element3.name}" ${element2.default_value == element3.name ? 'checked' : ''} style="background-color:transparent;border-color:#dddddd;margin-right: 5px;width: 14px;height: 14px;border-width: 1px;border-style:solid;vertical-align: middle;cursor: pointer;">${element3.name}</label>` }); form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> ${str} </div> `; } if (element2.type == 'checkbox') { options.forEach((element3, index) => { str += `<label style="margin-right: 10px;"><input class="cms-checkbox" type="checkbox" name="${element2.name}" value="${element3.name}" ${element2.default_value == element3.name ? 'checked' : ''} style="background-color:transparent;border-color:#dddddd;margin-right: 5px;width: 14px;height: 14px;border-width: 1px;border-style:solid;vertical-align: middle;cursor: pointer;">${element3.name}</label>` }); form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> ${str} </div> `; } if (element2.type == 'select') { options.forEach(element3 => { str += ` <option value="${element3.name}" ${element2.default_value == element3.name ? 'selected' : ''}>${element3.name}</option> ` }); form += ` <div style="margin-bottom: 10px;"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <div class="cms-select"> <select name="${element2.name}" style="line-height: 40px;border: 1px solid #ddd;padding: 0 34px 0 10px;width:100%"> ${str} </select> </div> </div> `; } }); var html = ` <style> #cmsid${element.id} .cms-radio:checked,#cmsid${element.id} .cms-checkbox:checked { background-color:${element.button_color} !important; border-color:${element.button_color} !important; } </style> <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;overflow:hidden;font-size:14px;"> <p style="font-size:18px;padding:15px;color:${element.title_color};background:${element.title_background_color};">${element.title}</p> <form id="cmsid${element.id}form" style="padding:15px;" style="font-size: 14px;line-height: 20px;"> <div style="max-height:320px;overflow:auto;margin-bottom:10px"> ${form} </div> <div style="text-align: center;"> <div class="cms-submit" style="border-radius:${btnRadius};color:${element.button_text_color};background-color:${element.button_color};display: inline-block;text-align:center;padding: 0 15px;line-height: 40px;cursor: pointer;">${element.button_text}</div> </div> </form> <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // 关闭通知 $(document).on("click", "#cmsid" + element.id + " .el-icon-close", function (event) { event.stopPropagation(); $("#cmsid" + element.id).removeClass("on"); }); // 设置悬停数量 $(document).on("mouseenter", "#cmsid" + element.id + " .cms-wrap", function (event) { setNoticeData(0, 1, 0); }); // 设置点击数量 $(document).on("click", "#cmsid" + element.id + " .cms-wrap", function (event) { setNoticeData(0, 0, 1); }); // 提交表单 $(document).on("click", "#cmsid" + element.id + " .cms-submit", function (event) { var formObj = document.getElementById('cmsid' + element.id + 'form'); var formField = new FormData(formObj); var formDataObject = {}; formField.forEach(function (value, key) { formDataObject[key] = value; }); element.form.forEach(element2 => { if (element2.type == 'checkbox') { let checkboxData = ''; $('#cmsid' + element.id + 'form input[name="' + element2.name + '"]').each(function () { if ($(this).is(':checked')) { checkboxData += $(this).val() + ','; } }); formDataObject[element2.name] = checkboxData.slice(0, -1); } }) $.ajax({ type: 'post', url: "/notice/noticeSubmitForm", headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, data: { id: element.id, formField: formDataObject, }, success: function (res) { $('meta[name="csrf-token"]').attr('content', res.data._token_); if (res.code == 200) { $("body").append('<p id="cms-pop" style="position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%,-50%);background: #fff;font-size: 14px;padding: 15px 20px;color: #1bd629;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);min-width: 150px;text-align: center;">' + res.msg + '</p>'); } else { $("body").append('<p id="cms-pop" style="position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%,-50%);background: #fff;font-size: 14px;padding: 15px 20px;color: #ff0000;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);min-width: 150px;text-align: center;">' + res.msg + '</p>'); } setTimeout(function () { $("#cms-pop").remove(); }, 1000); } }); }); } }); } } } }); } $.ajax({ type: 'get', url: "/web/checkAddonsInstall", data: { name: 'generalNotice' }, success: function (res) { if (res.code == 200) { if (res.data.addons > 0) { // 已安装通知组件执行方法 csmSetNotice(); } } } }); </script> <script> $(".tebiebutton2").click(function(){ if ($('input[name="yanzhenginput2"]:checked').length <= 0) { layer.msg("Please check the Privacy policy"); return false; } }) Jie.ajaxSendEventForm("/form/submitForm.html", '#popForm').verify(function (data) { return true; }); </script> <script> $(document).on('click', '.problem-list .box-list .box0', function () { if ($(this).hasClass("on")) { $(this).find(".box3").stop().slideUp() $(this).removeClass("on") $(this).prev().removeClass("on2") } else { $(this).find(".box3").stop().slideDown() $(this).siblings().find(".box3").stop().slideUp() $(this).addClass("on").siblings().removeClass("on") $(".problem-list .box-list .box0").removeClass("on2") $(this).prev().addClass("on2") } }); $(document).on('mouseenter', '.problem-list .box-list .box0', function () { $(this).find(".box1").css("border-color", "transparent") $(this).prev().find(".box1").css("border-bottom-color", "transparent") }); $(document).on('mouseleave', '.problem-list .box-list .box0', function () { $(this).find(".box1").css("border-color", "#e5e5e5") $(this).prev().find(".box1").css("border-bottom-color", "#e5e5e5") }); Jie.ajaxScreenEvent().page(9).childItem('.box-list .item').screen(function (thisData, request) { let url = ''; $('#ajaxBox').on('submit', 'form', function () { thisData.keyword = $(this).find('input[name="keyword"]').val(); thisData.page = 1; request(); return false; }); $('.public-nav1').on('click', '.item', function () { url = $(this).attr('href'); if (url) { thisData.page = 1; $(this).addClass('on').siblings().removeClass('on'); request(url); Jie.setPathUrl(url); } return false; }); }).done(function () { Jie.scrollPosition('#ajaxBox'); }); </script> <script type="text/javascript" charset="utf-8"> Jie.requestPost('/site/flow', '', function () { return true; }); </script> </body> </html>

CINXE.COM

FAQ