CMT-100 串口扩展?？?/title> <meta name="keywords" content=""/> <meta name="description" content=""/> <meta name="shareimg" content=""/> <meta name="sharetitle" content=""/> <meta name="sharedesc" content=""/> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui"> <meta name="applicable-device" content="pc,mobile"> <script> var viewWidth = window.screen.width; if (viewWidth < 768) { //document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">'); } else { document.write('<style>@media screen and (min-width: 768px) and (max-width: 1199px) {html {zoom: 0.8;}}</style>'); } </script> <meta name="format-detection" content="telephone=no"/> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/animate.css"/> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/swiper.animate/animate.min.css"/> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/ModuleStyleMobile.css?v=20171012"/> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/ModuleMobileNavTpl.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/share/fontawesome/css/font-awesome.min.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/iconfont/iconfont.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/slick/slick-theme.css" /> <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/slick/slick.css" />  <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/skinp/R075/skinsrc/styles/style.css"/>    <link rel="stylesheet" type="text/css" href="http://static.styles-sys.com/scripts/Swiper-3.4.0/css/swiper.min.css"/> <script type="text/javascript" src="http://static.styles-sys.com/scripts/Swiper-3.4.0/js/swiper.min.js"></script>  <link href='//static.styles-sys.com/PageCss.css.php?id=84016_549790_1_&pagecacheid=&siteid=84016&yztest=&md5=3e8cfef001a78ca4698e11fff9d29164&file=L2NhY2hlcy9jc3NjYWNoZS84Lzg0MDE2Lzg0MDE2XzU0OTc5MF8xXy5jYWNoZQ==' type='text/css' rel='stylesheet'/> <script> var SiteType = "1"; var CanDesign = "False"; var CanEditFront = 'False'; var SkinType = "3" || "2";var GridWidth = "1200px";var PageType="4";var DesignType=""; var IsWeiXin = navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'; window.ScriptCdn = "http://static.styles-sys.com"; </script> <script src="http://static.styles-sys.com/PageJs.js?act=MobileJs&v=20200916"></script> <script> loadStyleSheet('/share/jquery-ui-css/ui-lightness/jquery-ui-1.10.2.custom.min.css',CanDesign != 'True'); //非编辑模式下延时加载 </script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body id="page_549790" class="module_bg_color"> <div style="position:fixed;left:-9000px;top:-9000px;"></div>   <div id='userbar'></div>  <div id="pagebody" class="siteStyle pageStyle container-fluid pagebody_nav pagebody_nav_1 "> <div id="BodyMainZoneContainer" class="BodyMainZoneContainer"> <div id='HeaderZone' ismodulecontainer='true' class='HeaderContainer HeaderZoneContainer ZoneContainer HeaderZone ModuleContainer clearfix '><div class="ModuleItem StaticModule mhidden-xs" wo="347" id="module_176462507" > <div class="ModuleGridCustomGiant layout-101 layout-color- module_176462507 clearfix">  <div class='BodyCenter BodyCenter176462507 clearfix'><div class='ModuleGridContainer ModuleGridContainer176462507' gridswidthmode='2'><div class='row ModuleGridCustomContainer ModuleSubContainer grid-col-1'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub176462507_1' class='ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="100" id="module_176462509" > <div class="ModuleImageGiant layout-101 layout-color- module_176462509 clearfix">  <div class='BodyCenter BodyCenter176462509 clearfix'> <img class="image-animation" src="http://cdn.img-sys.com/comdata/84016/202002/2020022910425176e55e.png" url="/comdata/84016/202002/2020022910425176e55e.png" alt="图片展示" /> </div> </div> </div> </div><div class='SubPadding SubPadding1'></div><div id='Sub176462507_2' class='ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="100" id="module_176462528" > <div class="ModulePlainTextGiant layout-101 layout-color- module_176462528 clearfix">  <div class='BodyCenter BodyCenter176462528 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p><span style="font-size:20px;">佛山市创思特音响有限公司</span></p> </div> </div> <script> changeFontSize($('#module_176462528')); </script></div> </div> </div> </div><div class='SubPadding SubPadding2'></div><div id='Sub176462507_5' class='ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="100" id="module_176462989" > <div class="ModuleSearchGiant layout-103 layout-color-black module_176462989 clearfix">  <div class='BodyCenter BodyCenter176462989 clearfix'><link rel="stylesheet" type="text/css" > <form id="search_176462989" action="/Product/0" method="post"> <div class="ModuleSearchForm ModuleSearchFormStyle"> <div class="content search-item"> <div class="searchInputPanel"> <input type="text" name="Keyword" placeholder='请输入关键字' class="ModuleSearchInput"/> </div> <div class="searchTypePanel"> <select class=""> <option value = '1'> 产品 </option> <option value = '2'> 文章 </option> <option value = '3'> 下载 </option> </select> </div> <div class="searchBtnPanel"> <button class="btn btn-default ModuleSearchButton" type="submit"> <span class="searchIcon"><i class="iconfont icon-sousuo1"></i></span>  </button> </div> </div> <link rel="stylesheet" type="text/css"/> <div class="module-search-mobile" id="searchMobile_176462989"> <div class="search-mobile-header"> <div class="search-mobile-back"><i class="iconfont icon-xiangzuojiantou"></i></div> <div class="search-mobile-input"> <div class="search-type-panel"> <select class="search-type-list"> <option value = '1'> 产品 </option> <option value = '2'> 文章 </option> <option value = '3'> 下载 </option> </select> </div> <input type="text" placeholder="请输入关键字" name="mobileKeyword" /> </div> <div class="search-mobile-button"> <span class="search-mobile-submit">搜索</span> </div> </div> <div class="search-mobile-hotkey"> </div> </div> </div> <input type="hidden" name="view" value="" /> <input type="hidden" name="visitType" value="search" /> </form> <script> addScript('/skinp/modules/ModuleSearchGiant/searchGiant.js',function(){ searchGiantInit('176462989','103',{ 'NVAProductList':'/Product', 'NVANewsList':'/NewsList', 'NVADownList':'/DownList' }); }); </script></div> </div> </div> </div><div class='SubPadding SubPadding3'></div><div id='Sub176462507_6' class='ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="100" id="module_176463334" > <div class="ModuleLangSwitchGiant layout-102 layout-color- module_176463334 clearfix">  <div class='BodyCenter BodyCenter176463334 clearfix'><ul class="lang-list"> <li><span class="lang-text current" >中文</span></li> <li><a class="lang-text" href="/big5/">繁体</a></li> <li><a class="lang-text" href="/en/">English</a></li> </ul> </div> </div> </div> </div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridCustomGiant/modulegridcustom.js', function () { initGridCustomGiant("176462507", { isFloat: "0", floattype: "", floattop: "", floatbgtype: "", floatbgcolor: "", floatheight:"", floatheighttype:"", floatpagetype:"" }); }); </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="347" id="module_183095035" > <div class="ModuleNavGiant layout-108 layout-color-cyan module_183095035 clearfix">  <div class='BodyCenter BodyCenter183095035 clearfix'><div class='main-nav-content pre_nav clearfix' AlwaysShow="0" SubAlign='left'> <div class="aroundMune"> <div class="moveMenuLeft iconfont icon-xiangzuojiantou" ></div> <div class="moveMenuRight iconfont icon-xiangyoujiantou"></div> </div> <div class="blank-solve"> <div class='main-nav-item-group ' id="Menu_729501_183095035" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>首页</a>  <div id="SubMenu_729501_183095035" class='sub-nav-item-group navLayout108'> </div> </div> <div class='main-nav-item-group ' id="Menu_631593_183095035" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/549779.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>关于我们</a>  <div id="SubMenu_631593_183095035" class='sub-nav-item-group navLayout108'> <a href="/Content/1552933.html" target="_self" class='sub-nav-item OneRow'>高新技术产品专利证书</a> <a href="/Content/1556441.html" target="_self" class='sub-nav-item OneRow'>企业管理体系证书</a> <a href="/Content/1556440.html" target="_self" class='sub-nav-item OneRow'>企业资质及获奖证书</a> <a href="/Content/1556442.html" target="_self" class='sub-nav-item OneRow'>软件著作权证书</a> </div> </div> <div class='main-nav-item-group ' id="Menu_630675_183095035" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Product/297187.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'> 产品中心</a>  <div id="SubMenu_630675_183095035" class='sub-nav-item-group navLayout108'> <a href="/Content/1556284.html" target="_self" class='sub-nav-item OneRow'>专业音响</a> <a href="/Content/1556285.html" target="_self" class='sub-nav-item OneRow'>公共广播系统</a> <a href="/Content/1556286.html" target="_self" class='sub-nav-item OneRow'>音视频系统集成</a> <a href="/Content/1556288.html" target="_self" class='sub-nav-item OneRow'>智能系统电源</a> </div> </div> <div class='main-nav-item-group ' id="Menu_729502_183095035" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/1552929.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>工程案例</a>  <div id="SubMenu_729502_183095035" class='sub-nav-item-group navLayout108'> </div> </div> <div class='main-nav-item-group ' id="Menu_729503_183095035" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/1552928.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>技术支持</a>  <div id="SubMenu_729503_183095035" class='sub-nav-item-group navLayout108'> </div> </div> <div class='main-nav-item-group ' id="Menu_631520_183095035" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/549648.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>新闻资讯</a>  <div id="SubMenu_631520_183095035" class='sub-nav-item-group navLayout108'> </div> </div> <div class='main-nav-item-group ' id="Menu_729504_183095035" onmouseover="showSubMenu(this)" onmouseout="hideSubMenu(this, event)"> <a href="/Content/1552931.html" target="_self" style="cursor:pointer" class='main-nav-item fontm OneRow'>联系我们</a>  <div id="SubMenu_729504_183095035" class='sub-nav-item-group navLayout108'> </div> </div> </div> </div> <script> addScript('/skinp/modules/ModuleNavGiant/menu.js',function(){ initModuleNavGiant("183095035","108",""); }); </script></div> </div> </div> <div class="ModuleItem StaticModule mhidden-lg mhidden-md mhidden-sm" wo="347" id="module_183104382" > <div class="ModuleGridCustomGiant layout-101 layout-color- module_183104382 clearfix">  <div class='BodyCenter BodyCenter183104382 clearfix'><div class='ModuleGridContainer ModuleGridContainer183104382' gridswidthmode='2'><div class='row ModuleGridCustomContainer ModuleSubContainer grid-col-2'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub183104382_1' class='ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="171" id="module_183104408" > <div class="ModuleImageGiant layout-101 layout-color- module_183104408 clearfix">  <div class='BodyCenter BodyCenter183104408 clearfix'> <img class="image-animation" src="http://cdn.img-sys.com/comdata/84016/202002/2020022910425176e55e.png" url="/comdata/84016/202002/2020022910425176e55e.png" alt="图片展示" /> </div> </div> </div> </div><div class='SubPadding SubPadding1'></div><div id='Sub183104382_2' class='ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="171" id="module_183104390" > <div class="ModuleLangSwitchGiant layout-103 layout-color- module_183104390 clearfix">  <div class='BodyCenter BodyCenter183104390 clearfix'><ul class="lang-list"> <li><span class="lang-text current" >中文</span><span class="separatorTag">/</span></li> <li><a class="lang-text" href="/en/">English</a><span class="separatorTag">/</span></li> <li><a class="lang-text" href="/big5/">繁体</a><span class="separatorTag">/</span></li> </ul> </div> </div> </div> </div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridCustomGiant/modulegridcustom.js', function () { initGridCustomGiant("183104382", { isFloat: "0", floattype: "", floattop: "", floatbgtype: "", floatbgcolor: "", floatheight:"", floatheighttype:"", floatpagetype:"" }); }); </script></div> </div> </div> <div class="ModuleItem StaticModule mhidden-lg mhidden-md mhidden-sm" wo="347" id="module_176471107" > <div class="ModulePlainTextGiant layout-101 layout-color- module_176471107 clearfix">  <div class='BodyCenter BodyCenter176471107 clearfix'><div class="plainTextGiant-Container imageTextContainer clearfix" hasresponsive="1" hidewidth="760" > <div class="ModulePlainTextGiantContent ModuleImageTextContent"> <p style="text-align: center;"><span style="font-size:16px;">佛山市创思特音响有限公司</span></p> </div> </div> <script> changeFontSize($('#module_176471107')); </script></div> </div> </div> </div> <div id='BodyMain1Zone' ismodulecontainer='true' class='BodyContainer BodyZoneContainer ZoneContainer ModuleContainer BodyMain1Zone clearfix '> <div class="ModuleItem StaticModule mhidden-xs" wo="1524" id="module_183093504" > <div class="ModuleProductDetailGiant layout-105 layout-color-brown module_183093504 clearfix">  <div class='BodyCenter BodyCenter183093504 clearfix'><style type="text/css"> #MobileNavRenderElem, .ModuleProductDetail .ModuleHead, #UserBar { display: none !important; } </style> <script type="text/javascript" src="http://static.styles-sys.com/skinp/common/mobile/js/html2canvas.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/scripts/jQPlugins/qrcode/qrcode.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/scripts/jQPlugins/qrcode/jquery.qrcode.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/share/clipboard/clipboard.min.js"></script> <link rel="stylesheet" type="text/css" href='//static.styles-sys.com/scripts/videojs/css/video-js.css' /> <script type="text/javascript"> $(function () { // 给微信分享用的 if ($('.preview-item').find('img').length > 0) { $($('.inSwiper-slide').find('img')[0]).clone().prependTo('body').css('display', 'none'); } else { $("<img src='//cdn.img-sys.com/comdata/84016/product/20200406170523A9CCB3C535B8E520_s.jpg' alt='CMT-100 串口扩展?？? style='display:none;' />").prependTo('body'); } }); </script> <form name="ShopForm" method="post" action="/index.php?c=front/Productorder"> <input type="hidden" name="ProductID" value="3754501" /> <input type="hidden" name="skuid" /> <input type="hidden" name="Action" value="Add" /> <div class="ModuleProduteDetailMain"> <div class="modulePro-top-nav"> <a class="mobile-back" href="javascript:;" style="background-color: rgba(0, 0, 0, .56); width: 32pt; height: 32pt; border-radius: 50%; display: flex; justify-content: center; align-items: center;"> <i class="iconfont icon-fanhui1" style="color: #fff; font-size: 18px; position: relative; top: 2px; position: relative; top: 2px;"></i> </a> <ul class="nav-list-top clear_floatx"> <li class="active mobile-pro">产品</li> <li class="mobile-details">详情</li> </ul> <a class="examine-car" href="/index.php?m=Home&c=front/Shop/Rewrite&a=shopCart"> <i class="iconfont icon-gouwuche" style="color: #fff; font-size: 20px"></i> </a> </div> <div class="clear_floatx inModuleProduteDetailTop"> <div class="swiperBox"> <div class=""> <div class="pro-big-pic-wb"> <div id="pro-bigPic" class="swiper-container gallery-top" rel=""> <div class="ProVideoDiv" style="display:none"> <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" style='width:100%;height:100%' x5-playsinline="" playsinline="" webkit-playsinline="" data-setup="{}"> <source src="" type='video/mp4' /> <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"> </track> <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"> </track> </video> <i class='iconfont icon-guanbi' style='display:none;position:absolute;right:7%;top:7%;font-size:18px;color:white'></i> </div> <div class="swiper-wrapper detail-dialog-control183093504"> <div class="swiper-slide" rel="/comdata/84016/product/20200406170523A9CCB3C535B8E520_b.jpg"> <div class="inSwiper-slide"> <div class="dummy"></div> <img class="inSlide-size mobile-inSlide-size" src="http://cdn.img-sys.com/comdata/84016/product/20200406170523A9CCB3C535B8E520_b.jpg" alt="CMT-100 串口扩展?？?> <img class="inSlide-size pc-inSlide-size" src="http://cdn.img-sys.com/skinp/modules/ModuleProductDetailGiant/images/touming.png" alt=""> </div> </div> </div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div> <span class="iconfont iconfontFx icon-xiangyoujiantou swiper-button-next"></span> <span class="iconfont iconfontFx icon-xiangzuojiantou swiper-button-prev"></span>  </div> </div> </div> </div> <div class="introduce"> <div class="introduceTop"> <div class="pro-row pd-b4 mobilepd"> <h1 class="pro-name" title="CMT-100 串口扩展?？?>CMT-100 串口扩展?？?/h1> </div> <div class="introduceTop-fenxian">  <div class="price-box"> <p class="pro-row pd-b28 old-price-mobile old-price mobile-pd12 pro-price-box-mobile"> <span class="pro-price color-system" style="display: flex; justify-content: space-between"> </span> </p> <div class="sale-region"> <div class="features" style="margin-left:0;" >       </div> </div>   <p class="pro-row mobile-row clear_floatx mobile-pd12 mobile-A-SV-F"> </p>  </div> </div> <div class="mobile-specification-dialog mobile-dialog-container mobile-dialog-wb"> <div class="mobile-dialog-content dialog-mobile-content"> <div class="inmobile-dialog-content"> <div class="mobile-dialog-content-top"> <div class="mobile-dialog-priceAndRepertory"> <div class="mobile-pro-pic-dialog ImgCenterboxwb"> <img class="mobile-pro-big-pic ImgCenter" src="http://cdn.img-sys.com/comdata/84016/product/20200406170523A9CCB3C535B8E520_s.jpg" alt="CMT-100 串口扩展?？?> </div> <div class="close-dialog close-dialog-mobile" isspecification="specification"> <img src="http://cdn.img-sys.com/skinp/modules/ModuleProductDetailGiant/images/close.png" alt=""> </div> <div class="mobilePriceAndRepertory"> <p class="mobile-Repertory"> 库存<span>0</span>件 </p> <input type="hidden" id="ProductQuantity" value="0" /> <p class="mobile-Repertory2"> 选择规格数量 </p> </div> </div> </div> <div class="mobile-dialog-bottom"> <div class="introduce-warnning"> </div> </div> </div> </div> <div class="mobile-dialog-maskLayer"></div> </div> </div>    </div> <div class="particulars"> <p> </p> <div class="swiper-container"> <ul class="particularsNavBox swiper-wrapper"> <li show-div="pro-introduce0" class="particularsNav swiper-slide">产品详情 </li> <li show-div="pro-introduce1" class="particularsNav swiper-slide">特点及参数 </li> </ul> </div> <div class="particularsMain"> <div class="pro-introduce0 pro-nav-box pro-introduce-pc" style="padding-top:10px"> <p><img src="http://cdn.img-sys.com/comdata/84016/202004/20200406170405abbd8a.jpg" style=""/></p><p><img src="http://cdn.img-sys.com/comdata/84016/202004/202004061704050a3714.jpg" style=""/></p><p><img src="http://cdn.img-sys.com/comdata/84016/202004/2020040617040571c8ba.jpg" style=""/></p><p><br/></p> </div> <div class="pro-introduce1 pro-nav-box pro-introduce-pc" style="padding-top:10px"> <table cellpadding="\"0\"" cellspacing="\"0\"" style="width: 931px;"><tbody><tr height="\"257\"" style="\";height:257px\"" class="\"firstRow\""><td height="\"257\"" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="750"><strong style="font-size: 16px;">CMT-100</strong><p><span style="font-size: 16px;"><strong>串口扩展?？?/strong></span></p><p><br/></p><p><span style="font-size: 16px;"><strong>产品参数：</strong></span></p><p><br/></p><ul class=" list-paddingleft-2" style="width: 899.641px; padding-left: 30px;"><li>WP-430搭载CMT-100串口扩展?？?，就可以实现对多台不同设备的集控；<br/></li><li>?？槎季哂?路串口接入，4路可独立配置串口输出，COM1-2为RS232接口，COM3-4为RS232兼RS485接口；<br/></li><li>MINIUSB口用于对输出串口配置波特率、校验位等参数；<br/></li><li>用于连接控制面板的RJ45口，内含RS485输入口和DV24V供电输出；<br/></li><li>DC 24V供电。<br/></li></ul></td></tr></tbody></table><p><br/></p> </div> <div class="pro-evaluate pro-nav-box" style="height: 100%;padding-bottom: 55px;overflow: auto" id="goods-comment"> <div class="no_comment_box"> <img class="no_comment_pic" src="http://cdn.img-sys.com/skinp/modules/ModuleProductDetailGiant/images/pinglun.jpg" alt=""> <p class="no_comment_text">暂无评价</p> </div> </div> </div> </div>  <div class='mobile-pro-details' style="display: none"> <div class="mobile-specification"> <span class="pro-mobile-title">产品详情</span> </div> <div class="mobile-pro-details-main"> 产品详情 </div> <div class="mobile-pro-details-main"> 特点及参数 </div> </div> <script type="text/javascript"> var lang = getCookie("Lang"); var cururl = window.location.protocol + '//'+ window.location.host + '/' + lang + window.location.pathname.replace('/' + lang ,'') function copylink(){ var clipboard = new Clipboard('body',{ text:function(){ return document.title +'\n'+ cururl }, }); clipboard.on('success', function(e) { alert('复制成功！'); e.clearSelection(); clipboard.destroy() }); clipboard.on('error', function(e) { prompt('复制失败，请选中后手动复制！', cururl); }); } function createQrcodeImg(){ var shareContent = document.querySelector("#shareContent");// 需要绘制的部分的 (原生）dom 对象，注意容器的宽度不要使用百分比，使用固定宽度，避免缩放问题 var width = shareContent.offsetWidth; // 获取(原生）dom 宽度 var height = shareContent.offsetHeight; // 获取(原生）dom 高 var offsetTop = shareContent.offsetTop; //元素距离顶部的偏移量 var canvas = document.createElement('canvas'); //创建canvas 对象 var context = canvas.getContext('2d'); var scaleBy = 2.5; //获取像素密度的方法 (也可以采用自定义缩放比例) canvas.width = width * scaleBy; //这里由于绘制的dom 为固定宽度，居中，所以没有偏移 canvas.height = (height + offsetTop) * scaleBy; // 注意高度问题，由于顶部有个距离所以要加上顶部的距离，解决图像高度偏移问题 context.scale(scaleBy, scaleBy); var opts = { allowTaint:true,//允许加载跨域的图片 tainttest:true, //检测每张图片都已经加载完成 scale:scaleBy, // 添加的scale 参数 canvas:canvas, //自定义 canvas logging: true, //日志开关 width:width, //dom 原始宽度 height:height //dom 原始高度 }; html2canvas(shareContent, opts).then(function (canvas) { var dataUrl = canvas.toDataURL(); var newImg = document.createElement("img"); newImg.src = dataUrl; $('.img-show').html(newImg); $('#shareContent').remove(); $('.imgmodal-txt').removeClass('showhide'); }); } function isIOS(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if(userAgent.indexOf('iPhone') > -1){ return true; }else{ return false; } } $(document).ready(function(){ // 解决图片跨域无法生成分享图的问题图片链接加 http 不再有跨域问题 // var img=new Image; // var imgUrl = $('.html2canvas .pro-img-deail').attr('imgurl'); // img.onload=function(){ // var old_canvas=document.createElement("canvas"); // old_canvas.width=img.width,old_canvas.height=img.height; // var g=old_canvas.getContext("2d"); // g.drawImage(img,0,0,img.width,img.height); // var newUrl = old_canvas.toDataURL(); // $('.html2canvas .pro-img-deail').css("backgroundImage","url(" + newUrl + ")"); // }; // img.crossOrigin="anonymous"; //关键 // img.src=imgUrl; // end showqrcode(); }); function showqrcode(){ $(".pro-img-deail").html('<img src="http://www.yyyour.com/comdata/84016/product/20200406170523A9CCB3C535B8E520_s.jpg?cdn=0" />'); $("#shareContent").css("background-image","url("+window.location.protocol+'//'+window.location.host+"/images/posterbg.png?cdn=0)") $('.bgcolor').css('background-color',$('.enquiry').css('background-color')) var PosterIcon = '' if(PosterIcon != '' ){ $("#jq-logo").html('<img src="'+window.location.protocol+'//'+window.location.host + PosterIcon+'?cdn=0">'); } $('.shareImg-mobile-btn').unbind().on('click',function(){ $('.imgmodal').show(); if(!$('.img-show').hasClass('imghas')){ $('.imgmodal-txt').addClass('showhide'); $('.img-show').addClass('imghas'); var lang = getCookie('Lang') $('.Productqrurl').val(window.location.pathname) var qrurl = 'www.yyyour.com/'+lang+$('#qrurl').val(); var params = {text:window.location.protocol+'//'+qrurl,width:80,height:80}; // if("" != ''){ // var logourl = "?cdn=0"; // var params = {text:window.location.protocol+'//'+qrurl,logo:logourl,width:74,height:74,logoborder:1,logowidth:30,logoheight:30,logopadding:2}; // } // else{ // var params = {text:window.location.protocol+'//'+qrurl,width:74,height:74}; // } var cc = $('.html2canvas').html(); $('.html2canvas').remove(); $('#shareContent').html(cc); $('#jq-qrcode').qrcode(params); //延时一下，保证图片加载正常 var sleep = setInterval(function(){ createQrcodeImg(); clearInterval(sleep) },2000) } var scroll = $(document).scrollTop(); $('body,html').addClass('overflow'); $('.BodyCenter').addClass('fixed'); $('.img-closebtn').off().on('click',function(){ $('.imgmodal').hide(); $('#shareContent').hide(); $('body,html').removeClass('overflow'); $('.BodyCenter').removeClass('fixed'); $(document).scrollTop(scroll); }); }); } $(window).load(function(){ // if(isIOS()){ // $('.copylink').remove(); // } }); // function </script> <style type="text/css"> .html2canvas{background-color: #fff;width: 375px; padding: 0 20px; display:none;} #shareContent{background-color: #fff;width: 375px; left:0;position: fixed;top:600px; z-index: 9999; left:0px; background-repeat: no-repeat; background-position: top; background-size: 100%; } .pro-share-qrcode{ width: 344px; margin: 0 auto; border-radius: 4px; } .pro-name-deail{word-wrap:break-word; padding: 0 10px; color:#353535; font-size: 20px; display: table-cell; vertical-align: middle; width: 100%;} .pro-img-deail{border-radius: 5px;margin-bottom:20px; background: #fff; text-align: center;width: 100%;background-repeat: no-repeat; background-position: center;} .pro-share-qrcode-bottom{width:100%;position: relative;padding-bottom: 30px;} .bottom-bgimg{position: absolute;} .bottom-div{height: 100%;} .bottom-tr{display: flex;align-items: center;margin-top: 25px;flex-wrap: wrap; justify-content: center;} .pro-share-qrcode-txt p{color: #fff;font-size: 14px;} .pro-share-qrcode-txt{text-align: center;width: 120px;line-height: 1.5;} .pro-share-qrcode-img{ width: 100%;} #jq-qrcode{ border:1px solid #d2d2d2; margin: 0 auto;position: relative; background-color: #fff; padding: 5px;} .imgmodal{display: none;filter: alpha(opacity=60); background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6);position: fixed; top: 0; left: 0; bottom: 0; width: 100%; z-index: 9999; padding: 44px 44px 0 44px;overflow: overlay; } .imgmodal-body{position: relative;} .img-closebtn{position: absolute; right: -30px; top: -30px;} /* .img-show img{border-radius: 10px;} */ .imgmodal-txt{color: #fff; margin: 0 auto;margin-top: 10px;line-height: 1;width:200px;} .copylink-ico,.downimg-ico{width: 25px; margin-right: 10px;} .copylink,.downimg{margin-bottom: 5px;} .copylink-txt,.downimg-txt{font-size: 12px;} .copylink,.downimg{display: inline-block;} .blur-div{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);} .overflow{overflow: hidden;} .share-qrcode{float: right; margin-right: 10px;cursor:pointer; } .load-img{color: #fff; text-align: center; padding-top: 50px;} .showhide{display: none!important;} .pro-share-qrcode-txt{color:#868686; width: 110px; padding-top: 10px;} .pro-share-qrcode-txt span{ display: block; width: 50px;} #jq-logo{width: 156.5px;margin: 0 auto;padding-top:22px;padding-bottom:30px;} .pro-company-deail{ padding: 0 10px;text-align: right; font-size: 28px; color: #CCCCCC; padding-right: 24px; margin-bottom: 23px;} .pro-img-deail img {object-fit: fill ;width: 100%;height: 100%;} .pro-describe-deail {word-wrap:break-word; width:100%; padding: 0 10px;margin-top:14px; margin-bottom: 24px;color:#858585; font-size: 12px; line-height: 20px}; .pro-Price-deail{ padding: 0 10px;padding-top: 20px; color:red;font-size:14px; } .pro-Price-deail b{ color:red; font-size:24px; } .bgcolor{ width: 100%; height: 10px; background-color: #000;} </style> <div class="html2canvas"> <div class="pro-share-qrcode"> <div id="jq-logo"></div> <div class="pro-img-deail "></div> <div class="pro-name-deail">CMT-100 串口扩展?？?/div> <div class="pro-describe-deail"></div> </div> <div class="pro-share-qrcode-bottom" > <div class="bottom-div"> <div class="bottom-tr"> <div class="pro-share-qrcode-img"> <div id="jq-qrcode"></div> <input type="hidden" id="qrurl" class="Productqrurl" value=" ProductDetail/3754501.html?invite=" /> </div> <div class="pro-share-qrcode-txt"> 长按识别二维码查看详情 </div> </div> </div> </div> <div class="bgcolor"></div> </div> <div id="shareContent"></div> <div class="imgmodal"> <div class="imgmodal-body"> <div class="img-closebtn"><img src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/close.png" width="25px"></div> <div class="img-show"> <div class="load-img"> <img src="http://cdn.img-sys.com/skinp/common/mobile/css/loading-4.gif" alt="" />  </div> </div> <div class="imgmodal-txt" style="margin-top: 20px"> <div class="copylink" onclick="copylink()" style="margin-bottom: 10px"> <img src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/link.png" class="copylink-ico" /> <span class="copylink-txt">复制产品链接</span> </div> <div class="downimg" id="downimga"> <img src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/down.png" class="downimg-ico" /> <span class="downimg-txt">长按图片保存/分享</span> </div> </div> </div> </div>  </div> </div> </form> <script> var tempWidthCount = 0; $('.particulars .particularsNavBox').find('li').each(function () { tempWidthCount = tempWidthCount + $(this).outerWidth(); }) $(window).load(function () { loadComment(); }); //加载评论相关 function loadComment() { var flag = "1" == "1" && "1" == "1" && '0' == '1'; if (!flag) return; $.getJSON("/productcomment?a=GetCount", { ProductID: 3754501}, function (json) { if (json.success) { if (json.info.all > 0) { loadCommentList(); } } }); } function loadCommentList() { $('#goods-comment').load("/productcomment?ProductID=3754501}"); } addScript('/skinp/modules/ModuleProductDetailGiant/details.js', function () { $(function () { details('183093504', '105', '0', '[]', '[]', '1', '/comdata/84016/product/20200406170523A9CCB3C535B8E520_b.jpg', 'CMT-100 串口扩展?？?); }); }); initProductDetailQrcode('扫描二维码'); </script> </div> </div> </div> <div class="ModuleItem StaticModule mhidden-lg mhidden-md mhidden-sm" wo="1524" id="module_176462421" > <div class="ModuleProductDetailGiant layout-105 layout-color-brown module_176462421 clearfix">  <div class='BodyCenter BodyCenter176462421 clearfix'><style type="text/css"> #MobileNavRenderElem, .ModuleProductDetail .ModuleHead, #UserBar { display: none !important; } </style> <script type="text/javascript" src="http://static.styles-sys.com/skinp/common/mobile/js/html2canvas.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/scripts/jQPlugins/qrcode/qrcode.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/scripts/jQPlugins/qrcode/jquery.qrcode.js"></script> <script type="text/javascript" src="http://static.styles-sys.com/share/clipboard/clipboard.min.js"></script> <link rel="stylesheet" type="text/css" href='//static.styles-sys.com/scripts/videojs/css/video-js.css' /> <script type="text/javascript"> $(function () { // 给微信分享用的 if ($('.preview-item').find('img').length > 0) { $($('.inSwiper-slide').find('img')[0]).clone().prependTo('body').css('display', 'none'); } else { $("<img src='//cdn.img-sys.com/comdata/84016/product/20200406170523A9CCB3C535B8E520_s.jpg' alt='CMT-100 串口扩展?？? style='display:none;' />").prependTo('body'); } }); </script> <form name="ShopForm" method="post" action="/index.php?c=front/Productorder"> <input type="hidden" name="ProductID" value="3754501" /> <input type="hidden" name="skuid" /> <input type="hidden" name="Action" value="Add" /> <div class="ModuleProduteDetailMain"> <div class="modulePro-top-nav"> <a class="mobile-back" href="javascript:;" style="background-color: rgba(0, 0, 0, .56); width: 32pt; height: 32pt; border-radius: 50%; display: flex; justify-content: center; align-items: center;"> <i class="iconfont icon-fanhui1" style="color: #fff; font-size: 18px; position: relative; top: 2px; position: relative; top: 2px;"></i> </a> <ul class="nav-list-top clear_floatx"> <li class="active mobile-pro">产品</li> <li class="mobile-details">详情</li> </ul> <a class="examine-car" href="/index.php?m=Home&c=front/Shop/Rewrite&a=shopCart"> <i class="iconfont icon-gouwuche" style="color: #fff; font-size: 20px"></i> </a> <span class="share-top shareImg-mobile-btn" style="cursor: pointer"> <i class="iconfont icon-fenxiang4 " style="color: #fff;position: relative;display: block;"></i> </span> </div> <div class="clear_floatx inModuleProduteDetailTop"> <div class="swiperBox"> <div class=""> <div class="pro-big-pic-wb"> <div id="pro-bigPic" class="swiper-container gallery-top" rel=""> <div class="ProVideoDiv" style="display:none"> <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" style='width:100%;height:100%' x5-playsinline="" playsinline="" webkit-playsinline="" data-setup="{}"> <source src="" type='video/mp4' /> <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"> </track> <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"> </track> </video> <i class='iconfont icon-guanbi' style='display:none;position:absolute;right:7%;top:7%;font-size:18px;color:white'></i> </div> <div class="swiper-wrapper detail-dialog-control176462421"> <div class="swiper-slide" rel="/comdata/84016/product/20200406170523A9CCB3C535B8E520_b.jpg"> <div class="inSwiper-slide"> <div class="dummy"></div> <img class="inSlide-size mobile-inSlide-size" src="http://cdn.img-sys.com/comdata/84016/product/20200406170523A9CCB3C535B8E520_b.jpg" alt="CMT-100 串口扩展?？?> <img class="inSlide-size pc-inSlide-size" src="http://cdn.img-sys.com/skinp/modules/ModuleProductDetailGiant/images/touming.png" alt=""> </div> </div> </div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div> <span class="iconfont iconfontFx icon-xiangyoujiantou swiper-button-next"></span> <span class="iconfont iconfontFx icon-xiangzuojiantou swiper-button-prev"></span>  </div> </div> </div> </div> <div class="introduce"> <div class="introduceTop"> <div class="pro-row pd-b4 mobilepd"> <h1 class="pro-name" title="CMT-100 串口扩展?？?>CMT-100 串口扩展?？?/h1> </div> <div class="introduceTop-fenxian">  <div class="price-box"> <p class="pro-row pd-b28 old-price-mobile old-price mobile-pd12 pro-price-box-mobile"> <span class="pro-price color-system" style="display: flex; justify-content: space-between"> </span> </p> <div class="sale-region"> <div class="features" style="margin-left:0;" >       </div> </div>   <p class="pro-row mobile-row clear_floatx mobile-pd12 mobile-A-SV-F"> </p>  </div> </div> <div class="mobile-specification-dialog mobile-dialog-container mobile-dialog-wb"> <div class="mobile-dialog-content dialog-mobile-content"> <div class="inmobile-dialog-content"> <div class="mobile-dialog-content-top"> <div class="mobile-dialog-priceAndRepertory"> <div class="mobile-pro-pic-dialog ImgCenterboxwb"> <img class="mobile-pro-big-pic ImgCenter" src="http://cdn.img-sys.com/comdata/84016/product/20200406170523A9CCB3C535B8E520_s.jpg" alt="CMT-100 串口扩展?？?> </div> <div class="close-dialog close-dialog-mobile" isspecification="specification"> <img src="http://cdn.img-sys.com/skinp/modules/ModuleProductDetailGiant/images/close.png" alt=""> </div> <div class="mobilePriceAndRepertory"> <p class="mobile-Repertory"> 库存<span>0</span>件 </p> <input type="hidden" id="ProductQuantity" value="0" /> <p class="mobile-Repertory2"> 选择规格数量 </p> </div> </div> </div> <div class="mobile-dialog-bottom"> <div class="introduce-warnning"> </div> </div> </div> </div> <div class="mobile-dialog-maskLayer"></div> </div> </div>    <div class="pc-shareAndEnshrine" id="pc-shareAndEnshrine"> <div class="pc-shareAndEnshrine-box"> <span class="pc-share inpc-shareAndEnshrine-box"> <div class="verticalshare"> <i class="iconfont icon-pic icon-fenxiang4"></i> <span class="pc-share-title">分享</span> </div> <style> .share .tips,.share .social-share{ display: inline-block; } .social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; } .social-share .icon-wechat:hover .wechat-qrcode { display: block; } .social-share .social-share-icon { position: relative; display: inline-block; width: 36px; height: 36px; font-size: 20px; border-radius: 50%; line-height: 36px; border: 1px solid #ccc; color: #999; text-align: center; vertical-align: middle; transition: background 0.6s ease-out 0s; } .social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; } .social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; } .social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; } .social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; } .social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none; } .share{ position: relative;} .moreshare{ transition: all 0.5s; visibility:hidden; position: fixed; bottom: 0; opacity:0; z-index: 99999; left: 0; width: 100%; background: #F7F8FA;} .headtips{ display:flex; border-bottom: 1px #eeeeee solid; height: 50px; align-items: center; justify-content: space-between;} .bottomtips{ font-size: 16px; display: flex; border-top: 1px #fff solid; height: 50px; align-items: center; justify-content: center; background: #fff; color: #333; cursor: pointer;} .headtips .txt{padding-left: 18px; color:#666666; font-size: 16px;} .headtips .closemore{ cursor: pointer; padding-right: 20px;} .moreshare-content{ padding: 25px 25px 50px 25px; } .moreshare-content .social-share .social-share-icon{ width: 56px; height: 56px; line-height: 56px; margin: 0px; margin-right:calc((100% - 236px) / 3); /* background-image:url(//cdn.img-sys.com/images/shareicon-bg.png); */ font-size: 0; background-position-y: -1px; border: none !important; } .moreshare-content .social-share .social-share-icon:nth-child(4n){ margin-right: 0px; } .mt29{ margin-top: 70px !important;} .icon-txt{ width: 56px; color:#666666; font-size: 12px; line-height: 20px; margin-top: 10px;} .social-share .icon-default-WeChat:hover,.social-share .type-douban:hover{ color: #3dbe5b !important; border-color: #3dbe5b !important;} .social-share .type-weibo:hover{ color: #ff5757 !important; border-color: #ff5757 !important;} .social-share .icon-kefulei_huabanfuben11:hover{ color: #21b3f7 !important; border-color: #21b3f7 !important;} .social-share .icon-kongjian:hover{ color: #f8c514 !important; border-color: #f8c514 !important;} .social-share .icon-lianjie1:hover{ color: #999 !important; border-color: #999 !important;} .social-share .icon-Facebook2:hover{ color:#3D5A98!important; border-color:#3D5A98!important;} .social-share .icon-Twitter1:hover{ color:#1DA1F3!important; border-color:#1DA1F3!important; } .social-share .icon-linkedin:hover{ color:#0b66c3!important; border-color:#0b66c3!important;} .social-share .icon-tumblr:hover{ color:#36465f!important;border-color:#36465f!important;} .social-share .icon-Pinterest:hover{ color:#cb2027!important; border-color:#cb2027!important;} .social-share .icon-vk:hover{ color:#4c6c91!important; border-color:#4c6c91!important;} .social-share .icon-Facebook2{ color:#3D5A98;} .social-share .icon-Twitter1{ color:#1DA1F3; } .social-share .icon-linkedin{ color:#0b66c3; } .social-share .icon-tumblr{ color:#36465f;} .social-share .icon-Pinterest{ color:#cb2027;} .social-share .icon-vk{ color:#4c6c91; } .social-share .icon-lianjie1{ color: #999 ;} .vertical .social-share .icon-lianjie1{ color: #999 !important;border-color:#999 !important;} .vertical .social-share .icon-default-WeChat,.vertical .social-share .type-douban{ color: #3dbe5b !important; border-color: #3dbe5b !important;} .vertical .social-share .type-weibo{ color: #ff5757 !important; border-color: #ff5757 !important;} .vertical .social-share .icon-kefulei_huabanfuben11{ color: #21b3f7 !important; border-color: #21b3f7 !important;} .vertical .social-share .icon-kongjian{ color: #f8c514 !important; border-color: #f8c514 !important;} .vertical .social-share .icon-lianjie1{ color: #999 !important; border-color: #999 !important;} .vertical .social-share .icon-Facebook2{ color:#3D5A98!important; border-color:#3D5A98!important;} .vertical .social-share .icon-Twitter1{ color:#1DA1F3!important; border-color:#1DA1F3!important; } .vertical .social-share .icon-linkedin{ color:#0b66c3!important; border-color:#0b66c3!important;} .vertical .social-share .icon-tumblr{ color:#36465f!important;border-color:#36465f!important;} .vertical .social-share .icon-Pinterest{ color:#cb2027!important; border-color:#cb2027!important;} .vertical .social-share .icon-vk{ color:#4c6c91!important; border-color:#4c6c91!important;} .vertical { display: none;} .share-mobile{ display: none;} .mobile-share { padding: 0 10px; height: 32px; border: 1px solid #ccc; border-radius: 16px; line-height: 32px; text-align: center; cursor: pointer; } .shareMask{ top: 0; left: 0; position: fixed; z-index: 9999; height: 100%; width: 100%; background: #000; opacity: 0.6; display: none;} .share-wx-qrcode-img .help p{ width: 270px; margin: 0 auto; color:#999; display: block; line-height: 20px; height: auto; } .share-wx-qrcode-img,.wechat-qrcode { border-radius: 5px; top:0px; position: fixed;z-index:9999; top: 50%; left: 50%;box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.09); transform: translate(-50%,-50%);text-align: center; width: 270px; background: #fff; visibility: hidden;} #wx-qrcode{ width: 224px; height: 224px; margin: 0 auto;} .share-wx-qrcode-img h4{border-top-right-radius: 5px; border-top-left-radius: 5px;background: #F7F8FA; height: 40px; line-height: 40px; font-size: 16px; color: #666; font-weight: bold; margin-bottom: 13px;} .share-wx-qrcode-img .help{ margin-top: 12px; margin-bottom: 19px; color: #999;font-size: 14px; line-height: 20px;} .share-wx-tips{ display: none; z-index: 99999; position: fixed; top: 10px; right: 35px; color: #fff; font-size: 24px; text-align: center;} .vertical{ display: none; width: 142px; position:absolute; background: #ffffff; border-radius: 4px; box-shadow: 0px 0px 18px 10px rgba(0,0,0,0.09); margin-top: 15px; left: 50%; transform: translateX(-50%); z-index: 999; } .vertical .social-share{ display: block; } .vertical .social-share-icon{ text-align:left; padding-left: 20px;display: block; height: 40px; line-height: 40px; width: 100%; border:none !important ;border-radius: unset;} .vertical::after{ content: ''; width: 0; height: 0; border: 10px solid; border-color: transparent transparent #ffffff; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); } .vertical .social-share-icon a,.vertical .social-share a {margin: 0;} .vertical .social-share-icon:hover{background-color: #F6F6F6;} .vertical .social-share-icon .tipstxt{font-size: 14px; color: #999; margin-left:13px;} .gwshare { display: none;} .moreshare-content .social-share .gwshare .social-share-icon { background-image:none; font-size: 16px; } .gnshare,.gwshare{ text-align: left;} .ModuleProductDetailGiant .particulars{ min-height: 220px;} @media only screen and (max-width: 767px) { .moreshare-content .gwshare .social-share-icon{ background: #fff !important;} .moreshare-content .social-share .icon-Facebook2{ color:#3D5A98 !important;;} .moreshare-content .social-share .icon-Twitter1{ color:#1DA1F3 !important;; } .moreshare-content .social-share .icon-linkedin{ color:#0b66c3 !important;; } .moreshare-content .social-share .icon-tumblr{ color:#36465f !important;;} .moreshare-content .social-share .icon-Pinterest{ color:#cb2027 !important;;} .moreshare-content .social-share .icon-vk{ color:#4c6c91 !important;; } .moreshare-content .social-share .icon-lianjie1{ color: #999 !important;;} } </style> <script type="text/javascript" charset="utf-8" src="http://static.styles-sys.com/share/social-share/social-share.js"></script> <script> var lang = getCookie("Lang"); var cururl = window.location.protocol + '//'+ window.location.host + '/' + lang + window.location.pathname.replace('/' + lang ,'') function copylink(){ var clipboard = new Clipboard('body',{ text:function(){ return document.title +'\n'+ cururl }, }); clipboard.on('success', function(e) { alert('复制成功！'); e.clearSelection(); clipboard.destroy() }); clipboard.on('error', function(e) { prompt('复制失败，请选中后手动复制！', cururl); }); } $(function(){ var ua = navigator.userAgent.toLowerCase(); /** * 百度小程序很坑爹，自己屏蔽别人的链接，却说打不开，然后审核不给通过 * 这里把链接跳转的类型去掉 */ if (ua.match(/baiduboxapp/i) == "baiduboxapp") { $('.share a.type-weibo').remove(); $('.share a.type-qq').remove(); $('.share a.type-qzone').remove(); $('.share a.type-douban').remove(); } if(lang == 'cn' || lang == 'big5') { $('.gnshare').show(); $('.gwshare').hide(); } else { $('.gnshare').hide(); $('.gwshare').show(); } function createwxqrcode(){ var wxqrcode = document.querySelector("#share-wx-qrcode-img");// 需要绘制的部分的 (原生）dom 对象，注意容器的宽度不要使用百分比，使用固定宽度，避免缩放问题 var width = wxqrcode.offsetWidth; // 获取(原生）dom 宽度 var height = wxqrcode.offsetHeight; // 获取(原生）dom 高 var offsetTop = wxqrcode.offsetTop; //元素距离顶部的偏移量 var canvas = document.createElement('canvas'); //创建canvas 对象 var context = canvas.getContext('2d'); var scaleBy = 1; //获取像素密度的方法 (也可以采用自定义缩放比例) canvas.width = width * scaleBy; //这里由于绘制的dom 为固定宽度，居中，所以没有偏移 canvas.height = (height + offsetTop) * scaleBy; // 注意高度问题，由于顶部有个距离所以要加上顶部的距离，解决图像高度偏移问题 context.scale(scaleBy, scaleBy); var opts = { useCORS:true, allowTaint:true,//允许加载跨域的图片 tainttest:true, //检测每张图片都已经加载完成 scale:scaleBy, // 添加的scale 参数 canvas:canvas, //自定义 canvas //logging: true, //日志开关 width:width, //dom 原始宽度 height:height //dom 原始高度 }; html2canvas(wxqrcode,opts).then(function (canvas) { var dataUrl = canvas.toDataURL(); var newImg = document.createElement("img"); newImg.src = dataUrl; $('.wechat-qrcode').addClass('hasimg'); $('.wechat-qrcode').html(newImg); $('.wechat-qrcode').css("visibility","visible"); $("#share-wx-qrcode-img").remove(); }) } $('.verticalshare').unbind('click').click(function(){ $('.vertical').toggle(); }) $(document).bind("click", function (e) { if($(e.target).closest(".verticalshare").length == 0) { $('.vertical').hide(); } }) $('.icon-default-WeChat').unbind('click').click(function(){ $('.vertical').hide() $('.shareMask').show(); $('.moreshare').css('opacity',0) $('.moreshare').css("visibility","hidden") //如果是在微信分享中分享的话 if(navigator.userAgent!=undefined && navigator.userAgent.toLowerCase().indexOf('micromessenger')>-1) { $('.share-wx-tips').show(); return; } if($('.wechat-qrcode').hasClass('hasimg')){ $('.wechat-qrcode').css("visibility","visible"); }else{ $("#share-wx-qrcode-img").css("visibility","visible") var params = {text:cururl,width:224,height:224}; if($('#wx-qrcode').html().length == 0 ) $('#wx-qrcode').qrcode(params); } }) $(".mobile-share").unbind('click').click(function(){ $('.shareMask').show(); $('.moreshare').css("visibility","visible") $('.moreshare').css('opacity',1) }) $(".bottomtips,.shareMask").unbind('click').click(function(){ $('.shareMask').hide() $('#share-wx-qrcode-img').css("visibility","hidden") $('.share-wx-tips').hide() $('.wechat-qrcode').css("visibility","hidden") $('.moreshare').css('opacity',0) $('.moreshare').css("visibility","hidden") }) }) </script> <div class="share"> <div class="share-wx-tips"> <img style="width: 50%; margin-left: 180px;" src="http://cdn.img-sys.com/images/share-wx-tips.png"> <div>点击右上角</div> <div>分享给朋友吧</div> </div> <div class="share-pc"> <div class="horizontal"> <div class="tips">分享到：</div> <div class="social-share" data-initialized="true"> <div class="gnshare"> <a href="javascript:void(0)" title="微信分享" class="social-share-icon iconfont icon-default-WeChat pcwechat"></a> <a href="#" title="新浪微博" class="social-share-icon iconfont type-weibo icon-default-Weibo "></a> <a href="#" title="腾讯QQ" class="social-share-icon iconfont type-qq icon-kefulei_huabanfuben11"></a> <a href="#" title="QQ空间" class="social-share-icon iconfont type-qzone icon-kongjian"></a> <a href="#" title="豆瓣" class="social-share-icon iconfont type-douban icon-default-douban "></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"></a> </div> <div class="gwshare"> <a href="#" title="Twitter" class="social-share-icon iconfont type-Twitter icon-Twitter1"></a> <a href="#" title="Facebook" class="social-share-icon iconfont type-Facebook icon-Facebook2"></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr"></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest"></a> <a href="#" title="VK" class="social-share-icon iconfont type-vk icon-vk"></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin"></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"></a> </div> </div> </div> <div class="vertical"> <div class="social-share" data-initialized="true"> <div class="gwshare"> <a href="#" title="Twitter" class="social-share-icon iconfont type-Twitter icon-Twitter1"><span class="tipstxt">Twitter</span></a> <a href="#" title="Facebook" class="social-share-icon iconfont type-Facebook icon-Facebook2"><span class="tipstxt">Facebook</span></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr"><span class="tipstxt">Tumblr</span></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest"><span class="tipstxt">Pinterest</span></a> <a href="#" title="VK" class="social-share-icon iconfont type-vk icon-vk"><span class="tipstxt">VK</span></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin"><span class="tipstxt">Linkedin</span></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"><span class="tipstxt">复制链接</span></a> </div> <div class="gnshare"> <a href="javascript:void(0)" title="微信分享" class="social-share-icon iconfont icon-default-WeChat pcwechat"><span class="tipstxt" style="margin-left:12px">微信扫一扫</span></a> <a href="#" title="新浪微博" class="social-share-icon iconfont type-weibo icon-default-Weibo "><span class="tipstxt">新浪微博</span></a> <a href="#" title="腾讯QQ" class="social-share-icon iconfont type-qq icon-kefulei_huabanfuben11"><span class="tipstxt">腾讯QQ</span></a> <a href="#" title="QQ空间" class="social-share-icon iconfont type-qzone icon-kongjian"><span class="tipstxt" >QQ空间</span></a> <a href="#" title="豆瓣" class="social-share-icon iconfont type-douban icon-default-douban "><span class="tipstxt">豆瓣</span></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"><span class="tipstxt">复制链接</span></a> </div> </div> </div> </div> <div class="share-mobile"> <div class="mobile-share"> <i class="iconfont icon-fenxiang4 "></i> <span>分享</span> </div> <div class="moreshare"> <div class="moreshare-content" > <div class="social-share" style= "width: 100%;" data-initialized="true"> <div class="gwshare"> <a href="javascript:void(0)" title="生成海报" class="social-share-icon iconfont createhb icon-shengchenghaibao" style="color: red; background: #fff; font-size: 20px;"><div class="icon-txt">生成海报</div></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1" οnclick=""><div class="icon-txt" style="width: 60px;margin-left: -5px;">复制链接</div></a> <a href="#" title="Twitter" class="social-share-icon type-Twitter iconfont icon-Twitter1 " ><div class="icon-txt">Twitter</div></a> <a href="#" title="Facebook" class="social-share-icon type-Facebook iconfont icon-Facebook2"><div class="icon-txt">Facebook</div></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr mt29"><div class="icon-txt">Tumblr</div></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest mt29"><div class="icon-txt">Pinterest</div></a> <a href="#" title="VK"class="social-share-icon iconfont type-vk icon-vk mt29"><div class="icon-txt">VK</div></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin mt29"><div class="icon-txt">Linkedin</div></a> </div> <div class="gnshare"> <a href="javascript:void(0)" title="生成海报" class="social-share-icon iconfont createhb icon-shengchenghaibao" style="color: red; background: #fff; font-size: 20px;"><div class="icon-txt">生成海报</div></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1" οnclick=""><img src="http://cdn.img-sys.com/images/shareicon/copylink.png"/><div class="icon-txt">复制链接</div></a> <a href="#" title="微信分享" class="social-share-icon iconfont icon-default-WeChat"><img src="http://cdn.img-sys.com/images/shareicon/weixin.png"/><div class="icon-txt">微信分享</div></a> <a href="#" title="新浪微博" class="social-share-icon type-weibo icon-default-Weibo "><img src="http://cdn.img-sys.com/images/shareicon/weibo.png"/><div class="icon-txt">新浪微博</div></a>  <a href="#" title="QQ空间" class="social-share-icon type-qzone icon-kongjian mt29" ><img src="http://cdn.img-sys.com/images/shareicon/kongjian.png"/><div class="icon-txt">QQ空间</div></a> <a href="#" title="豆瓣" class="social-share-icon type-douban icon-default-douban mt29"><img src="http://cdn.img-sys.com/images/shareicon/douban.png"/> <div class="icon-txt">豆瓣</div></a> </div> </div> </div> <div class="bottomtips">取消</div> </div> </div> <div class="shareMask"></div> <div id="share-wx-qrcode-img" class="share-wx-qrcode-img"> <h4>分享至微信分享</h4> <div id="wx-qrcode"></div> <div class="help"> <p >打开微信分享“扫一扫”<br /> 即可分享到微信分享</p> </div> </div> <div class="wechat-qrcode"></div> </div> </span>   </div> </div> </div> <div class="particulars"> <p> </p> <div class="swiper-container"> <ul class="particularsNavBox swiper-wrapper"> <li show-div="pro-introduce0" class="particularsNav swiper-slide">产品详情 </li> <li show-div="pro-introduce1" class="particularsNav swiper-slide">特点及参数 </li> </ul> </div> <div class="particularsMain"> <div class="pro-introduce0 pro-nav-box pro-introduce-pc" style="padding-top:10px"> <p><img src="http://cdn.img-sys.com/comdata/84016/202004/20200406170405abbd8a.jpg" style=""/></p><p><img src="http://cdn.img-sys.com/comdata/84016/202004/202004061704050a3714.jpg" style=""/></p><p><img src="http://cdn.img-sys.com/comdata/84016/202004/2020040617040571c8ba.jpg" style=""/></p><p><br/></p> </div> <div class="pro-introduce1 pro-nav-box pro-introduce-pc" style="padding-top:10px"> <table cellpadding="\"0\"" cellspacing="\"0\"" style="width: 931px;"><tbody><tr height="\"257\"" style="\";height:257px\"" class="\"firstRow\""><td height="\"257\"" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="750"><strong style="font-size: 16px;">CMT-100</strong><p><span style="font-size: 16px;"><strong>串口扩展?？?/strong></span></p><p><br/></p><p><span style="font-size: 16px;"><strong>产品参数：</strong></span></p><p><br/></p><ul class=" list-paddingleft-2" style="width: 899.641px; padding-left: 30px;"><li>WP-430搭载CMT-100串口扩展?？?，就可以实现对多台不同设备的集控；<br/></li><li>?？槎季哂?路串口接入，4路可独立配置串口输出，COM1-2为RS232接口，COM3-4为RS232兼RS485接口；<br/></li><li>MINIUSB口用于对输出串口配置波特率、校验位等参数；<br/></li><li>用于连接控制面板的RJ45口，内含RS485输入口和DV24V供电输出；<br/></li><li>DC 24V供电。<br/></li></ul></td></tr></tbody></table><p><br/></p> </div> <div class="pro-evaluate pro-nav-box" style="height: 100%;padding-bottom: 55px;overflow: auto" id="goods-comment"> <div class="no_comment_box"> <img class="no_comment_pic" src="http://cdn.img-sys.com/skinp/modules/ModuleProductDetailGiant/images/pinglun.jpg" alt=""> <p class="no_comment_text">暂无评价</p> </div> </div> <div class="pro-chang-box clear_floatx"> <span class="por-prev fl change-btn"> </span> <span class="por-next fr change-btn"> </span> </div> </div> </div>  <div class='mobile-pro-details' style="display: none"> <div class="mobile-specification"> <span class="pro-mobile-title">产品详情</span> </div> <div class="mobile-pro-details-main"> 产品详情 </div> <div class="mobile-pro-details-main"> 特点及参数 </div> </div> <script type="text/javascript"> var lang = getCookie("Lang"); var cururl = window.location.protocol + '//'+ window.location.host + '/' + lang + window.location.pathname.replace('/' + lang ,'') function copylink(){ var clipboard = new Clipboard('body',{ text:function(){ return document.title +'\n'+ cururl }, }); clipboard.on('success', function(e) { alert('复制成功！'); e.clearSelection(); clipboard.destroy() }); clipboard.on('error', function(e) { prompt('复制失败，请选中后手动复制！', cururl); }); } function createQrcodeImg(){ var shareContent = document.querySelector("#shareContent");// 需要绘制的部分的 (原生）dom 对象，注意容器的宽度不要使用百分比，使用固定宽度，避免缩放问题 var width = shareContent.offsetWidth; // 获取(原生）dom 宽度 var height = shareContent.offsetHeight; // 获取(原生）dom 高 var offsetTop = shareContent.offsetTop; //元素距离顶部的偏移量 var canvas = document.createElement('canvas'); //创建canvas 对象 var context = canvas.getContext('2d'); var scaleBy = 2.5; //获取像素密度的方法 (也可以采用自定义缩放比例) canvas.width = width * scaleBy; //这里由于绘制的dom 为固定宽度，居中，所以没有偏移 canvas.height = (height + offsetTop) * scaleBy; // 注意高度问题，由于顶部有个距离所以要加上顶部的距离，解决图像高度偏移问题 context.scale(scaleBy, scaleBy); var opts = { allowTaint:true,//允许加载跨域的图片 tainttest:true, //检测每张图片都已经加载完成 scale:scaleBy, // 添加的scale 参数 canvas:canvas, //自定义 canvas logging: true, //日志开关 width:width, //dom 原始宽度 height:height //dom 原始高度 }; html2canvas(shareContent, opts).then(function (canvas) { var dataUrl = canvas.toDataURL(); var newImg = document.createElement("img"); newImg.src = dataUrl; $('.img-show').html(newImg); $('#shareContent').remove(); $('.imgmodal-txt').removeClass('showhide'); }); } function isIOS(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if(userAgent.indexOf('iPhone') > -1){ return true; }else{ return false; } } $(document).ready(function(){ // 解决图片跨域无法生成分享图的问题图片链接加 http 不再有跨域问题 // var img=new Image; // var imgUrl = $('.html2canvas .pro-img-deail').attr('imgurl'); // img.onload=function(){ // var old_canvas=document.createElement("canvas"); // old_canvas.width=img.width,old_canvas.height=img.height; // var g=old_canvas.getContext("2d"); // g.drawImage(img,0,0,img.width,img.height); // var newUrl = old_canvas.toDataURL(); // $('.html2canvas .pro-img-deail').css("backgroundImage","url(" + newUrl + ")"); // }; // img.crossOrigin="anonymous"; //关键 // img.src=imgUrl; // end showqrcode(); }); function showqrcode(){ $(".pro-img-deail").html('<img src="http://www.yyyour.com/comdata/84016/product/20200406170523A9CCB3C535B8E520_s.jpg?cdn=0" />'); $("#shareContent").css("background-image","url("+window.location.protocol+'//'+window.location.host+"/images/posterbg.png?cdn=0)") $('.bgcolor').css('background-color',$('.enquiry').css('background-color')) var PosterIcon = '' if(PosterIcon != '' ){ $("#jq-logo").html('<img src="'+window.location.protocol+'//'+window.location.host + PosterIcon+'?cdn=0">'); } $('.shareImg-mobile-btn').unbind().on('click',function(){ $('.imgmodal').show(); if(!$('.img-show').hasClass('imghas')){ $('.imgmodal-txt').addClass('showhide'); $('.img-show').addClass('imghas'); var lang = getCookie('Lang') $('.Productqrurl').val(window.location.pathname) var qrurl = 'www.yyyour.com/'+lang+$('#qrurl').val(); var params = {text:window.location.protocol+'//'+qrurl,width:80,height:80}; // if("" != ''){ // var logourl = "?cdn=0"; // var params = {text:window.location.protocol+'//'+qrurl,logo:logourl,width:74,height:74,logoborder:1,logowidth:30,logoheight:30,logopadding:2}; // } // else{ // var params = {text:window.location.protocol+'//'+qrurl,width:74,height:74}; // } var cc = $('.html2canvas').html(); $('.html2canvas').remove(); $('#shareContent').html(cc); $('#jq-qrcode').qrcode(params); //延时一下，保证图片加载正常 var sleep = setInterval(function(){ createQrcodeImg(); clearInterval(sleep) },2000) } var scroll = $(document).scrollTop(); $('body,html').addClass('overflow'); $('.BodyCenter').addClass('fixed'); $('.img-closebtn').off().on('click',function(){ $('.imgmodal').hide(); $('#shareContent').hide(); $('body,html').removeClass('overflow'); $('.BodyCenter').removeClass('fixed'); $(document).scrollTop(scroll); }); }); } $(window).load(function(){ // if(isIOS()){ // $('.copylink').remove(); // } }); // function </script> <style type="text/css"> .html2canvas{background-color: #fff;width: 375px; padding: 0 20px; display:none;} #shareContent{background-color: #fff;width: 375px; left:0;position: fixed;top:600px; z-index: 9999; left:0px; background-repeat: no-repeat; background-position: top; background-size: 100%; } .pro-share-qrcode{ width: 344px; margin: 0 auto; border-radius: 4px; } .pro-name-deail{word-wrap:break-word; padding: 0 10px; color:#353535; font-size: 20px; display: table-cell; vertical-align: middle; width: 100%;} .pro-img-deail{border-radius: 5px;margin-bottom:20px; background: #fff; text-align: center;width: 100%;background-repeat: no-repeat; background-position: center;} .pro-share-qrcode-bottom{width:100%;position: relative;padding-bottom: 30px;} .bottom-bgimg{position: absolute;} .bottom-div{height: 100%;} .bottom-tr{display: flex;align-items: center;margin-top: 25px;flex-wrap: wrap; justify-content: center;} .pro-share-qrcode-txt p{color: #fff;font-size: 14px;} .pro-share-qrcode-txt{text-align: center;width: 120px;line-height: 1.5;} .pro-share-qrcode-img{ width: 100%;} #jq-qrcode{ border:1px solid #d2d2d2; margin: 0 auto;position: relative; background-color: #fff; padding: 5px;} .imgmodal{display: none;filter: alpha(opacity=60); background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6);position: fixed; top: 0; left: 0; bottom: 0; width: 100%; z-index: 9999; padding: 44px 44px 0 44px;overflow: overlay; } .imgmodal-body{position: relative;} .img-closebtn{position: absolute; right: -30px; top: -30px;} /* .img-show img{border-radius: 10px;} */ .imgmodal-txt{color: #fff; margin: 0 auto;margin-top: 10px;line-height: 1;width:200px;} .copylink-ico,.downimg-ico{width: 25px; margin-right: 10px;} .copylink,.downimg{margin-bottom: 5px;} .copylink-txt,.downimg-txt{font-size: 12px;} .copylink,.downimg{display: inline-block;} .blur-div{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);} .overflow{overflow: hidden;} .share-qrcode{float: right; margin-right: 10px;cursor:pointer; } .load-img{color: #fff; text-align: center; padding-top: 50px;} .showhide{display: none!important;} .pro-share-qrcode-txt{color:#868686; width: 110px; padding-top: 10px;} .pro-share-qrcode-txt span{ display: block; width: 50px;} #jq-logo{width: 156.5px;margin: 0 auto;padding-top:22px;padding-bottom:30px;} .pro-company-deail{ padding: 0 10px;text-align: right; font-size: 28px; color: #CCCCCC; padding-right: 24px; margin-bottom: 23px;} .pro-img-deail img {object-fit: fill ;width: 100%;height: 100%;} .pro-describe-deail {word-wrap:break-word; width:100%; padding: 0 10px;margin-top:14px; margin-bottom: 24px;color:#858585; font-size: 12px; line-height: 20px}; .pro-Price-deail{ padding: 0 10px;padding-top: 20px; color:red;font-size:14px; } .pro-Price-deail b{ color:red; font-size:24px; } .bgcolor{ width: 100%; height: 10px; background-color: #000;} </style> <div class="html2canvas"> <div class="pro-share-qrcode"> <div id="jq-logo"></div> <div class="pro-img-deail "></div> <div class="pro-name-deail">CMT-100 串口扩展?？?/div> <div class="pro-describe-deail"></div> </div> <div class="pro-share-qrcode-bottom" > <div class="bottom-div"> <div class="bottom-tr"> <div class="pro-share-qrcode-img"> <div id="jq-qrcode"></div> <input type="hidden" id="qrurl" class="Productqrurl" value=" ProductDetail/3754501.html?invite=" /> </div> <div class="pro-share-qrcode-txt"> 长按识别二维码查看详情 </div> </div> </div> </div> <div class="bgcolor"></div> </div> <div id="shareContent"></div> <div class="imgmodal"> <div class="imgmodal-body"> <div class="img-closebtn"><img src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/close.png" width="25px"></div> <div class="img-show"> <div class="load-img"> <img src="http://cdn.img-sys.com/skinp/common/mobile/css/loading-4.gif" alt="" />  </div> </div> <div class="imgmodal-txt" style="margin-top: 20px"> <div class="copylink" onclick="copylink()" style="margin-bottom: 10px"> <img src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/link.png" class="copylink-ico" /> <span class="copylink-txt">复制产品链接</span> </div> <div class="downimg" id="downimga"> <img src="http://cdn.img-sys.com/skinp/common/mobile/images/qrcode/down.png" class="downimg-ico" /> <span class="downimg-txt">长按图片保存/分享</span> </div> </div> </div> </div>  </div> </div> </form> <script> var tempWidthCount = 0; $('.particulars .particularsNavBox').find('li').each(function () { tempWidthCount = tempWidthCount + $(this).outerWidth(); }) $(window).load(function () { loadComment(); }); //加载评论相关 function loadComment() { var flag = "1" == "1" && "1" == "1" && '0' == '1'; if (!flag) return; $.getJSON("/productcomment?a=GetCount", { ProductID: 3754501}, function (json) { if (json.success) { if (json.info.all > 0) { loadCommentList(); } } }); } function loadCommentList() { $('#goods-comment').load("/productcomment?ProductID=3754501}"); } addScript('/skinp/modules/ModuleProductDetailGiant/details.js', function () { $(function () { details('176462421', '105', '0', '[]', '[]', '1', '/comdata/84016/product/20200406170523A9CCB3C535B8E520_b.jpg', 'CMT-100 串口扩展?？?); }); }); initProductDetailQrcode('扫描二维码'); </script> </div> </div> </div> <script id='C7F1E7F2D7F11C4D2E229766416233E6'>computeZoneHeight($('#C7F1E7F2D7F11C4D2E229766416233E6').parent());</script> </div> <div id='FooterZone' ismodulecontainer='true' class='FooterContainer FooterZoneContainer ZoneContainer FooterZone ModuleContainer clearfix '><div class="ModuleItem StaticModule " wo="347" id="module_176462221" > <div class="ModuleGridGiant layout-101 layout-color- module_176462221 clearfix">  <div class='BodyCenter BodyCenter176462221 clearfix'><div class='ModuleGridContainer ModuleGridContainer176462221' gridswidthmode='2'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub176462221_1' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-6 col-md-6 col-lg-6' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="347" id="module_176462358" > <div class="ModuleImageTextGiant layout-101 layout-color-orange module_176462358 clearfix">  <div class='BodyCenter BodyCenter176462358 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 1.75em;"><span style="color: rgb(255, 255, 255);"><strong><span style="font-size: 18px;">联系我们</span></strong></span></p> <p style="line-height: 1.75em;"><span style="color: rgb(255, 255, 255);">电话：0757-88554272 传真： 0757-86773931 </span></p> <p style="line-height: 1.75em;"><span style="color: rgb(255, 255, 255);">网址：http://www.yyyour.com 邮箱：chanstek@126.com</span></p> <p style="line-height: 1.75em;"><span style="color: rgb(255, 255, 255);">地址：佛山市南海平洲夏东涌口工业区石龙北路西区(华生彩印大院)</span></p> <p style="line-height: 1.75em;"> </p> <p style="line-height: 1.75em;"> </p> </div> </div> <script> changeFontSize($('#module_176462358')); </script></div> </div> </div> </div><div class='clearfix visible-xs'></div><div id='Sub176462221_2' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-6 col-md-6 col-lg-6' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule mhidden-xs" wo="347" id="module_176464789" > <div class="ModuleImageGiant layout-101 layout-color- module_176464789 clearfix">  <div class='BodyCenter BodyCenter176464789 clearfix'> <img class="image-animation" src="http://cdn.img-sys.com/comdata/84016/202102/202102011130356a8c06.jpg" url="/comdata/84016/202102/202102011130356a8c06.jpg" alt="图片展示" /> </div> </div> </div> </div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("176462221",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"" }); }); </script> </div> </div> </div> </div> </div> </div>   <div class="ModuleItem " id="module_176462382" > <div id="module_176462382" class="MobileFloatNav"> <div class="FloatNavQRCode" style="z-index:5001" onclick="FloatQRShow();"> <div class="FloatNavMask"></div> <span class="FloatNavQRCodeImg" style="display:block;"><img id="imgFloatNavQrCode" style="width: 160px; height: 160px;" _src="/index.php?c=front/Qrcode&a=getFloatNavQrCode" /></span> </div> <div id="MobileFloatNav" Param_Enable = 0 class="ModuleMobileFloatNavGiant setright " style='bottom:100px;display:none; '> <div class="FloatNavitemlist"> <a href="tel:" class="itembtn" itemid="2"> <span moren='icon-dianhua-moren' class="itemicon icon iconfont icon-dianhua-moren " style = ""> </span> </a> <a onclick="gototop()" class="itembtn" itemid="3"> <span moren='icon-zhiding-moren' class="itemicon icon iconfont icon-zhiding-moren " style = ""></span> </a> </div> <div class="defaultbtn"> <span class="spotgroup icon iconfont icon-gengduotianchong"></span> </div> </div> <script> $(function () { isshowFloatNav() $('.defaultbtn').click(function () { var items = $(".FloatNavitemlist a").length; if ($('.FloatNavitemlist').css("display") == "none") { $(this).addClass('defaultbtnbghover') $(this).find('.spotgroup').addClass('defaultbtniconbghover') $(this).find('span').removeClass('icon-gengduotianchong'); $(this).find('span').addClass('icon-guanbi'); } else { $(this).removeClass('defaultbtnbghover') $(this).find('.spotgroup').removeClass('defaultbtniconbghover') $(this).find('span').addClass('icon-gengduotianchong'); $(this).find('span').removeClass('icon-guanbi'); } if($(".FloatNavitemlist").css('display')=='block'){ $(".FloatNavitemlist").css('display','none') $(".FloatNavitemlist").css('height',"50") }else{ $(".FloatNavitemlist").css('display','block') $(".FloatNavitemlist").animate({ height: 60 * items }, 100) } itemtext(); }) $(window).on('resize', function () { isshowFloatNav() }) if(window.CanDesign == 'True'){ $('.defaultbtn').click(); setInterval(itemtext,50) } }) function isshowFloatNav() { if ($(window).width() > 992) { $('#MobileFloatNav').css('display', 'none') } else { if($("#MobileFloatNav").attr("Param_Enable") == 1) $('#MobileFloatNav').css('display', 'block') } } function FloatQRShow() { if (!$('#imgFloatNavQrCode').attr('src')) { $('#imgFloatNavQrCode').attr('src', $('#imgFloatNavQrCode').attr('_src')); } $(".FloatNavQRCode").toggle(); var dmHeight = $(".FloatNavQRCodeImg").height(); var sTop = $(".footer").offset().top - dmHeight; var left = $(".footer").offset().left; var width = $('#pagebody').width(); if (navigator.platform.toLowerCase().indexOf("win") > -1) width = parseInt(width) - 17; if (typeof (modulesContainers) != 'undefined') { $(".FloatNavQRCodeImg").css({ "width": $('#pagebody').width() - 6, "bottom": $(".footer").height(), "left": left + "px", "height": dmHeight + "px" }); $(".FloatNavMask").css({ "width": "100%", "height": $('#pagebody').outerHeight() + "px", "top": $('#pagebody').offset().top + "px" }); } else { $(".FloatNavQRCodeImg").css({ "width": "192px", "height": "192px", "top": "initial", "bottom": $('#MobileFloatNav').innerHeight(), "left": ($('body').outerWidth() / 2 - $(".FloatNavQRCodeImg").outerWidth() / 2) }); $(".FloatNavMask").css({ "width": "100%", "height": "100%", "top": "0" }); } return false; } function itemtext() { $(".itemtext").each(function () { var fontsize = $(this).css('font-size').replace('px',''); //var count = $(this).html().trim().length; var widthcount = getwidth($(this).html().trim())* fontsize; $(this).css('width',widthcount); if ($(this).hasClass("itemtextleft")) { $(this).css("left", "65px") } else { $(this).css("left", "-" + ($(this).outerWidth() + 15) + "px") } // if ($(this).attr('isok') !== '1') { // $(this).attr('isok', '1') // } }) } function getwidth(value){ var count = 0 var length = value.length; for(var i=0; i<=length - 1;i++){ if(/^[A-Za-z0-9]*$/.test(value[i])) { count = count + 0.5; }else{ count=count+1; } } return Math.ceil(count); } </script> <style> .setletf { left: 10px } .setright { right: 10px } </style> </div> </div>     <div id="enterpriseCardBox" style="display: none;"> <div class="enterpriseCardContainer"> <a href=""></a> <div><img src=""></div> </div> <script type="text/javascript"> $(function () { var enterpriseCardIDIndex = 'enterpriseCardID' + getCookie('InitSiteID') if ( getCookie(enterpriseCardIDIndex) && Number(getCookie(enterpriseCardIDIndex)) > 0 && getCookie(enterpriseCardIDIndex) != undefined && getCookie(enterpriseCardIDIndex) != null && getCookie(enterpriseCardIDIndex) != '' && window.innerWidth < 768 ) { $('#enterpriseCardBox .enterpriseCardContainer a').attr('href', '/EnterpriseCard/' + getCookie(enterpriseCardIDIndex)); $('#enterpriseCardBox .enterpriseCardContainer a').html('回到' + getCookie('enterpriseCardName' + getCookie('InitSiteID')) + '的个人主页'); $('#enterpriseCardBox .enterpriseCardContainer img').attr('src', getCookie('enterpriseCardImage' + getCookie('InitSiteID'))); $('#enterpriseCardBox').show(); $('#enterpriseCardBox .enterpriseCardContainer div').on('click', function () { $('#enterpriseCardBox').addClass('enterpriseCardBoxShow'); return false; }); $('#enterpriseCardBox').on('click', function () { $('#enterpriseCardBox').removeClass('enterpriseCardBoxShow'); }); addScript('/scripts/jquery-ui.min.js', function(){ addScript('/scripts/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js', function () { $('#enterpriseCardBox .enterpriseCardContainer').draggable({ zIndex: 999, cursor: "move", scroll: false, appendTo: 'body', containment: 'body', start: function (event, ui) { $('#enterpriseCardBox').removeClass('enterpriseCardBoxRight') $('#enterpriseCardBox').removeClass('enterpriseCardBoxLeft') $(ui.helper).addClass('onDrag') }, drag: function (event, ui) {}, stop: function (event, ui) { $(ui.helper).removeClass('onDrag') if (parseInt($(ui.helper).css('top')) < 28) $(ui.helper).css('top', '28px'); else if (parseInt($(ui.helper).css('top')) > ($(window).height() - 28)) $(ui.helper).css('top', ($(window).height() - 28) + 'px'); if (ui.offset.left >= (window.innerWidth / 2)) $('#enterpriseCardBox').addClass('enterpriseCardBoxRight') else $('#enterpriseCardBox').addClass('enterpriseCardBoxLeft') } }); }); }); } else { $('#enterpriseCardBox').remove(); } }) </script> </div> <script type="text/javascript"> var rawUrl=""; var Page="YouZhan.SiteFront.ProductDetail"; var PageID="549790"; var PageConf = {"EnableBodyTopZone":true,"EnableBodyFootZone":true,"EnableBodyLeftZone":true,"EnableBodyRightZone":true,"EnableBodyFullPage":true,"EnableBodyMain1Zone":true,"EnableBodyMain2Zone":false,"EnableBodyMain3Zone":false,"EnableBodyMain4Zone":false,"HeaderZonePositionType":0,"FooterZonePositionType":0,"BodyTopZonePositionType":0,"BodyFootZonePositionType":0,"BodyLeftZonePositionType":0,"BodyRightZonePositionType":0,"BodyMain1ZonePositionType":0,"BodyMain2ZonePositionType":0,"BodyMain3ZonePositionType":0,"BodyMain4ZonePositionType":0,"EnableFreeMain":true}; var SiteLayoutSetting = {"siteLayout":"default","sidePlateWidth":240}; var SiteType="1"; var IsUserCenter = "0" var hasFullSwitch = 0; var isPlatformVersion = "1"; var SiteCreateTime = "1557395330"; var ENABLE_FENXIAO = ""; var isSysDomain = false; var SysDomain = ["yz168.cc","ijianzhan.net","iyz168.com","wds168.cn","dzg168.com","ish168.com"]; for(var i in SysDomain){ if(location.host.indexOf(SysDomain[i]) > -1){isSysDomain = true;break;} } if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE6.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE8.0"){ checkBowerTip(); } // 当在IE且布局为左右布局，则做点兼容处理 if($('#pagebody').hasClass('isPageFlowLayout') && SiteLayoutSetting && /msie/.test(navigator.userAgent.toLowerCase()) && !/opera/.test(navigator.userAgent.toLowerCase())) { if (SiteLayoutSetting.sidePlateWidth != undefined && SiteLayoutSetting.sidePlateWidth != null && SiteLayoutSetting.sidePlateWidth != '') { $('#pagebody').css('display', 'block'); $('#BodyMainZoneContainer').css('width', 'calc(100% - '+ SiteLayoutSetting.sidePlateWidth +'px)'); } } $(window).load(function(){ // 获取当前页面信息 if (window.CanDesign == "True") { if (window.parent && window.parent.getPageInfo && typeof window.parent.getPageInfo == 'function') { window.parent.getPageInfo(PageID) } } }) </script>  <script type='text/javascript'> delayload({ id: ['pagebody'], src: '/images/loading2.gif', bgsrc: '/images/imgbg.png' }); </script>  <script type='text/javascript'> var referrer = document.referrer + ''; if(IsWeiXin && referrer == '') referrer = 'wechat.com'; var countersrc = '/index.php?c=Front/Count&Referer='+escape(referrer)+'&Width='+escape(screen.width)+'&Height='+escape(screen.height)+'&Page='+escape(window.location.pathname+window.location.search); document.write("<script async type='text/javascript' src='" + countersrc + "'></"+"script>"); if (window.location.getQueryString){ var linkKID = window.location.getQueryString("linkKID"); if(linkKID){ var linkKeySrc = '/index.php?c=Front/Seo&a=innerLink&linkKID=' + linkKID; document.write("<script async type='text/javascript' src='" + linkKeySrc + "'></"+"script>"); } } </script>  <script src="http://static.styles-sys.com/share/wow.min.js"></script> <script> new WOW().init(); </script> <script> if (!IsWeiXin){ //addScript('/share/floaters.js',function(){ // addScript('/index.php?c=Front/IMPanel',null); //}); if(!isSysDomain){ (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; else bp.src = 'http://push.zhanzhang.baidu.com/push.js'; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); $(window).load(function(){ $.getJSON("/PageBaiduPush.php?siteid=" + getCookie('InitSiteID') + "&url=" + encodeURIComponent(window.location.href), null, function (json) {}); }) } }else{ addScript('https://res.wx.qq.com/open/js/jweixin-1.3.2.js'); addScript('/scripts/party/weixinshare.js?v=20201226001'); } $(window).load(function(){ if (IsWeiXin) { var match = window.location.href.match(/#invite(\d+)/i); var barurl = "/index.php?c=front/UserBar"; if(match && match[1]) barurl += "&invite="+match[1]; if ("YouZhan.SiteFront.ProductDetail" == "YouZhan.SiteFront.HomeIndex" || "YouZhan.SiteFront.ProductDetail" == "YouZhan.SiteFront.NewsDetail" || "YouZhan.SiteFront.ProductDetail" == "YouZhan.SiteFront.ProductDetail") $("#userbar").load(barurl); } }); </script> <script> $(window).load(function(){ var WUserID = getCookie("WUserID"); $.getJSON("/PageGetAgentInfo.php?wuserid="+ WUserID + "&action=getcopyright&callback=?", null, function (json) { if(json.success) $("body").append(json.info); }); if($(window).width()<787 && $("#SiteBah:visible").length > 0){ if($("#MobileFootNav:visible").length > 0){ $('#pagebody').css('padding-bottom',"80px"); }else{ $('#pagebody').css('padding-bottom',"30px"); } $('#MobileFootNav').css('cssText','bottom:30px') $('#SiteBah').css('cssText','width:100%;clear:both;background:#000;color:white;text-align:center;height:30px;line-height:30px;opacity:0.8;z-index:9999999;position: fixed;bottom:0') } }) </script> <a href="http://www.yyyour.com/">首页_亚洲AV色老汉影院</a> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>