CINXE.COM

CRC实业-防锈剂-透明保护漆 300g

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2" /> <title>CRC实业-防锈剂-透明保护漆 300g</title> <!-- swiper --> <link rel="stylesheet" href="/themes/theme-crc/assets/swiper/swiper-bundle.min.css" /> <script src="/themes/theme-crc/assets/swiper/swiper-bundle.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/themes/theme-crc/assets/dist/style.css?v=1.0.0" /> <!-- 引入icon静态图标库 --> <link rel="stylesheet" href="/themes/theme-crc/assets/icons/iconfont.css" /> <!-- 引入tailwind.css --> <link rel="stylesheet" href="/themes/theme-crc/assets/dist/output.css"> <!-- 引入全局css样式 common.css --> <link rel="stylesheet" href="/themes/theme-crc/assets/styles/common.css"> <script src="/themes/theme-crc/assets/dist/main.iife.js?v=1.0.0"></script> <meta name="keywords" content="智能装备维保,一般工业,家居精护,船舶航运,矿山采掘,风电-甲板维修/铭牌保养维护,电气清洗排湿防潮,设备部件防腐,电气和滑环清洗养护,控制柜&amp;示教器&amp;线耳&amp;电子元件&amp;线缆清洁养护,轮机维修/电气设备保养维护,电气&amp;电脑&amp;游戏机保养,设备及备件排湿防腐,清洁保护设备线路板&amp;电子元件,金属零部件清洗和防腐"> <meta name="description" content="透明保护漆 300g-本产品是一种透明保护漆,用于印刷电路板的通用保护膜。为保护印制电路板免于漏电和短路而研发。透明的丙烯酸绝缘薄膜耐各种稀酸、稀碱、醇和湿气,同时防滴并且可焊通。" /> <script> main.initColorScheme("light",true) // const href = window.location.href // if(href.includes('crcindustries')){ // } // 引入百度统计 var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d140e4949f50a3101bdc7ecea49a1c50"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <meta name="generator" content="Halo 2.20.0-SNAPSHOT"/><script class="pjax"> var autoContactFrom = [] </script> <script src="/plugins/PluginContactForm/assets/static/contact-form.iife.js?version=1.1.0"></script> <link rel="stylesheet" href="/plugins/PluginContactForm/assets/static/style.css?version=1.1.0" /> <!-- PluginSearchWidget start --> <script src="/plugins/PluginSearchWidget/assets/static/search-widget.iife.js?version=1.6.2" async></script> <link rel="stylesheet" href="/plugins/PluginSearchWidget/assets/static/style.css?version=1.6.2" /> <!-- PluginSearchWidget end --> <link rel="icon" href="/upload/favicon.ico" /> </head> <body myselfAttr="我是一个自定义属性" class="dark:bg-zinc-900 bg-[#F8F9FC]" x-data="search"> <style> .swiper{ --swiper-theme-color: #CF0135;/* 设置Swiper风格 */ --swiper-navigation-color: #000;/* 单独设置按钮颜色 */ --swiper-navigation-size: 0.625rem;/* 设置按钮大小 */ } /* @font-face { font-family: SourceHanSansNormal; src: url("/assets/fonts/SourceHanSansCN-Normal.otf"); } */ body { font-family: SourceHanSansNormal !important; /* cursor:pointer; */ } </style> <!-- 全局右侧浮窗 --> <!-- <div class="pc"> <th:block th:object="${theme.config.floatingWindow}"> <div class="z-50 box-border w-[3.125rem] fixed top-[50%] translate-y-[-50%] right-[3%]"> <a target="_blank" th:href="*{customerService}" class="w-[4.625rem] h-[4.625rem] mb-1 bg-[#C30E2E] text-white flex flex-col items-center justify-center"> <div class="w-[1.6875rem] h-[1.6875rem] mb-2"> <img th:src="@{/assets/images/在线客服@2x.png}" alt="在线客服"> </div> <div>在线客服</div> </a> <div class="w-[4.625rem] h-[4.625rem] mb-1 bg-[#C30E2E] text-white relative tel"> <div class="h-full w-full flex flex-col items-center justify-center"> <div class="w-[1.6875rem] h-[1.6875rem] mb-2"> <img th:src="@{/assets/images/电话咨询@2x.png}" alt="电话咨询"> </div> <div>电话咨询</div> </div> <div class="tel_number"> <div class="tracking-[0.125rem] box-border p-3" > <span class="w-full whitespace-nowrap" th:text="*{telephone}"></span> </div> </div> </div> <script th:inline="javascript" type="text/javascript"> // 查看theme.config的数据 let config = /*{&quot;slots&quot;:{},&quot;telephone&quot;:&quot;021-62366035&quot;}*/{} // console.log(config,"看看config中的数据111") </script> <style> .tel_number{ height: 100%; min-width: 16rem; position: absolute; top: 0; right: 4.625rem; background: #C30E2E; visibility: hidden; transition: opacity 0.3s, transform 0.3s; color: #fff; font-size: 1.625rem; display: flex; align-items: center; justify-content: center; } .tel:hover .tel_number { opacity: 1; visibility: visible; /* 添加一些平滑的动画效果 */ transform: translateX(-0.3125rem); } </style> </div> </th:block> </div> --> <header id="header-menu" class="sticky top-0 z-50 flex h-16 bg-white py-3 shadow-sm transition-all dark:bg-gray-800" x-data="{ open : false }" > <!-- <div class="mx-auto flex h-full w-full justify-between max-w-7xl px-4 lg:px-6"> --> <div class="mx-auto flex h-full w-full justify-between max-w-7xl container "> <!-- logo --> <div class="flex h-full items-center gap-6"> <div class="mr-2 h-full"> <a href="/" class="inline-flex h-full items-center"> <img src="/upload/CRC-logo.png" alt="Logo" class="h-full w-auto" /> </a> </div> </div> <!-- 菜单项 --> <ul class="hidden items-center gap-8 sm:flex" > <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="/" >首页</a> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="/productCenter" target="_self" >产品中心</a> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="#" target="_self" >行业应用</a> <ul @mouseenter="open()" @mouseleave="close()" x-show="show" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="menu-dropdown absolute left-0 z-10 mt-2 w-40 divide-y divide-gray-50 overflow-hidden rounded bg-white shadow dark:bg-slate-700" > <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/general-manufacturing" target="_self" >一般工业</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/hardware" target="_self" >五金工具</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/Intelligent-equipment-maintenance" target="_self" >智能装备维保</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/rail-transit" target="_self" >轨道交通</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/Yacht-maintenance" target="_self" >游艇养护</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/marine" target="_self" >船舶航运</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/mining" target="_self" >矿山采掘</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/aviation" target="_self" >航空航天</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/home-care" target="_self" >家居精护</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/welding" target="_self" >焊接</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/fire-control" target="_self" >消防</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/electrical-utility" target="_self" >风电</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/food-beverage" target="_self" >食品</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/heavy-truck" target="_self" >汽车卡车养护</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/industry/motorcycle-and-bicycle-maintenance" target="_self" >摩托车和自行车养护</a> </li> </ul> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="/about-us" target="_self" >关于我们</a> <ul @mouseenter="open()" @mouseleave="close()" x-show="show" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="menu-dropdown absolute left-0 z-10 mt-2 w-40 divide-y divide-gray-50 overflow-hidden rounded bg-white shadow dark:bg-slate-700" > <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/contact-us" target="_self" >联系我们</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="/product-quality" target="_self" >产品质量</a> </li> </ul> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="http://verify.crcindustries.cn/scanCodePage/com5020_pc/index.html" target="_blank" >防伪查询</a> </li> <li class="relative cursor-pointer font-medium transition-all" x-data="dropdown" @mouseenter="open()" @mouseleave="close()" > <a class="text-gray-700 hover:text-red-600 dark:text-slate-50 dark:hover:text-gray-300" href="/" target="_self" >网上商城</a> <ul @mouseenter="open()" @mouseleave="close()" x-show="show" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="menu-dropdown absolute left-0 z-10 mt-2 w-40 divide-y divide-gray-50 overflow-hidden rounded bg-white shadow dark:bg-slate-700" > <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="https://crcqcpj.tmall.com" target="_blank" >天猫商城</a> </li> <li class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-text-red dark:text-slate-50 dark:hover:text-gray-300" href="https://mall.jd.com/index-1000207353.html" target="_blank" >京东商城</a> </li> </ul> </li> </ul> <!-- 搜索 --> <div class="flex items-center"> <script type="text/javascript"> </script> <ul x-data="colorSchemeSwitcher" class="flex items-center gap-4"> <li> <a href="javascript:SearchWidget.open()" title="搜索" class="w-8 h-8 hover-content" > <img class="w-8 h-8 nohover" src="/themes/theme-crc/assets/images/搜索@2x.png" alt="搜索"> <img class="w-8 h-8 hover-show" src="/themes/theme-crc/assets/images/搜索图标-白底红字.jpg" alt="搜索"> </a> <style> .nohover{ display:block; } .hover-show{ display: none; } .hover-content:hover .nohover{ display: none; } .hover-content:hover .hover-show{ display: block; border: 0.0625rem solid #cf0135; } </style> </li> <li class="sm:hidden" x-on:click="open = true"> <div class="i-tabler-menu-2 text-lg text-gray-600 hover:text-blue-600 dark:text-slate-100"></div> </li> <!-- <li th:if="${theme.config.style.enable_change_color_scheme}" x-data="dropdown" class="relative cursor-pointer transition-all" @mouseenter="open()" @mouseleave="close()" > <div class="cursor-pointer text-lg text-gray-600 transition-all hover:text-blue-600 dark:text-slate-100" :class="colorScheme.icon" @click="[main.setColorScheme(nextColorScheme.value,true), currentValue = nextColorScheme.value]" :title="`当前主题:${colorScheme.label},点击切换为:${nextColorScheme.label}`" ></div> </li> --> <!-- https://github.com/halo-sigs/plugin-search-widget --> <!-- <li x-data="dropdown" class="relative cursor-pointer transition-all" th:with="currentUser = ${contributorFinder.getContributor(#authentication.name)}" @mouseenter="open()" @mouseleave="close()" > <div> <div class="size-5 text-gray-600 hover:text-blue-600 dark:text-slate-100"> <img class="size-5 rounded-full" th:src="${currentUser.avatar ?: #theme.assets('/images/default-avatar.svg')}" th:alt="${currentUser.displayName}" /> </div> <ul @mouseenter="open()" @mouseleave="close()" x-show="show" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute right-0 z-10 mt-2 w-40 divide-y divide-gray-50 overflow-hidden rounded bg-white shadow dark:divide-slate-600 dark:bg-slate-700" > <li sec:authorize="isAuthenticated()" class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300" href="/// console" target="_blank" > 控制台 </a> </li> <li sec:authorize="isAuthenticated()" class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" x-data="logout" @click="handleLogout" > <span class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300" > 退出登录 </span> </li> <li sec:authorize="isAnonymous()" class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" > <a class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300" href="/// console/login" > 登录 </a> </li> </ul> </div> </li> --> </ul> </div> </div> <div> <div class="fixed inset-0 z-50 bg-gray-800/40 opacity-100 backdrop-blur-sm dark:bg-black/80" aria-hidden="true" x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ></div> <div class="fixed inset-x-4 top-8 z-50 origin-top scale-100 rounded-lg bg-white p-4 dark:bg-slate-900" tabindex="-1" x-show="open" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" @click.outside="open = false" > <div class="flex flex-row-reverse items-center justify-between"> <button class="i-tabler-x p-1 text-xl text-gray-600 dark:text-slate-300" type="button" tabindex="0" @click="open = false" ></button> <h2 class="text-sm font-medium text-gray-600 dark:text-slate-300">菜单</h2> </div> <nav class="mt-6"> <ul class="-my-2 divide-y divide-gray-100 text-sm text-gray-800 dark:divide-slate-800 dark:text-slate-100" style="height: 35rem; overflow: auto;"> <li> <a class="flex items-center justify-between gap-1 py-2" href="/" > <span>首页</span> </a> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="/productCenter" target="_self" > <span>产品中心</span> </a> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="#" target="_self" > <span>行业应用</span> </a> <ul class="divide-y divide-gray-100 dark:divide-slate-800"> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/general-manufacturing" target="_self" >一般工业</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/hardware" target="_self" >五金工具</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/Intelligent-equipment-maintenance" target="_self" >智能装备维保</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/rail-transit" target="_self" >轨道交通</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/Yacht-maintenance" target="_self" >游艇养护</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/marine" target="_self" >船舶航运</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/mining" target="_self" >矿山采掘</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/aviation" target="_self" >航空航天</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/home-care" target="_self" >家居精护</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/welding" target="_self" >焊接</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/fire-control" target="_self" >消防</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/electrical-utility" target="_self" >风电</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/food-beverage" target="_self" >食品</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/heavy-truck" target="_self" >汽车卡车养护</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/industry/motorcycle-and-bicycle-maintenance" target="_self" >摩托车和自行车养护</a> </li> </ul> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="/about-us" target="_self" > <span>关于我们</span> </a> <ul class="divide-y divide-gray-100 dark:divide-slate-800"> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/contact-us" target="_self" >联系我们</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="/product-quality" target="_self" >产品质量</a> </li> </ul> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="http://verify.crcindustries.cn/scanCodePage/com5020_pc/index.html" target="_blank" > <span>防伪查询</span> </a> </li> <li> <a class="flex items-center justify-between gap-1 py-2" href="/" target="_self" > <span>网上商城</span> </a> <ul class="divide-y divide-gray-100 dark:divide-slate-800"> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="https://crcqcpj.tmall.com" target="_blank" >天猫商城</a> </li> <li class="flex w-full items-center text-left text-sm"> <a class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" href="https://mall.jd.com/index-1000207353.html" target="_blank" >京东商城</a> </li> </ul> </li> </ul> </nav> </div> </div> </header> <section class="container mx-auto"></section> <section class="container mx-auto grid grid-cols-4 gap-6"> <div class="col-span-5 sm:col-span-4"> </div> </section> <!-- 首页 home--> <link rel="stylesheet" href="/themes/theme-crc/assets/styles/common.css" /> <link rel="stylesheet" href="/themes/theme-crc/assets/swiper/swiper-bundle.min.css" /> <script src="/themes/theme-crc/assets/swiper/swiper-bundle.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/themes/theme-crc/assets/video/video-js.css" /> <script src="/themes/theme-crc/assets/video/video.js" type="text/javascript"></script> <!-- todo 后面删掉 --> <!-- <a th:href='|http://test-site.mro618.com/// console/product/v2/edit?name=${product.spec.code}&operate=edit|' target="_blank" class="z-50 box-border fixed top-28 right-28 bg-slate-200 h-[4.5rem] w-[4.5rem] rounded-full flex items-center justify-center">--> <!-- <div class="i-tabler-edit text-[1.5rem] text-text-red"></div>--> <!-- <div class="text-text-red">编辑</div>--> <!-- </a>--> <div class="pc "> <!-- 顶部图片 --> <script type="text/javascript"> let product = {"title":"\u900F\u660E\u4FDD\u62A4\u6F06 300g","alias":"Plasticote 70 300g","code":"PR2043","functionLabel":"tag-vSFIu","industryIds":["category-qTTnZ","category-ryiah","category-QtAEL","category-xrIfz","category-BgoWp","category-aEmAa"],"appIds":["category-mdrLy","category-OknCF","category-FSzEb","category-YIuER","category-NNnyL","category-IapFS","category-FSzEb","category-LBGli","category-inZXB","category-qPedT","category-dtsyZ"],"titleBg":null,"mainImgs":["\/upload\/PR2043-0.png"],"adesc":"\u672C\u4EA7\u54C1\u662F\u4E00\u79CD\u900F\u660E\u4FDD\u62A4\u6F06\uFF0C\u7528\u4E8E\u5370\u5237\u7535\u8DEF\u677F\u7684\u901A\u7528\u4FDD\u62A4\u819C\u3002\u4E3A\u4FDD\u62A4\u5370\u5236\u7535\u8DEF\u677F\u514D\u4E8E\u6F0F\u7535\u548C\u77ED\u8DEF\u800C\u7814\u53D1\u3002\u900F\u660E\u7684\u4E19\u70EF\u9178\u7EDD\u7F18\u8584\u819C\u8010\u5404\u79CD\u7A00\u9178\u3001\u7A00\u78B1\u3001\u9187\u548C\u6E7F\u6C14\uFF0C\u540C\u65F6\u9632\u6EF4\u5E76\u4E14\u53EF\u710A\u901A\u3002","feature":["\u6325\u53D1\u901F\u5EA6\u5FEB","\u6709\u6548\u4FDD\u62A4\u8BBE\u5907\u62B5\u5FA1\u6E7F\u6C14\u548C\u76D0\u96FE\u7684\u4E25\u91CD\u4FB5\u8680\uFF0C\u5EF6\u957F\u4F7F\u7528\u5BFF\u547D","\u63D0\u4F9B\u957F\u671F\u7684\u5BA4\u5185\/\u5BA4\u5916\u4FDD\u62A4","\u5BF9\u4E8E\u96F6\u90E8\u4EF6\u3001\u8BBE\u5907\u3001\u673A\u68B0\u3001\u7535\u5B50\u8FDE\u63A5\u5668\u7B49\u7684\u4FDD\u62A4\u65F6\u95F4\u957F\u8FBE\u4E24\u5E74\u4E4B\u4E45","\u6613\u4E8E\u8FD4\u4FEE","\u4EA7\u54C1\u542B\u8367\u5149\u6307\u793A\u5242\uFF0C\u53EF\u4EE5\u901A\u8FC7UV\u706F\u89C2\u5BDF\u819C\u5C42\u662F\u5426\u5B8C\u5168\u6D82\u8986\u5728\u6240\u9700\u7684\u533A\u57DF"],"scene":"\u4FDD\u62A4\u5143\u5668\u4EF6\u514D\u53D7\u51B7\u51DD\u6DB2\u548C\u6E7F\u6C14\u7684\u5F71\u54CD\uFF1B\n\u5370\u5236\u7535\u8DEF\u677F\uFF0C\u9632\u6B62\u6F0F\u7535\uFF1B\n\u7535\u7F06\u548C\u7535\u7EBF\u7684\u7EDD\u7F18\uFF1B\n\u6D82\u6577\u5728\u66B4\u9732\u4E8E\u5927\u6C14\u4E2D\u7684\u7AEF\u5B50\u677F\u3001\u87BA\u6813\u5F0F\u63A5\u7EBF\u67F1\u548C\u5F00\u5173\u76D2\u4E0A\uFF1B\n\u5E94\u7528\u4E8E\u7535\u89C6\u4EA7\u54C1\u4E2D\uFF0C\u51CF\u5C11\u56E0\u9AD8\u538B\u53D8\u538B\u5668\u5BFC\u81F4\u7684\u7535\u6655\u653E\u7535\uFF0C\u907F\u514D\u7EBF\u6027\u53D8\u538B\u5668\u7684\u6F0F\u7535\uFF1B\n\u4FDD\u62A4\u5730\u56FE\u3001\u56FE\u8868\u3001\u5408\u6CD5\u6587\u4EF6\u3001\u6280\u672F\u7ED8\u56FE\u3001\u5EFA\u7B51\u5E73\u9762\u56FE\u3001\u5267\u672C\u7B49\u5176\u5B83\u67D4\u6027\u7269\u4EF6\u3002\n\u9AD8\u9891\u3001\u7535\u89C6\u548C\u65E0\u7EBF\u7535\u5929\u7EBF\u7684\u4FDD\u62A4\uFF0C\u9632\u6B62\u5927\u6C14\u8150\u8680\uFF1B\n\u4FDD\u62A4\u822A\u6D77\u65E0\u7EBF\u7535\u548C\u5176\u5B83\u5143\u5668\u4EF6\u514D\u53D7\u76D0\u6C34\u7684\u8150\u8680\u3002","isPublish":true,"isShutDown":false,"isTop":null,"topSort":-2,"qrCode":"iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAIAAACxN37FAAATuElEQVR4Xu3SMZLgupYD0b\/\/Tc94bRzCQPNRV1VqpqlAAqSC\/\/u\/y+VD\/M8Pl8tv5j7oy6e4D\/ryKe6DvnyK+6Avn+I+6MunuA\/68inug758ivugL5\/iPujLp7gP+vIp7oO+fIr7oC+f4j7oy6e4D\/ryKe6DvnyK+6Avn+I+6MunuA\/68inug758ivugL5\/iPujLp7gP+vIp7oO+fIr7oC+f4j7oy6e4D\/ryKe6DvnyK+6Avn+I+6MunuA\/68inug758iokH\/b9X8TQJnQ5bUo+JhM4u9iZ0ZvE0DzCy8SqeJqHTYUvqMZHQ2cXehM4snuYBRjZexdMkdDpsST0mEjq72JvQmcXTPMDIxqt4moROhy2px0RCZxd7EzqzeJoHGNl4FU+T0OmwJfWYSOjsYm9CZxZP8wAjG6\/iaRI6HbakHhMJnV3sTejM4mkeYGRjwcQ5XDq3Ze8u9iZ0zlkmUuYULj259YeRjQUT53Dp3Ja9u9ib0DlnmUiZU7j05NYfRjYWTJzDpXNb9u5ib0LnnGUiZU7h0pNbfxjZWDBxDpfObdm7i70JnXOWiZQ5hUtPbv1hZGPBxDlcOrdl7y72JnTOWSZS5hQuPbn1h5GNBRPncOnclr272JvQOWeZSJlTuPTk1h9GNhZMpEyDLanHREKnw5aETrJMpMyKTkInWSZSpsGW1GPiAUY2FkykTIMtqcdEQqfDloROskykzIpOQidZJlKmwZbUY+IBRjYWTKRMgy2px0RCp8OWhE6yTKTMik5CJ1kmUqbBltRj4gFGNhZMpEyDLanHREKnw5aETrJMpMyKTkInWSZSpsGW1GPiAUY2FkykTIMtqcdEQqfDloROskykzIpOQidZJlKmwZbUY+IBRjYWTKRMgy2px0RCp8OWhE6yTKTMik5CJ1kmUqbBltRj4gFGNhZMpEyDLanHxG5mReccLiV0OmxJPSY6bEk9Jh5gZGPBRMo02JJ6TOxmVnTO4VJCp8OW1GOiw5bUY+IBRjYWTKRMgy2px8RuZkXnHC4ldDpsST0mOmxJPSYeYGRjwUTKNNiSekzsZlZ0zuFSQqfDltRjosOW1GPiAUY2FkykTIMtqcfEbmZF5xwuJXQ6bEk9JjpsST0mHmBkY8FEyjTYknpM7GZWdM7hUkKnw5bUY6LDltRj4gFGNhZMpEyDLanHxGxmRSehs2ut6CTLRIctqcfEA4xsLJhImQZbUo+J2cyKTkJn11rRSZaJDltSj4kHGNlYMJEyDbakHhOzmRWdhM6utaKTLBMdtqQeEw8wsrFgImUabEk9JmYzKzoJnV1rRSdZJjpsST0mHmBkY8FEyjTYknpMzGZWdBI6u9aKTrJMdNiSekw8wMjGgomUabAl9ZiYzazoJHR2rRWdZJnosCX1mHiAkY0FE+dwqdvSSegkdHatFZ2ETrJMpMwpXHpy6w8jGwsmzuFSt6WT0Eno7ForOgmdZJlImVO49OTWH0Y2Fkycw6VuSyehk9DZtVZ0EjrJMpEyp3Dpya0\/jGwsmDiHS92WTkInobNrregkdJJlImVO4dKTW38Y2VgwcQ6Xui2dhE5CZ9da0UnoJMtEypzCpSe3\/jCysWDiHC51WzoJnYTOrrWik9BJlomUOYVLT279YWTjVTxNOo+Jfykziad5gJGNV\/E06Twm\/qXMJJ7mAUY2XsXTpPOY+Jcyk3iaBxjZeBVPk85j4l\/KTOJpHmBk41U8TTqPiX8pM4mneYCRjVfxNOk8Jv6lzCSe5gEmNn4+\/vju1+skdDrrFG7\/A\/yLd17xIXRPQSeh01mncPsf4F+884oPoXsKOgmdzjqF2\/8A\/+KdV3wI3VPQSeh01inc\/gf4F++84kPonoJOQqezTuH2P8C\/eOcVH0L3FHQSOp11Crf\/ASbu7G9O6HTY0mFL16PTWQ32JnSSZSJlGmxJ6PwYJk7mz0jodNjSYUvXo9NZDfYmdJJlImUabEno\/BgmTubPSOh02NJhS9ej01kN9iZ0kmUiZRpsSej8GCZO5s9I6HTY0mFL16PTWQ32JnSSZSJlGmxJ6PwYJk7mz0jodNjSYUvXo9NZDfYmdJJlImUabEno\/BgmTubPSOh02NJhS9ej01kN9iZ0kmUiZRpsSej8GCZO5s9I6CR0OmsPl57ceg7vkG5hYhd7U7OJBxjZKNBJ6HTWHi49ufUc3iHdwsQu9qZmEw8wslGgk9DprD1cenLrObxDuoWJXexNzSYeYGSjQCeh01l7uPTk1nN4h3QLE7vYm5pNPMDIRoFOQqez9nDpya3n8A7pFiZ2sTc1m3iAkY0CnYROZ+3h0pNbz+Ed0i1M7GJvajbxACMbCyZ2sTeh8zstEwmdhE6yTKTMis5LTJzDq5+7vL0Jnd9pmUjoJHSSZSJlVnReYuIcXv3c5e1N6PxOy0RCJ6GTLBMps6LzEhPn8OrnLm9vQud3WiYSOgmdZJlImRWdl5g4h1c\/d3l7Ezq\/0zKR0EnoJMtEyqzovMTEObz6ucvbm9D5nZaJhE5CJ1kmUmZF5yUmzuHVEzoJnYROQidZJhI6CZ0OW97uWbG3a9Z5gJGNAp2ETkInoZMsEwmdhE6HLW\/3rNjbNes8wMhGgU5CJ6GT0EmWiYROQqfDlrd7VuztmnUeYGSjQCehk9BJ6CTLREInodNhy9s9K\/Z2zToPMLJRoJPQSegkdJJlIqGT0Omw5e2eFXu7Zp0HGNko0EnoJHQSOskykdBJ6HTY8nbPir1ds84DjGwcwt5zzQ1uJ3Q6bEk9JlJmRWcXexM6yTLxACMbh7D3XHOD2wmdDltSj4mUWdHZxd6ETrJMPMDIxiHsPdfc4HZCp8OW1GMiZVZ0drE3oZMsEw8wsnEIe881N7id0OmwJfWYSJkVnV3sTegky8QDjGwcwt5zzQ1uJ3Q6bEk9JlJmRWcXexM6yTLxACMbh7D3XHOD2wmdDltSj4mUWdHZxd6ETrJMPMDIxoKJlNnD3tlmEwmdhE6HLanHxC72\/hgmTubPSL\/DxC72zjabSOgkdDpsST0mdrH3xzBxMn9G+h0mdrF3ttlEQieh02FL6jGxi70\/homT+TPS7zCxi72zzSYSOgmdDltSj4ld7P0xTJzMn5F+h4ld7J1tNpHQSeh02JJ6TOxi749h4mT+jPQ7TOxi72yziYROQqfDltRjYhd7fwwTJ\/NnpN9hIqGza63odFaDvV2zTmft4VLaMrGLvQ8wsrFgImVWdHatFZ3OarC3a9bprD1cSlsmdrH3AUY2FkykzIrOrrWi01kN9nbNOp21h0tpy8Qu9j7AyMaCiZRZ0dm1VnQ6q8Herlmns\/ZwKW2Z2MXeBxjZWDCRMis6u9aKTmc12Ns163TWHi6lLRO72PsAIxsLJlJmRWfXWtHprAZ7u2adztrDpbRlYhd7H2Bko0Cnw5bUY2IXe1OziYROZ63Ycq5nRSdZJl5i4hxePaHTYUvqMbGLvanZREKns1ZsOdezopMsEy8xcQ6vntDpsCX1mNjF3tRsIqHTWSu2nOtZ0UmWiZeYOIdXT+h02JJ6TOxib2o2kdDprBVbzvWs6CTLxEtMnMOrJ3Q6bEk9JnaxNzWbSOh01oot53pWdJJl4iUmzuHVEzodtqQeE7vYm5pNJHQ6a8WWcz0rOsky8RI\/5RwN\/sL0E00kdN62TKTMik5CJ1kmUuYX8ZtO749Pv95EQudty0TKrOgkdJJlImV+Eb\/p9P749OtNJHTetkykzIpOQidZJlLmF\/GbTu+PT7\/eRELnbctEyqzoJHSSZSJlfhG\/6fT++PTrTSR03rZMpMyKTkInWSZS5hfxm07vj0+\/3kRC523LRMqs6CR0kmUiZX4RE6f3h6VfZqLDloROhy3ncGl3y5ZZPE13Hp0HGNlYMJEyDbYkdDpsOYdLu1u2zOJpuvPoPMDIxoKJlGmwJaHTYcs5XNrdsmUWT9OdR+cBRjYWTKRMgy0JnQ5bzuHS7pYts3ia7jw6DzCysWAiZRpsSeh02HIOl3a3bJnF03Tn0XmAkY0FEynTYEtCp8OWc7i0u2XLLJ6mO4\/OA4xsFOjsYm9qNjGbWdFJ6CTLxG5mD3vPNf8VE6teNKGzi72p2cRsZkUnoZMsE7uZPew91\/xXTKx60YTOLvamZhOzmRWdhE6yTOxm9rD3XPNfMbHqRRM6u9ibmk3MZlZ0EjrJMrGb2cPec81\/xcSqF03o7GJvajYxm1nRSegky8RuZg97zzX\/FROrXjShs4u9qdnEbGZFJ6GTLBO7mT3sPdf8V0ysetF0VRMdtuxib2o2kTIrOr8Tb9Vhy27PXzGysWAiZRps2cXe1GwiZVZ0fifeqsOW3Z6\/YmRjwUTKNNiyi72p2UTKrOj8TrxVhy27PX\/FyMaCiZRpsGUXe1OziZRZ0fmdeKsOW3Z7\/oqRjQUTKdNgyy72pmYTKbOi8zvxVh227Pb8FSMbCyZSpsGWXexNzSZSZkXnd+KtOmzZ7fkrRjYWTOxib4ctqcdEyjTYknpMdJkVnbfxfCNMrHrRc1e1t8OW1GMiZRpsST0musyKztt4vhEmVr3ouava22FL6jGRMg22pB4TXWZF52083wgTq1703FXt7bAl9ZhImQZbUo+JLrOi8zaeb4SJVS967qr2dtiSekykTIMtqcdEl1nReRvPN8LEqhc9d1V7O2xJPSZSpsGW1GOiy6zovI3nG+Gd1Xfxx6dfb+LnZRps6bAl9ZjYzRxnYuOn4W9OP9rEz8s02NJhS+oxsZs5zsTGT8PfnH60iZ+XabClw5bUY2I3c5yJjZ+Gvzn9aBM\/L9NgS4ctqcfEbuY4Exs\/DX9z+tEmfl6mwZYOW1KPid3McSY2fhr+5vSjTfy8TIMtHbakHhO7meOMbLyKp9k9jy1dj05nrdiS0EmWiS7TYMtLTJzDq8\/iaXbPY0vXo9NZK7YkdJJloss02PISE+fw6rN4mt3z2NL16HTWii0JnWSZ6DINtrzExDm8+iyeZvc8tnQ9Op21YktCJ1kmukyDLS8xcQ6vPoun2T2PLV2PTmet2JLQSZaJLtNgy0tMnMOrz+Jpds9jS9ej01krtiR0kmWiyzTY8hIT5\/DqT17epbRlIqGT0EmWiQ5bUo+JLtNgS+oxsZs5zsjGgolzuJS2TCR0EjrJMtFhS+ox0WUabEk9JnYzxxnZWDBxDpfSlomETkInWSY6bEk9JrpMgy2px8Ru5jgjGwsmzuFS2jKR0EnoJMtEhy2px0SXabAl9ZjYzRxnZGPBxDlcSlsmEjoJnWSZ6LAl9ZjoMg22pB4Tu5njjGwsmDiHS2nLREInoZMsEx22pB4TXabBltRjYjdznJGNBRMp02BL6jGR0Omw5VzPik6yTDyJ22ndxAgTq140XdVEhy2px0RCp8OWcz0rOsky8SRup3UTI0ysetF0VRMdtqQeEwmdDlvO9azoJMvEk7id1k2MMLHqRdNVTXTYknpMJHQ6bDnXs6KTLBNP4nZaNzHCxKoXTVc10WFL6jGR0Omw5VzPik6yTDyJ22ndxAgTq140XdVEhy2px0RCp8OWcz0rOsky8SRup3UTI0ysetF0VRMdtqQeEwmdXexN6CR0OmzpenQ6a8WW3Z7\/yMSqF01XNdFhS+oxkdDZxd6ETkKnw5auR6ezVmzZ7fmPTKx60XRVEx22pB4TCZ1d7E3oJHQ6bOl6dDprxZbdnv\/IxKoXTVc10WFL6jGR0NnF3oROQqfDlq5Hp7NWbNnt+Y9MrHrRdFUTHbakHhMJnV3sTegkdDps6Xp0OmvFlt2e\/8jEqhdNVzXRYUvqMZHQ2cXehE5Cp8OWrkens1Zs2e35j0ysetF0VRMdtqQeEx22dD06nbViS+ox0WUabEnoJHRGmFj1oumqJjpsST0mOmzpenQ6a8WW1GOiyzTYktBJ6IwwsepF01VNdNiSekx02NL16HTWii2px0SXabAloZPQGWFi1Yumq5rosCX1mOiwpevR6awVW1KPiS7TYEtCJ6EzwsSqF01XNdFhS+ox0WFL16PTWSu2pB4TXabBloROQmeEiVUvmq5qosOW1GOiw5auR6ezVmxJPSa6TIMtCZ2EzggTq170yau6lLZMnMOlhM45XOq2dBI6yTKRMgNMrHrRJ6\/qUtoycQ6XEjrncKnb0knoJMtEygwwsepFn7yqS2nLxDlcSuicw6VuSyehkywTKTPAxKoXffKqLqUtE+dwKaFzDpe6LZ2ETrJMpMwAE6te9MmrupS2TJzDpYTOOVzqtnQSOskykTIDTKx60Sev6lLaMnEOlxI653Cp29JJ6CTLRMoMMLHqRWfxNOk8JjpsST0mEjrJMtFhS0Kns1ZseYmJc3j1WTxNOo+JDltSj4mETrJMdNiS0OmsFVteYuIcXn0WT5POY6LDltRjIqGTLBMdtiR0OmvFlpeYOIdXn8XTpPOY6LAl9ZhI6CTLRIctCZ3OWrHlJSbO4dVn8TTpPCY6bEk9JhI6yTLRYUtCp7NWbHmJiXN49Vk8TTqPiQ5bUo+JhE6yTHTYktDprBVbXuKnnONyOcJ90JdPcR\/05VPcB335FPdBXz7FfdCXT3Ef9OVT3Ad9+RT3QV8+xX3Ql09xH\/TlU9wHffkU90FfPsV90JdPcR\/05VPcB335FPdBXz7FfdCXT3Ef9OVT3Ad9+RT3QV8+xX3Ql09xH\/TlU9wHffkU90FfPsV90JdPcR\/05VPcB335FPdBXz7FfdCXT3Ef9OVT3Ad9+RT3QV8+xf8DnVtQX\/IPbG4AAAAASUVORK5CYII=","purchaseLinks":[{"name":"\u4EAC\u4E1C","link":"https:\/\/item.jd.com\/100059934329.html","logo":null}],"downloadLinks":[{"name":"\u4EA7\u54C1\u6570\u636E\u8868 PDS","link":"\/upload\/PDS%20PR2043%20CN.pdf","logo":null},{"name":"\u5B89\u5168\u6280\u672F\u8BF4\u660E\u4E66 SDS","link":"\/upload\/SDS%20PR2043%20CN.pdf","logo":null},{"name":"RoHS\u62A5\u544A","link":"\/upload\/RoHS%20PR2043%20CN.pdf","logo":null},{"name":"NSF\u62A5\u544A","link":"","logo":null},{"name":"VOC\u62A5\u544A","link":"\/upload\/VOC%20PR2043%20CN%202024.pdf","logo":null}],"props":[{"name":"\u5355\u4F4D\u5305\u88C5\u63CF\u8FF0","value":"300g \u6C14\u96FE\u7F50\uFF08\u542B\u63A8\u8FDB\u5242\uFF09"},{"name":"\u54C1\u724C","value":"\u5E0C\u5B89\u65AF\uFF08\u4E2D\u56FD\uFF09"},{"name":"\u4E00\u822C\u63CF\u8FF0","value":"\u4E19\u70EF\u9178\u6D82\u5C42"},{"name":"\u51C0\u91CD","value":"300g\uFF08\u542B\u63A8\u8FDB\u5242\uFF09"},{"name":"UPC \u6761\u7801","value":"6973193705257"},{"name":"\u5355\u4F4D\u5C3A\u5BF8","value":"\u03A66.5 x 18.5 \u5398\u7C73"},{"name":"\u88C5\u7BB1\u6570\u91CF","value":"12"},{"name":"\u7BB1\u5B50\u5C3A\u5BF8","value":"27.5 x 20.7 x 21.0 \u5398\u7C73"},{"name":"\u6BCF\u6258\u76D8\u7BB1\u6570","value":"105"},{"name":"\u6BCE\u7BB1\u91CD\u91CF","value":"5.13 kg"},{"name":"\u5916\u89C2","value":"\u6F84\u6E05\u900F\u660E\u6DB2\u4F53"},{"name":"\u57FA\u5E95\u7C7B\u578B","value":"\u4E19\u70EF\u9178"},{"name":"\u6CB8\u70B9","value":"\u521D\u998F\u5206\uFF1A80\u2103"},{"name":"\u51FB\u7A7F\u7535\u538B","value":"9.44 KV"},{"name":"\u95EA\u70B9","value":"<0\u2103 \u95ED\u676F"},{"name":"\u6210\u819C\u7C7B\u578B","value":"\u5E72\u819C"},{"name":"\u6BD4\u91CD","value":"0.86 @25\u2103\uFF08\u4E0D\u542B\u63A8\u8FDB\u5242\uFF09"},{"name":"\u63A8\u8FDB\u5242","value":"LPG"},{"name":"\u6325\u53D1\u901F\u5EA6","value":"\u5FEB"},{"name":"\u7C98\u5EA6","value":"13s\uFF08\u798F\u7279\u676F\uFF09"},{"name":"\u8868\u5E72\u65F6\u95F4 @20\u2103","value":"30 \u5206\u949F"},{"name":"\u8868\u9762\u7535\u963B\u7387","value":">10\u00B9\u00B3 \u03A9"},{"name":"\u4F53\u79EF\u7535\u963B\u7387","value":">10\u00B9\u00B3 \u03A9.cm"},{"name":"\u5DE5\u4F5C\u6E29\u5EA6","value":"-40\u2103 \u81F3 70\u2103"},{"name":"\u6700\u9AD8\u95F4\u6B47\u5DE5\u4F5C\u6E29\u5EA6","value":"100\u2103"},{"name":"\u9632\u6F6E\u6027\u80FD ASTM 4585","value":"96 hrs"},{"name":"\u76D0\u96FE\u6D4B\u8BD5 ASTM B117","value":"96 hrs"},{"name":"\u53BB\u9664\u65B9\u6CD5","value":"\u91C7\u7528\u4E19\u916E\u6216\u4E59\u9178\u4E59\u916F"},{"name":"\u4FDD\u8D28\u671F","value":"\u81EA\u751F\u4EA7\u65E5\u8D775\u5E74"},{"name":"VOC\u6D82\u6599\u5206\u7C7B","value":"\u6EB6\u5242\u578B\u6D82\u6599\uFF08\u7279\u6B8A\u529F\u80FD\u6027\u6D82\u6599\uFF09<br>\u7B26\u5408 GB 30981-2020"}],"sections":[{"title":"\u5E94\u7528\u573A\u666F","secondTitle":"\u63A7\u5236\u67DC\u0026\u793A\u6559\u5668\u0026\u7EBF\u8033\u0026\u7535\u5B50\u5143\u4EF6\u0026\u7EBF\u7F06\u6E05\u6D01\u517B\u62A4","adesc":"\u667A\u80FD\u88C5\u5907\u7684\u63A7\u5236\u67DC\u3001\u793A\u6559\u5668\u3001\u7EBF\u8033\u3001\u7535\u5B50\u5143\u4EF6\u53CA\u7EBF\u7F06\u7B49\u90E8\u4EF6\uFF0C\u5E38\u56E0\u7070\u5C18\u3001\u6CB9\u6C61\u79EF\u7D2F\u5BFC\u81F4\u6027\u80FD\u4E0B\u964D\u3001\u6545\u969C\u9891\u53D1\uFF0C\u7ED9\u7528\u6237\u5E26\u6765\u4E0D\u5C0F\u7684\u7EF4\u62A4\u6311\u6218\u3002CRC\u7EF4\u4FDD\u5316\u5B66\u54C1\u9488\u5BF9\u8FD9\u4E00\u75DB\u70B9\uFF0C\u63D0\u4F9B\u4E86\u4E13\u4E1A\u7684\u6E05\u6D01\u517B\u62A4\u65B9\u6848\u3002\u5B83\u80FD\u6709\u6548\u53BB\u9664\u6C61\u6E0D\uFF0C\u6062\u590D\u90E8\u4EF6\u7684\u6E05\u6D01\u5EA6\uFF0C\u540C\u65F6\u5F62\u6210\u4E00\u5C42\u4FDD\u62A4\u819C\uFF0C\u9632\u6B62\u672A\u6765\u6C61\u67D3\u548C\u8150\u8680\u3002\u8FD9\u4E0D\u4EC5\u5EF6\u957F\u4E86\u90E8\u4EF6\u7684\u4F7F\u7528\u5BFF\u547D\uFF0C\u8FD8\u63D0\u5347\u4E86\u667A\u80FD\u88C5\u5907\u7684\u6574\u4F53\u6027\u80FD\u548C\u7A33\u5B9A\u6027\uFF0C\u964D\u4F4E\u4E86\u7528\u6237\u7684\u7EF4\u62A4\u6210\u672C\uFF0C\u786E\u4FDD\u4E86\u751F\u4EA7\u7684\u9AD8\u6548\u8FDE\u7EED\u8FD0\u884C\u3002","extParam":[{"value":"\/upload\/748108330.jpg","key":"ss"}]},{"title":"\u5E94\u7528\u573A\u666F","secondTitle":"\u7535\u6C14\u6E05\u6D17\u6392\u6E7F\u9632\u6F6E","adesc":"\u5728\u77FF\u5C71\u91C7\u6398\u9886\u57DF\uFF0C\u7535\u6C14\u8BBE\u5907\u5E38\u56E0\u73AF\u5883\u6F6E\u6E7F\u3001\u5C18\u57C3\u79EF\u805A\u800C\u5BFC\u81F4\u6027\u80FD\u4E0B\u964D\uFF0C\u751A\u81F3\u5F15\u53D1\u6545\u969C\u3002CRC\u7EF4\u4FDD\u5316\u5B66\u54C1\u80FD\u8FC5\u901F\u53BB\u9664\u7535\u6C14\u90E8\u4EF6\u4E0A\u7684\u5C18\u57C3\u548C\u6CB9\u6C61\uFF0C\u6062\u590D\u5176\u5BFC\u7535\u6027\u80FD\uFF1B\u6392\u6E7F\u9632\u6F6E\u65B9\u9762\uFF0C\u5219\u80FD\u6709\u6548\u5438\u6536\u548C\u6392\u9664\u8BBE\u5907\u5185\u90E8\u7684\u6E7F\u6C14\uFF0C\u9632\u6B62\u7535\u8DEF\u77ED\u8DEF\u548C\u90E8\u4EF6\u8150\u8680\u3002\u8FD9\u4E0D\u4EC5\u63D0\u9AD8\u4E86\u7535\u6C14\u8BBE\u5907\u7684\u53EF\u9760\u6027\u548C\u7A33\u5B9A\u6027\uFF0C\u8FD8\u964D\u4F4E\u4E86\u56E0\u6F6E\u6E7F\u5BFC\u81F4\u7684\u505C\u673A\u65F6\u95F4\u548C\u7EF4\u4FEE\u6210\u672C\uFF0C\u662F\u77FF\u5C71\u91C7\u6398\u4F01\u4E1A\u4FDD\u969C\u751F\u4EA7\u5B89\u5168\u548C\u6548\u7387\u7684\u5173\u952E\u3002","extParam":[{"value":"\/upload\/2159213089.jpg","key":"ss"}]},{"title":"\u5E94\u7528\u573A\u666F","secondTitle":"\u7532\u677F\u7EF4\u4FEE\/\u94ED\u724C\u4FDD\u517B\u7EF4\u62A4","adesc":"\u8239\u8236\u4E0A\u7684\u94ED\u724C\u627F\u8F7D\u7740\u91CD\u8981\u7684\u8BBE\u5907\u4FE1\u606F\u548C\u5B89\u5168\u8B66\u793A\uFF0C\u4F46\u957F\u671F\u66B4\u9732\u5728\u6237\u5916\uFF0C\u6613\u53D7\u8150\u8680\u548C\u78E8\u635F\uFF0C\u5BFC\u81F4\u5B57\u8FF9\u6A21\u7CCA\uFF0C\u96BE\u4EE5\u8FA8\u8BA4\uFF0C\u7ED9\u7528\u6237\u5E26\u6765\u5B89\u5168\u9690\u60A3\u548C\u7BA1\u7406\u4E0D\u4FBF\u3002CRC\u7EF4\u4FDD\u5316\u5B66\u54C1\u72EC\u7279\u7684\u6E05\u6D01\u548C\u9632\u8150\u914D\u65B9\uFF0C\u80FD\u591F\u8FC5\u901F\u53BB\u9664\u94ED\u724C\u8868\u9762\u7684\u6C61\u57A2\u548C\u8150\u8680\u7269\uFF0C\u6062\u590D\u5B57\u8FF9\u6E05\u6670\uFF1B\u540C\u65F6\uFF0C\u8FD8\u80FD\u5728\u94ED\u724C\u8868\u9762\u5F62\u6210\u4FDD\u62A4\u5C42\uFF0C\u9694\u7EDD\u6E7F\u6C14\u548C\u76D0\u5206\uFF0C\u9632\u6B62\u518D\u6B21\u8150\u8680\u3002\u8FD9\u4E0D\u4EC5\u63D0\u5347\u4E86\u8239\u8236\u7684\u5B89\u5168\u7BA1\u7406\u6C34\u5E73\uFF0C\u8FD8\u5EF6\u957F\u4E86\u94ED\u724C\u7684\u4F7F\u7528\u5BFF\u547D\uFF0C\u964D\u4F4E\u4E86\u7528\u6237\u7684\u7EF4\u62A4\u6210\u672C\u3002","extParam":[{"value":"\/upload\/2424088491_huge.jpg","key":"ss"}]}]} // // console.log(product,"让我看看product的数据") function titleData() { return { titleName:product.title, url:"/upload/detail-banner.jpg" } } </script> <div class="w-full h-[18.75rem]"> <div class="w-full h-full box-border relative" > <img class="w-full h-full" src="/upload/detail-banner.jpg" srcset=" /upload/thumbnails/2024/w400/detail-banner.jpg 400w, /upload/thumbnails/2024/w800/detail-banner.jpg 800w, /upload/thumbnails/2024/w1200/detail-banner.jpg 1200w, /upload/thumbnails/2024/w1600/detail-banner.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="透明保护漆 300g"> <div class="w-[80rem] absolute top-0 left-1/2 translate-x-[-50%]"> <div class="min-w-[30rem] box-border px-[1.25rem] inline-block h-[6.25rem] bg-black/80 text-center leading-[6.25rem] text-white text-[2.25rem] font-semibold mt-[7.1875rem]" >透明保护漆 300g</div> </div> </div> </div> <!-- 产品说明区域 --> <div class="w-full bg-background-gray"> <div class="container h-full mx-[auto] bg-[#f5f6f8]"> <script type="text/javascript"> let productImgList = [] for(let i=0;i<product.mainImgs.length;i++){ productImgList.push({imgUrl:product.mainImgs[i]}) } /*[ {imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.ccd320596cb9b0499c2d9e89079c7990?rik=bo30tkANeNk4Aw&riu=http%3a%2f%2fwww.finebornchina.cn%2fuploads%2fallimg%2f140430%2f1-140430150445413.jpg&ehk=Hjpp13uPkWtPTUVLZH%2f7V3MKAnXYJJNjmjRq1TE136k%3d&risl=&pid=ImgRaw&r=0"}, {imgUrl:"https://youimg1.c-ctrip.com/target/100r10000000pycel4E0E.jpg"}, {imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b5801108793b344ef2988ad?rik=OlQAB0P4J80yTA&riu=http%3a%2f%2fimg95.699pic.com%2fphoto%2f50070%2f5999.jpg_wh860.jpg&ehk=nUrNDlAkDzUbcZyyRIpSCFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0"}, {imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.e9e7a51477505f71fd2c2fe5fec52b9b?rik=xV6rWM2vq9wKAA&riu=http%3a%2f%2fwww.deskcar.com%2fdesktop%2ffengjing%2f2014330120325%2f4.jpg&ehk=51IkWePiwFEPiX1GYM7kmYeSWt%2b%2bjz9xUWECm5HN7Qo%3d&risl=&pid=ImgRaw&r=0"}, {imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.3a1b98d8aa749503cc2ff9c224bc8b40?rik=xxNkH0iChSUYqg&riu=http%3a%2f%2fd.ifengimg.com%2fq100%2fimg1.ugc.ifeng.com%2fnewugc%2f20190119%2f10%2fwemedia%2fabbab6554fa54232bec645b46e6e7bb3f0e4cc5b_size2326_w3000_h2000.JPG&ehk=UzIcp%2fHqCMHntTpDKBDEvAT%2bhhu8xR805ZL0enQCZ%2fY%3d&risl=1&pid=ImgRaw&r=0"}, ]*/ //let bigImg = productImgList[0].imgUrl let bigImg = product.mainImgs.length>0?product.mainImgs[0]:'/upload/2023-0.jpg' // 二维码信息 let erweimaImg = "" // 跳转购买链接 let buyUrlList = [] if(product.purchaseLinks){ for(let i=0;i<product.purchaseLinks.length;i++){ let item = product.purchaseLinks[i] buyUrlList.push({ name: item.name, gotoUrl: item.link }) } } /*[ { name:"京东", gotoUrl:"去京东的链接" }, { name:"天猫", gotoUrl:"去天猫的链接" }, ]*/ let productDetail = { productName: "No. "+product.code,//"No. PR05005CR", productDesc: product.adesc,//"产品描述对塑料安全的润滑剂、渗透剂和防锈剂,有助于防止因水气渗透、湿度、冷 凝或腐蚀而引起的电气故障。恢复电阻值,阻止电流泄漏", productFeature: product.feature,//["产品描述对塑料安全的润滑剂","渗透剂和防锈剂","有助于防止因水气渗透、湿度、冷"], productMap:product.scene,//"适用于连接器、继电器、断路器、变压器、开关设备、电机、发电机、控制器、仪表、 通信组件、电子设备、报警系统、起动器、管道、铸件", /*productTechnical:[ { downloadUrl:"todo", name:"产品数据表" }, { downloadUrl:"todo", name:"安全技术说明" }, { downloadUrl:"todo", name:"安全技术说明" }, { downloadUrl:"todo", name:"安全技术说明" } ]*/ } productDetail.productTechnical=[] for(let i=0;i<product.downloadLinks.length;i++){ productDetail.productTechnical.push({ gotoUrl:product.downloadLinks[i].link, name:product.downloadLinks[i].name }) } function productData() { return { bigImg, productImgList, erweimaImg, buyUrlList, productDetail, erweimaShow:false, shuju:"我是一个数据", // 切换图片 changeBigImg: function(url) { // // console.log(url) this.bigImg = url document.getElementById("bigImg").src = url }, } } </script> <!-- 详情展示 --> <div x-data="productData()" class="bg-[#f5f6f8] min-h-[56.5rem] flex"> <!-- 左部商品图片 --> <div class="w-1/2 h-full"> <div class="w-[25rem] mt-[4.25rem]"> <div class="w-full h-[25rem] flex justify-center items-center bg-white"> <img id="bigImg" class="h-[24rem] w-[24rem] object-scale-down" src="/upload/PR2043-0.png" srcset=" /upload/thumbnails/2024/w400/PR2043-0.png 400w, /upload/thumbnails/2024/w800/PR2043-0.png 800w, /upload/thumbnails/2024/w1200/PR2043-0.png 1200w, /upload/thumbnails/2024/w1600/PR2043-0.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="透明保护漆 300g" > <!-- th:srcset="| ${thumbnail.gen(productSpec.mainImgs[0], 's')} 400w, ${thumbnail.gen(productSpec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(productSpec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(productSpec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <div class="mt-[1.8125rem]"> <div class="swiper" id="swiperLittle"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="w-[5.1563rem] h-[5.125rem] flex justify-center items-center bg-white"> <img class="h-[5rem] w-[5rem] object-scale-down" src="/upload/PR2043-0.png" srcset=" /upload/thumbnails/2024/w400/PR2043-0.png 400w, /upload/thumbnails/2024/w800/PR2043-0.png 800w, /upload/thumbnails/2024/w1200/PR2043-0.png 1200w, /upload/thumbnails/2024/w1600/PR2043-0.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="产品图片" @click="changeBigImg(&#39;/upload/PR2043-0.png&#39;)" > <!-- th:srcset="| ${thumbnail.gen(item, 's')} 400w, ${thumbnail.gen(item, 'm')} 800w, ${thumbnail.gen(item, 'l')} 1200w, ${thumbnail.gen(item, 'xl')} 1600w |" sizes="5rem" --> </div> </div> </div> <div class="swiper-button-prev" ></div> <div class="swiper-button-next" ></div> </div> </div> </div> <!-- 购买链接只有一个 --> <div class="mt-[2.8125rem] w-[27.8125rem] flex justify-between"> <div @mouseenter="()=>{erweimaShow = true;}" @mouseleave="()=>{erweimaShow = false;}"> <div class=" w-[11.425rem] h-[3.125rem] leading-[3.125rem] text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] align-middle flex items-center justify-center cursor-pointer"> <span>扫码分享</span> <span class="iconfont icon-fenxiang-05 ml-[0.375rem] text-[1.375rem]"></span> </div> <div class="w-[11.425rem] h-[11.425rem] mt-[0.625rem] rounded-md border-[0.0625rem] border-[#CF0135] bg-white" x-show="erweimaShow" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <div class="mt-[0.625rem] mx-auto w-[8.75rem] h-[8.75rem]"> <img class="w-full h-full" src="data:image/png;base64,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"> </div> <div class="text-center">扫一扫查看</div> </div> </div> <a href="https://item.jd.com/100059934329.html" target="_blank" class="w-[11.425rem] h-[3.125rem] leading-[3.125rem] cursor-pointer text-[1.125rem] text-[#fff] font-medium text-center border-[0.0625rem] border-[#CF0135] bg-[#CF0135] align-middle"> <span >我要采购</span> <span class="iconfont icon-gouwuchekong ml-[0.375rem] text-[1.375rem]"></span> </a> </div> <!-- 购买链接有两个 --> </div> <!-- 右部商品信息 --> <div class="w-1/2 h-full "> <div class="mt-[4.25rem] text-[1.875rem] font-semibold leading-none ">No. PR2043</div> <div class="border-[0.0313rem] border-[#D2D2D2] mt-[1.5rem]"></div> <div class="mt-[2rem] mb-[1rem] text-[1.125rem] text-[#CF0135] leading-none font-medium">产品描述</div> <div class="text-[1rem] min-h-[2rem] pr-[24px]">本产品是一种透明保护漆,用于印刷电路板的通用保护膜。为保护印制电路板免于漏电和短路而研发。透明的丙烯酸绝缘薄膜耐各种稀酸、稀碱、醇和湿气,同时防滴并且可焊通。</div> <div class="border-[0.0313rem] border-[#D2D2D2] mt-[1.5rem]"></div> <div class="mt-[2rem] mb-[1rem] text-[1.125rem] text-[#CF0135] leading-none font-medium">产品特性</div> <ul class="text-[1rem] min-h-[8rem] pr-[24px] list-disc ml-[1rem]"> <li>挥发速度快</li> <li>有效保护设备抵御湿气和盐雾的严重侵蚀,延长使用寿命</li> <li>提供长期的室内/室外保护</li> <li>对于零部件、设备、机械、电子连接器等的保护时间长达两年之久</li> <li>易于返修</li> <li>产品含荧光指示剂,可以通过UV灯观察膜层是否完全涂覆在所需的区域</li> </ul> <div class="border-[0.0313rem] border-[#D2D2D2] mt-[1.5rem]"></div> <div class="mt-[2rem] mb-[1rem] text-[1.125rem] text-[#CF0135] leading-none font-medium">应用场景</div> <div class="text-[1rem] min-h-[2rem] pr-[24px] mb-[1.5rem]">保护元器件免受冷凝液和湿气的影响; 印制电路板,防止漏电; 电缆和电线的绝缘; 涂敷在暴露于大气中的端子板、螺栓式接线柱和开关盒上; 应用于电视产品中,减少因高压变压器导致的电晕放电,避免线性变压器的漏电; 保护地图、图表、合法文件、技术绘图、建筑平面图、剧本等其它柔性物件。 高频、电视和无线电天线的保护,防止大气腐蚀; 保护航海无线电和其它元器件免受盐水的腐蚀。</div> <div class="border-[0.0313rem] border-[#D2D2D2] "></div> <div class="mt-[2rem] mb-[1.5rem] text-[1.125rem] text-[#CF0135] leading-none font-medium">技术资料</div> <div class="w-full flex flex-wrap pr-[24px] mb-[1.5rem]"> <a target="_blank" href="/upload/PDS%20PR2043%20CN.pdf" class="block h-[3.125rem] box-border px-[1.25rem] leading-[3.125rem] cursor-pointer text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] mr-[2.25rem] mt-[0.625rem]"> <span class="align-middle">产品数据表 PDS</span> <span class="iconfont align-middle icon-xiazai-yuan-L ml-[0.375rem] text-[1.375rem]"></span> </a><a target="_blank" href="/upload/SDS%20PR2043%20CN.pdf" class="block h-[3.125rem] box-border px-[1.25rem] leading-[3.125rem] cursor-pointer text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] mr-[2.25rem] mt-[0.625rem]"> <span class="align-middle">安全技术说明书 SDS</span> <span class="iconfont align-middle icon-xiazai-yuan-L ml-[0.375rem] text-[1.375rem]"></span> </a><a target="_blank" href="/upload/RoHS%20PR2043%20CN.pdf" class="block h-[3.125rem] box-border px-[1.25rem] leading-[3.125rem] cursor-pointer text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] mr-[2.25rem] mt-[0.625rem]"> <span class="align-middle">RoHS报告</span> <span class="iconfont align-middle icon-xiazai-yuan-L ml-[0.375rem] text-[1.375rem]"></span> </a><a target="_blank" href="/upload/VOC%20PR2043%20CN%202024.pdf" class="block h-[3.125rem] box-border px-[1.25rem] leading-[3.125rem] cursor-pointer text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] mr-[2.25rem] mt-[0.625rem]"> <span class="align-middle">VOC报告</span> <span class="iconfont align-middle icon-xiazai-yuan-L ml-[0.375rem] text-[1.375rem]"></span> </a> </div> </div> </div> </div> </div> <!-- 产品详情 --> <div class="bg-[#fff]"> <script type="text/javascript"> // 产品导航数据 let aboutInfoList = [ {name:"产品参数",tip:"#parameter"}, {name:"相关视频",tip:"#video"}, {name:"应用场景",tip:"#application"}, {name:"相关产品",tip:"#relatedProducts"}, {name:"常见问题",tip:"#questions"}, ] // 产品参数数据 let parameterList = product.props/*[ {name:"外观",value:"#parameter"}, {name:"机制",value:"#video"}, {name:"应用场景",value:"#application"}, {name:"相关产品",value:"#relatedProducts"}, {name:"常见问题",value:"#questions"}, {name:"机制",value:"#video"}, {name:"应用场景",value:"#application"}, {name:"相关产品",value:"#relatedProducts"}, ]*/ // 处理章节数据 let sectionMap = {} for(let i=0;i<product.sections.length;i++){ let item = product.sections[i] if(!sectionMap[item.title]){ sectionMap[item.title]=[] } sectionMap[item.title].push(item) } let videoList = [] if(sectionMap['相关视频']){ for(let i=0;i<sectionMap['相关视频'].length;i++){ let item = sectionMap['相关视频'][i] videoList.push({ title:item.secondTitle, intro:item.adesc, videoUrl:item.extParam[0]?.value }) } } if(videoList&&videoList.length==0){ videoList = [ { title:"公司介绍", intro:"CRC实业,自1958年创立以来,便以全球视野将特殊化学品深耕于维修保养全领域。我们拥有超过1300多种配方,专为工业制造、智能制造、汽车、船舶、轨道交通、五金、电子、航空、航海和航天等行业量身打造,满足不同客户独特的化学需求。CRC致力于为客户提供一站式行业应用,包括清洗剂、清洁剂、润滑剂、防锈剂、防护涂料、脱脂剂、润滑脂、特种产品等全系列产品,更有针对特定维护与维修需求的定制产品。选择CRC,让您的工作与生活更加轻松自如。", videoUrl:"/upload/e01629a72d.mp4" }, ] } // 应用场景数据 let applicationList =[] if(sectionMap['应用场景']){ for(let i=0;i<sectionMap['应用场景'].length;i++){ let item = sectionMap['应用场景'][i] applicationList.push({ name:item.secondTitle, imgUrl:item.extParam[0]?.value }) } } if(applicationList&&applicationList.length==0) { applicationList = [ { name: "电机", imgUrl: "/upload/电机.jpg" }, { name: "管件", imgUrl: "/upload/管件.jpg" }, { name: "齿轮", imgUrl: "/upload/齿轮.jpg" }, ] } // 相关产品数据 let relatedList = [ { name:"行业应用", gotoUrl:"todo", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.ccd320596cb9b0499c2d9e89079c7990?rik=bo30tkANeNk4Aw&riu=http%3a%2f%2fwww.finebornchina.cn%2fuploads%2fallimg%2f140430%2f1-140430150445413.jpg&ehk=Hjpp13uPkWtPTUVLZH%2f7V3MKAnXYJJNjmjRq1TE136k%3d&risl=&pid=ImgRaw&r=0"}, { name:"品牌数据", gotoUrl:"todo", imgUrl:"https://youimg1.c-ctrip.com/target/100r10000000pycel4E0E.jpg"}, { name:"相关产品", gotoUrl:"todo", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.e9e7a51477505f71fd2c2fe5fec52b9b?rik=xV6rWM2vq9wKAA&riu=http%3a%2f%2fwww.deskcar.com%2fdesktop%2ffengjing%2f2014330120325%2f4.jpg&ehk=51IkWePiwFEPiX1GYM7kmYeSWt%2b%2bjz9xUWECm5HN7Qo%3d&risl=&pid=ImgRaw&r=0"}, { name:"常见问题", gotoUrl:"todo", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.3a1b98d8aa749503cc2ff9c224bc8b40?rik=xxNkH0iChSUYqg&riu=http%3a%2f%2fd.ifengimg.com%2fq100%2fimg1.ugc.ifeng.com%2fnewugc%2f20190119%2f10%2fwemedia%2fabbab6554fa54232bec645b46e6e7bb3f0e4cc5b_size2326_w3000_h2000.JPG&ehk=UzIcp%2fHqCMHntTpDKBDEvAT%2bhhu8xR805ZL0enQCZ%2fY%3d&risl=1&pid=ImgRaw&r=0"}, { name:"常见相关产品", gotoUrl:"todo", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.3a1b98d8aa749503cc2ff9c224bc8b40?rik=xxNkH0iChSUYqg&riu=http%3a%2f%2fd.ifengimg.com%2fq100%2fimg1.ugc.ifeng.com%2fnewugc%2f20190119%2f10%2fwemedia%2fabbab6554fa54232bec645b46e6e7bb3f0e4cc5b_size2326_w3000_h2000.JPG&ehk=UzIcp%2fHqCMHntTpDKBDEvAT%2bhhu8xR805ZL0enQCZ%2fY%3d&risl=1&pid=ImgRaw&r=0"}, { name:"常见问题", gotoUrl:"todo", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.3a1b98d8aa749503cc2ff9c224bc8b40?rik=xxNkH0iChSUYqg&riu=http%3a%2f%2fd.ifengimg.com%2fq100%2fimg1.ugc.ifeng.com%2fnewugc%2f20190119%2f10%2fwemedia%2fabbab6554fa54232bec645b46e6e7bb3f0e4cc5b_size2326_w3000_h2000.JPG&ehk=UzIcp%2fHqCMHntTpDKBDEvAT%2bhhu8xR805ZL0enQCZ%2fY%3d&risl=1&pid=ImgRaw&r=0"}, ] // 问答数据 let questionList =[] if(sectionMap['常见问题']){ for(let i=0;i<sectionMap['常见问题'].length;i++){ let item = sectionMap['常见问题'][i] questionList.push({ q:item.secondTitle, a:item.adesc }) } } if(questionList&&questionList.length==0){ questionList = [ { q:"如何正确使用气雾剂?", a:"在使用产品前,先把罐子晃动摇匀,把气雾剂的喷头对准使用目标,按压喷嘴。喷雾距离一般为15-30厘米,视产品情况调整喷射的距离和角度。注意避免喷射到人和动物身上,使用时请佩戴口罩和手套。" },{ q:"如何查找产品的生产批号?", a:"CRC实业大部分的气雾罐产品生产日期及批号信息位于罐底,桶装产品的相关信息位于标签上,如有疑问或者更多需求请致电CRC实业公司。" },{ q:"新的产品为什么会出现喷不出的情况?", a:"此问题常见于漆类产品,可尝试更换按头(如有备用按头的情况),或者取下按头,用针在喷头的孔位捅几下即可。如以上方法仍无法解决,请直接联系CRC实业公司。" }, { q:"气雾剂产品内容物喷不完,剩余很多是什么情况?", a:"气雾剂由推进剂(气体)和料液构成,其中料液靠推进剂喷出。使用不当,如长时间在罐体平放的情况下喷射,会导致推进剂率先使用殆尽。因此在操作过程中尽可能保证罐体正立,即使倾斜喷射也尽量保持在45°角内。如产品采用360度阀门可倒立喷射。值得注意的是,漆类产品使用后需倒置喷射以清洗内部管路,防止后续因堵塞而出现喷不出的情况。" }, { q:"气雾罐罐身出现生锈怎么办?", a:"大部分气雾罐由马口铁制成,在运输过程中发生磕碰,导致表面的镀锡层被破坏,在高温高湿的环境催化下,罐身会出现锈蚀的情况。罐身表面轻微锈蚀不会影响产品的质量和性能,可以正常使用。如发生泄露,请立即联系CRC实业公司。" }, ] } /*[ { q:"返回干撒洞口防护更好?", a:"吵闹缓过来回过神来客户达立法会" },{ q:"返回干撒洞口防护更好?", a:"吵闹缓过来回过神来客户达立法会" },{ q:"返回干撒洞口防护更好?", a:"吵闹缓过来回过神来客户达立法会" }, ]*/ function productInfo(){ return { aboutInfoList, selectIndex:0, parameterList, videoList, applicationList, relatedList, questionList } } </script> <div x-data="productInfo()" class="container mx-[auto]"> <!-- 产品参数导航 --> <div id="bannerList" class="flex box-border pt-[3.125rem] text-center"> <template x-for="(item,index) in aboutInfoList" :key="index"> <a :href="item.tip" x-text="item.name" class="block w-[5.1875rem] h-[2.5rem] mr-[5rem] leading-[2.5rem] hover:text-text-red" :class="{active:selectIndex == index}" @click="()=>{selectIndex = index}"></a> </template> </div> <!-- 产品参数 --> <div id="parameter" class="w-full h-[4rem]"></div> <div id="parameterContent" class="w-[60.5rem] box-border"> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">单位包装描述</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">300g 气雾罐(含推进剂)</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">品牌</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">希安斯(中国)</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">一般描述</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">丙烯酸涂层</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">净重</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">300g(含推进剂)</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">UPC 条码</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">6973193705257</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">单位尺寸</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">Φ6.5 x 18.5 厘米</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">装箱数量</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">12</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">箱子尺寸</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">27.5 x 20.7 x 21.0 厘米</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">每托盘箱数</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">105</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">毎箱重量</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">5.13 kg</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">外观</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">澄清透明液体</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">基底类型</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">丙烯酸</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">沸点</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">初馏分:80℃</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">击穿电压</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">9.44 KV</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">闪点</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]"><0℃ 闭杯</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">成膜类型</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">干膜</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">比重</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">0.86 @25℃(不含推进剂)</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">推进剂</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">LPG</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">挥发速度</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">快</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">粘度</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">13s(福特杯)</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">表干时间 @20℃</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">30 分钟</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">表面电阻率</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">>10¹³ Ω</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">体积电阻率</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">>10¹³ Ω.cm</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">工作温度</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">-40℃ 至 70℃</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">最高间歇工作温度</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">100℃</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">防潮性能 ASTM 4585</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">96 hrs</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">盐雾测试 ASTM B117</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">96 hrs</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">去除方法</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">采用丙酮或乙酸乙酯</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">保质期</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">自生产日起5年</div> </div> <div class="w-full min-h-[3.125rem] text-[1.3125rem] bg-[#D6D6D6] flex items-center params-item"> <div class="w-1/3 box-border pl-[2.75rem] ">VOC涂料分类</div> <div class="w-2/3 box-border pl-[1.75rem] pr-[0.625rem]">溶剂型涂料(特殊功能性涂料)<br>符合 GB 30981-2020</div> </div> </div> <!-- 相关视频 --> <div id="video" class="w-full h-[4rem]"></div> <div id="videoContent" class="w-full box-border"> <div class="text-[1.75rem] text-text-red font-semibold">相关视频</div> <template x-for="(item,index) in videoList" :key="index"> <div class="h-[480px] p-[0.875rem] bg-background-gray mt-[2.875rem] flex " :class="{'redio-around' :(index+1) % 2 == 1}"> <div class="w-[41.25rem] h-full"> <video id="my-video1" class="video-js w-full h-full" controls preload="auto" data-setup="{}"> <source :src="item.videoUrl" type="video/mp4" /> <source :src="item.videoUrl" type="video/webm"/> <!-- <p class="vjs-no-js"> <a href="#" target="_blank"></a> </p> --> </video> </div> <div class="flex-1 box-border px-[1.125rem]"> <div class="w-full h-full"> <div class="mt-[4.25rem] ml-[0.625rem] h-[2rem] w-[8.25rem] skew-x-[-30deg] bg-background-red flex align-middle justify-center"> <div class="text-[1.125rem] leading-[2rem] text-white font-medium skew-x-[30deg] " x-text="item.title"></div> </div> <div class="h-[0.3125rem] w-full border-y-2 border-border-red"></div> <div class="mt-[3.5rem] text-[1.125rem] multi-line-ellipsis" x-text="item.intro"></div> <div class="flex justify-end" :class="{'row-around' :(index+1) % 2 == 1}"> <div class="mt-[2.875rem] border-border-red w-[3rem] border-[0.1875rem] "></div> </div> </div> </div> </div> </template> </div> <!-- 应用场景 --> <div id="application" class="w-full h-[4rem]"></div> <div id="applicationContent" class="w-full"> <div class=" text-[1.75rem] text-text-red font-semibold flex items-baseline align-baseline justify-between"> <div>应用场景</div> </div> <div class="flex justify-end align-baseline h-[1.25rem] w-full"> <div class="w-[2.5rem] h-[0.9375rem] flex items-center justify-between text-[0.875rem] cursor-pointer"> <a class="border-[0.0625rem] lh1 hover:text-text-red active:text-text-red font-medium" id="application_pre" @click="applicationPre()"><</a> <a class="border-[0.0625rem] lh1 hover:text-text-red active:text-text-red font-medium" id="application_next" @click="applicationNext()">></a> </div> </div> <div class="swiper h-[28.125rem] mt-[1.25rem]" id="swiperApplication"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="w-[25rem] h-[30.125rem] p-[1.75rem] bg-background-gray"> <div class="w-[21.25rem] h-[20rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/748108330.jpg" srcset=" /upload/thumbnails/2024/w400/748108330.jpg 400w, /upload/thumbnails/2024/w800/748108330.jpg 800w, /upload/thumbnails/2024/w1200/748108330.jpg 1200w, /upload/thumbnails/2024/w1600/748108330.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="控制柜&amp;示教器&amp;线耳&amp;电子元件&amp;线缆清洁养护" > <!-- th:srcset="| ${thumbnail.gen(item.extParam[0].value, 's')} 400w, ${thumbnail.gen(item.extParam[0].value, 'm')} 800w, ${thumbnail.gen(item.extParam[0].value, 'l')} 1200w, ${thumbnail.gen(item.extParam[0].value, 'xl')} 1600w |" sizes="25rem" --> </div> <div class="my-[1.5625rem] lh1 text-[1.3rem] font-medium text-center h-[2rem]"> <span class="font-semibold">· </span> <span>控制柜&amp;示教器&amp;线耳&amp;电子元件&amp;线缆清洁养护</span> <span class="font-semibold"> ·</span> </div> <div class="mx-[auto] w-[18.625rem] border-[0.0313rem] border-border-red changeBorderColor"></div> </div> </div> <div class="swiper-slide"> <div class="w-[25rem] h-[30.125rem] p-[1.75rem] bg-background-gray"> <div class="w-[21.25rem] h-[20rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/2159213089.jpg" srcset=" /upload/thumbnails/2024/w400/2159213089.jpg 400w, /upload/thumbnails/2024/w800/2159213089.jpg 800w, /upload/thumbnails/2024/w1200/2159213089.jpg 1200w, /upload/thumbnails/2024/w1600/2159213089.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="电气清洗排湿防潮" > <!-- th:srcset="| ${thumbnail.gen(item.extParam[0].value, 's')} 400w, ${thumbnail.gen(item.extParam[0].value, 'm')} 800w, ${thumbnail.gen(item.extParam[0].value, 'l')} 1200w, ${thumbnail.gen(item.extParam[0].value, 'xl')} 1600w |" sizes="25rem" --> </div> <div class="my-[1.5625rem] lh1 text-[1.3rem] font-medium text-center h-[2rem]"> <span class="font-semibold">· </span> <span>电气清洗排湿防潮</span> <span class="font-semibold"> ·</span> </div> <div class="mx-[auto] w-[18.625rem] border-[0.0313rem] border-border-red"></div> </div> </div> <div class="swiper-slide"> <div class="w-[25rem] h-[30.125rem] p-[1.75rem] bg-background-gray"> <div class="w-[21.25rem] h-[20rem] flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/2424088491_huge.jpg" srcset=" /upload/thumbnails/2024/w400/2424088491_huge.jpg 400w, /upload/thumbnails/2024/w800/2424088491_huge.jpg 800w, /upload/thumbnails/2024/w1200/2424088491_huge.jpg 1200w, /upload/thumbnails/2024/w1600/2424088491_huge.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="甲板维修/铭牌保养维护" > <!-- th:srcset="| ${thumbnail.gen(item.extParam[0].value, 's')} 400w, ${thumbnail.gen(item.extParam[0].value, 'm')} 800w, ${thumbnail.gen(item.extParam[0].value, 'l')} 1200w, ${thumbnail.gen(item.extParam[0].value, 'xl')} 1600w |" sizes="25rem" --> </div> <div class="my-[1.5625rem] lh1 text-[1.3rem] font-medium text-center h-[2rem]"> <span class="font-semibold">· </span> <span>甲板维修/铭牌保养维护</span> <span class="font-semibold"> ·</span> </div> <div class="mx-[auto] w-[18.625rem] border-[0.0313rem] border-border-red changeBorderColor"></div> </div> </div> </div> </div> </div> <!-- 相关产品 --> <div id="relatedProducts" class="w-full h-[4rem]"></div> <div id="relatedProductsConatent" class="w-full "> <div class="text-[1.75rem] text-text-red font-semibold flex items-baseline align-baseline justify-between"> <div>相关产品</div> </div> <div class="flex justify-end align-baseline h-[1.25rem] w-full"> <div class="w-[2.5rem] h-[0.9375rem] flex items-center justify-between text-[0.875rem] cursor-pointer"> <a class="border-[0.0625rem] lh1 hover:text-text-red active:text-text-red font-medium" id="related_pre" @click="relatedPre()"><</a> <a class="border-[0.0625rem] lh1 hover:text-text-red active:text-text-red font-medium" id="related_next" @click="relatedNext()">></a> </div> </div> <div class="swiper mt-[1.25rem]" id="swiperRelated"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a target="_blank" href="/product/PR84009" class="block w-[18.125rem] h-[28.5rem] border-b-2 border-border-gray"> <div class="w-full h-[24.125rem] box-border flex justify-center items-center bg-background-gray py-[3.9375rem] px-[0.9375rem] "> <div class="w-full bg-white h-full box-border p-2 flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/84009_KontaktPCC_200M22_PS_h600-RGB.jpg" srcset=" /upload/thumbnails/2024/w400/84009KontaktPCC200M22PSh600-RGB.jpg 400w, /upload/thumbnails/2024/w800/84009KontaktPCC200M22PSh600-RGB.jpg 800w, /upload/thumbnails/2024/w1200/84009KontaktPCC200M22PSh600-RGB.jpg 1200w, /upload/thumbnails/2024/w1600/84009KontaktPCC200M22PSh600-RGB.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="电路板清洗剂 200ml" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> </div> <div class="w-full flex justify-between text-[1.25rem] font-medium items-center my-[1.5rem]"> <div class="content-ellipsis">电路板清洗剂 200ml</div> <div class="iconfont icon-youjiantou text-text-red"></div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR70013" class="block w-[18.125rem] h-[28.5rem] border-b-2 border-border-gray"> <div class="w-full h-[24.125rem] box-border flex justify-center items-center bg-background-gray py-[3.9375rem] px-[0.9375rem] "> <div class="w-full bg-white h-full box-border p-2 flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR70009-PR70013-0.jpg" srcset=" /upload/thumbnails/2024/w400/PR70009-PR70013-0.jpg 400w, /upload/thumbnails/2024/w800/PR70009-PR70013-0.jpg 800w, /upload/thumbnails/2024/w1200/PR70009-PR70013-0.jpg 1200w, /upload/thumbnails/2024/w1600/PR70009-PR70013-0.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="触点修复清洗剂 400ml" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> </div> <div class="w-full flex justify-between text-[1.25rem] font-medium items-center my-[1.5rem]"> <div class="content-ellipsis">触点修复清洗剂 400ml</div> <div class="iconfont icon-youjiantou text-text-red"></div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR03085" class="block w-[18.125rem] h-[28.5rem] border-b-2 border-border-gray"> <div class="w-full h-[24.125rem] box-border flex justify-center items-center bg-background-gray py-[3.9375rem] px-[0.9375rem] "> <div class="w-full bg-white h-full box-border p-2 flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR03085-0.jpg" srcset=" /upload/thumbnails/2024/w400/PR03085-0.jpg 400w, /upload/thumbnails/2024/w800/PR03085-0.jpg 800w, /upload/thumbnails/2024/w1200/PR03085-0.jpg 1200w, /upload/thumbnails/2024/w1600/PR03085-0.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="食品级绝缘油脂 94g" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> </div> <div class="w-full flex justify-between text-[1.25rem] font-medium items-center my-[1.5rem]"> <div class="content-ellipsis">食品级绝缘油脂 94g</div> <div class="iconfont icon-youjiantou text-text-red"></div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR70513" class="block w-[18.125rem] h-[28.5rem] border-b-2 border-border-gray"> <div class="w-full h-[24.125rem] box-border flex justify-center items-center bg-background-gray py-[3.9375rem] px-[0.9375rem] "> <div class="w-full bg-white h-full box-border p-2 flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/70513_Kontakt61_400M22_PS_h600-RGB.jpg" srcset=" /upload/thumbnails/2024/w400/70513Kontakt61400M22PSh600-RGB.jpg 400w, /upload/thumbnails/2024/w800/70513Kontakt61400M22PSh600-RGB.jpg 800w, /upload/thumbnails/2024/w1200/70513Kontakt61400M22PSh600-RGB.jpg 1200w, /upload/thumbnails/2024/w1600/70513Kontakt61400M22PSh600-RGB.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="接点全效养护润滑剂 400ml" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> </div> <div class="w-full flex justify-between text-[1.25rem] font-medium items-center my-[1.5rem]"> <div class="content-ellipsis">接点全效养护润滑剂 400ml</div> <div class="iconfont icon-youjiantou text-text-red"></div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/14722" class="block w-[18.125rem] h-[28.5rem] border-b-2 border-border-gray"> <div class="w-full h-[24.125rem] box-border flex justify-center items-center bg-background-gray py-[3.9375rem] px-[0.9375rem] "> <div class="w-full bg-white h-full box-border p-2 flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/14722-0.jpg" srcset=" /upload/thumbnails/2024/w400/14722-0.jpg 400w, /upload/thumbnails/2024/w800/14722-0.jpg 800w, /upload/thumbnails/2024/w1200/14722-0.jpg 1200w, /upload/thumbnails/2024/w1600/14722-0.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="SW-8 飞行器及武器脱脂液" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> </div> <div class="w-full flex justify-between text-[1.25rem] font-medium items-center my-[1.5rem]"> <div class="content-ellipsis">SW-8 飞行器及武器脱脂液</div> <div class="iconfont icon-youjiantou text-text-red"></div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR03286" class="block w-[18.125rem] h-[28.5rem] border-b-2 border-border-gray"> <div class="w-full h-[24.125rem] box-border flex justify-center items-center bg-background-gray py-[3.9375rem] px-[0.9375rem] "> <div class="w-full bg-white h-full box-border p-2 flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR03286-0.jpg" srcset=" /upload/thumbnails/2024/w400/PR03286-0.jpg 400w, /upload/thumbnails/2024/w800/PR03286-0.jpg 800w, /upload/thumbnails/2024/w1200/PR03286-0.jpg 1200w, /upload/thumbnails/2024/w1600/PR03286-0.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="SP-400 超长效防锈蜡 16.5kg" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> </div> <div class="w-full flex justify-between text-[1.25rem] font-medium items-center my-[1.5rem]"> <div class="content-ellipsis">SP-400 超长效防锈蜡 16.5kg</div> <div class="iconfont icon-youjiantou text-text-red"></div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR03160" class="block w-[18.125rem] h-[28.5rem] border-b-2 border-border-gray"> <div class="w-full h-[24.125rem] box-border flex justify-center items-center bg-background-gray py-[3.9375rem] px-[0.9375rem] "> <div class="w-full bg-white h-full box-border p-2 flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR03160-0.jpg" srcset=" /upload/thumbnails/2024/w400/PR03160-0.jpg 400w, /upload/thumbnails/2024/w800/PR03160-0.jpg 800w, /upload/thumbnails/2024/w1200/PR03160-0.jpg 1200w, /upload/thumbnails/2024/w1600/PR03160-0.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="3-36 超薄干膜润滑剂 311g" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> </div> <div class="w-full flex justify-between text-[1.25rem] font-medium items-center my-[1.5rem]"> <div class="content-ellipsis">3-36 超薄干膜润滑剂 311g</div> <div class="iconfont icon-youjiantou text-text-red"></div> </div> </a> </div> <div class="swiper-slide"> <a target="_blank" href="/product/PR14088" class="block w-[18.125rem] h-[28.5rem] border-b-2 border-border-gray"> <div class="w-full h-[24.125rem] box-border flex justify-center items-center bg-background-gray py-[3.9375rem] px-[0.9375rem] "> <div class="w-full bg-white h-full box-border p-2 flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR14088.png" srcset=" /upload/thumbnails/2024/w400/PR14088.png 400w, /upload/thumbnails/2024/w800/PR14088.png 800w, /upload/thumbnails/2024/w1200/PR14088.png 1200w, /upload/thumbnails/2024/w1600/PR14088.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="精密除尘剂 200g" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> </div> <div class="w-full flex justify-between text-[1.25rem] font-medium items-center my-[1.5rem]"> <div class="content-ellipsis">精密除尘剂 200g</div> <div class="iconfont icon-youjiantou text-text-red"></div> </div> </a> </div> </div> </div> </div> <!-- 常见问题 --> <div id="questions" class="w-full h-[4rem]"></div> <div id="questionsContent" class="w-full pb-11"> <div class="text-[1.75rem] text-text-red font-semibold flex items-baseline align-baseline justify-between"> <div>常见问题</div> </div> <div class="mt-[3.125rem] w-full box-border" style="font-family: '宋体';"> <template x-for="(item,index) in questionList" :key="`question${index}`"> <div class="mb-[2.375rem]"> <div class="flex"> <div class="w-[3rem] h-[3rem] bg-[#DCDCDC] flex text-[1.5rem] justify-center items-center font-semibold">Q</div> <div class="w-[76.875rem] flex items-center min-h-[3rem] pl-[2rem] box-border bg-[#f5f6f8] leading-normal text-[1.25rem] font-medium" x-text="item.q" ></div> </div> <div class="flex mt-[1.125rem] min-h-[3rem]"> <div class="w-[3rem] bg-background-red flex text-[1.5rem] text-white justify-center items-center font-semibold">A</div> <div class="w-[76.875rem] flex items-center p-3 pl-[2rem] box-border bg-[#f5f6f8] leading-normal text-[1.25rem] text-text-red font-medium" x-text="item.a"> </div> </div> </div> </template> </div> </div> </div> </div> </div> <div class="mobile"> <!-- 顶部图片 --> <script type="text/javascript"> function titleDataMobile() { return { titleName:"5-56® 多用途防锈润滑剂 410g多用途防锈润滑剂", url:"/upload/detail-banner.jpg" } } </script> <div x-data="titleDataMobile()"> <div class="w-full h-[18.75rem] relative mx-auto flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/detail-banner.jpg" srcset=" /upload/thumbnails/2024/w400/detail-banner.jpg 400w, /upload/thumbnails/2024/w800/detail-banner.jpg 800w, /upload/thumbnails/2024/w1200/detail-banner.jpg 1200w, /upload/thumbnails/2024/w1600/detail-banner.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="透明保护漆 300g" > <div class="w-[80%] h-[60%] absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] flex justify-center items-center bg-black/80 "> <div class="text-[1.25rem] box-border px-[1.625rem] text-white font-semibold" >透明保护漆 300g</div> </div> </div> </div> <!-- 产品说明区域 --> <script type="text/javascript"> // 图片列表 let productImgListMobile =[] for(let i=0;i<product.mainImgs.length;i++){ productImgListMobile.push({imgUrl:product.mainImgs[i]}) } /*[ {imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.ccd320596cb9b0499c2d9e89079c7990?rik=bo30tkANeNk4Aw&riu=http%3a%2f%2fwww.finebornchina.cn%2fuploads%2fallimg%2f140430%2f1-140430150445413.jpg&ehk=Hjpp13uPkWtPTUVLZH%2f7V3MKAnXYJJNjmjRq1TE136k%3d&risl=&pid=ImgRaw&r=0"}, {imgUrl:"https://youimg1.c-ctrip.com/target/100r10000000pycel4E0E.jpg"}, {imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b5801108793b344ef2988ad?rik=OlQAB0P4J80yTA&riu=http%3a%2f%2fimg95.699pic.com%2fphoto%2f50070%2f5999.jpg_wh860.jpg&ehk=nUrNDlAkDzUbcZyyRIpSCFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0"}, {imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.e9e7a51477505f71fd2c2fe5fec52b9b?rik=xV6rWM2vq9wKAA&riu=http%3a%2f%2fwww.deskcar.com%2fdesktop%2ffengjing%2f2014330120325%2f4.jpg&ehk=51IkWePiwFEPiX1GYM7kmYeSWt%2b%2bjz9xUWECm5HN7Qo%3d&risl=&pid=ImgRaw&r=0"}, {imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.3a1b98d8aa749503cc2ff9c224bc8b40?rik=xxNkH0iChSUYqg&riu=http%3a%2f%2fd.ifengimg.com%2fq100%2fimg1.ugc.ifeng.com%2fnewugc%2f20190119%2f10%2fwemedia%2fabbab6554fa54232bec645b46e6e7bb3f0e4cc5b_size2326_w3000_h2000.JPG&ehk=UzIcp%2fHqCMHntTpDKBDEvAT%2bhhu8xR805ZL0enQCZ%2fY%3d&risl=1&pid=ImgRaw&r=0"}, ]*/ let buyUrlListMobile = [ { name:"京东", gotoUrl:"去京东的链接" }, { name:"天猫", gotoUrl:"去天猫的链接" }, ] // 详情说明 let productDetailMobile = { productName:"No. PR05005CR", productDesc:"产品描述对塑料安全的润滑剂、渗透剂和防锈剂,有助于防止因水气渗透、湿度、冷 凝或腐蚀而引起的电气故障。恢复电阻值,阻止电流泄漏", productFeature:["产品描述对塑料安全的润滑剂","渗透剂和防锈剂","有助于防止因水气渗透、湿度、冷"], productMap:"适用于连接器、继电器、断路器、变压器、开关设备、电机、发电机、控制器、仪表、 通信组件、电子设备、报警系统、起动器、管道、铸件", productTechnical:[ { gotoUrl:"todo", name:"产品数据表" }, { gotoUrl:"todo", name:"安全技术说明" }, { gotoUrl:"todo", name:"安全技术说明" }, { gotoUrl:"todo", name:"安全技术说明" } ] } // 产品参数数据 let parameterListMobile = [ {name:"外观",value:"#parameter"}, {name:"机制",value:"#video"}, {name:"应用场景",value:"#application"}, {name:"常见问题",value:"#questions"}, ] // 视频数据 let videoListMobile = [ { title:"公司介绍", intro:"CRC实业,自1958年创立以来,便以全球视野将特殊化学品深耕于维修保养全领域。我们拥有超过1300多种配方,专为工业制造、智能制造、汽车、船舶、轨道交通、五金、电子、航空、航海和航天等行业量身打造,满足不同客户独特的化学需求。CRC致力于为客户提供一站式行业应用,包括清洗剂、清洁剂、润滑剂、防锈剂、防护涂料、脱脂剂、润滑脂、特种产品等全系列产品,更有针对特定维护与维修需求的定制产品。选择CRC,让您的工作与生活更加轻松自如。", videoUrl:"/upload/crc-home-vid-v2.mp4" }, ] // 相关产品数据 let relatedListMobile = [ { name:"行业应用行业应用解决", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.ccd320596cb9b0499c2d9e89079c7990?rik=bo30tkANeNk4Aw&riu=http%3a%2f%2fwww.finebornchina.cn%2fuploads%2fallimg%2f140430%2f1-140430150445413.jpg&ehk=Hjpp13uPkWtPTUVLZH%2f7V3MKAnXYJJNjmjRq1TE136k%3d&risl=&pid=ImgRaw&r=0", gotoUrl:"https://www.baidu.com" }, { name:"品牌数据", gotoUrl:"todo", imgUrl:"https://youimg1.c-ctrip.com/target/100r10000000pycel4E0E.jpg"}, { name:"喵喵喵", gotoUrl:"todo", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b5801108793b344ef2988ad?rik=OlQAB0P4J80yTA&riu=http%3a%2f%2fimg95.699pic.com%2fphoto%2f50070%2f5999.jpg_wh860.jpg&ehk=nUrNDlAkDzUbcZyyRIpSCFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0"}, { name:"常见问题", gotoUrl:"todo", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.3a1b98d8aa749503cc2ff9c224bc8b40?rik=xxNkH0iChSUYqg&riu=http%3a%2f%2fd.ifengimg.com%2fq100%2fimg1.ugc.ifeng.com%2fnewugc%2f20190119%2f10%2fwemedia%2fabbab6554fa54232bec645b46e6e7bb3f0e4cc5b_size2326_w3000_h2000.JPG&ehk=UzIcp%2fHqCMHntTpDKBDEvAT%2bhhu8xR805ZL0enQCZ%2fY%3d&risl=1&pid=ImgRaw&r=0"}, { name:"常见相关产品", gotoUrl:"todo", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.3a1b98d8aa749503cc2ff9c224bc8b40?rik=xxNkH0iChSUYqg&riu=http%3a%2f%2fd.ifengimg.com%2fq100%2fimg1.ugc.ifeng.com%2fnewugc%2f20190119%2f10%2fwemedia%2fabbab6554fa54232bec645b46e6e7bb3f0e4cc5b_size2326_w3000_h2000.JPG&ehk=UzIcp%2fHqCMHntTpDKBDEvAT%2bhhu8xR805ZL0enQCZ%2fY%3d&risl=1&pid=ImgRaw&r=0"}, ] function productDataMobile() { return { productImgListMobile, buyUrlListMobile, productDetailMobile, parameterListMobile, videoListMobile, relatedListMobile, showAllContent:false, // 是否展示页面全部内容 showAllVideo:false, tabActive:1, tabAciveChange(index){ this.tabActive = index }, erweimaShow:false, } } </script> <div x-data="productDataMobile()" class="w-full mt-[2.8125rem]"> <!-- 产品轮播图 --> <div class="swiper" id="swiperLittleMobile"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="w-[26.25rem] h-[26.25rem] p-3 flex justify-center items-center bg-white border-[0.0625rem] border-[#fffff0] mx-[auto]"> <img class="h-full w-full object-scale-down" src="/upload/PR2043-0.png" srcset=" /upload/thumbnails/2024/w400/PR2043-0.png 400w, /upload/thumbnails/2024/w800/PR2043-0.png 800w, /upload/thumbnails/2024/w1200/PR2043-0.png 1200w, /upload/thumbnails/2024/w1600/PR2043-0.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="产品图片" @click="changeBigImg(&#39;/upload/PR2043-0.png&#39;)" > <!-- th:srcset="| ${thumbnail.gen(item, 's')} 400w, ${thumbnail.gen(item, 'm')} 800w, ${thumbnail.gen(item, 'l')} 1200w, ${thumbnail.gen(item, 'xl')} 1600w |" sizes="25rem" --> </div> </div> </div> <div class="swiper-pagination bg-[#DCDCDC] rounded-[0.6875rem] text-center" style="width: 3.875rem; margin-left:calc(50% + 6.25rem)" ></div> </div> <a target="_blank" href="https://item.jd.com/100059934329.html" class="block w-[5.9875rem] mx-auto h-[1.6375rem] mt-[1.5625rem] bg-background-red text-white text-[0.875rem] font-medium text-center"> <span>前往采购</span> <span class="iconfont icon-gouwuchekong"></span> </a> <div class="m-content flex mx-auto cursor-pointer mt-[1.5625rem]"> <div class="w-[6.25rem] h-[2.375rem] leading-[2.375rem] text-[1rem] text-center border-t-[0.125rem] border-x-[0.0625rem] border-border-gray" :class="{'bannerActive':tabActive == 1}" @click="tabAciveChange(1)">产品介绍</div> <div class="w-[6.25rem] h-[2.375rem] leading-[2.375rem] text-[1rem] text-center border-t-[0.125rem] border-x-[0.0625rem] border-border-gray" :class="{'bannerActive':tabActive == 2}" @click="tabAciveChange(2)">相关视频</div> <div class="w-[6.25rem] h-[2.375rem] leading-[2.375rem] text-[1rem] text-center border-t-[0.125rem] border-x-[0.0625rem] border-border-gray" :class="{'bannerActive':tabActive == 3}" @click="tabAciveChange(3)">相关产品</div> <div class="w-[6.25rem] h-[2.375rem] leading-[2.375rem] text-[1rem] text-center border-t-[0.125rem] border-x-[0.0625rem] border-border-gray" :class="{'bannerActive':tabActive == 4}" @click="tabAciveChange(4)">技术资料</div> <!-- 产品介绍 --> </div> <!-- 产品介绍 --> <div id="productIntroMobile" class="article" x-show="tabActive == 1" :class="{'content':showAllContent}" > <!-- 点击展开隐藏效果 --> <div @click="showAllContent = !showAllContent" class="absolute bottom-0 left-0 w-full h-[3.125rem] flex justify-center items-center bg-[#f5f6f8]/80" > <div class="h-[2.5rem] flex justify-center items-center" x-show="!showAllContent"> <div class="text-text-red">点击展开</div> <div class="i-tabler-arrow-badge-down text-[1.5rem] text-text-red"></div> </div> <div class="h-[2.5rem] flex justify-center items-center" x-show="showAllContent"> <div class="text-text-red">点击收起</div> <div class="i-tabler-arrow-badge-up text-[1.5rem] text-text-red"></div> </div> </div> <!-- 产品参数 --> <div class="pt-[2.5rem] box-border pb-[1.25rem] border-b-2 border-border-gray"> <div class="ml-[1.875rem] mb-[1.875rem] w-[4.1875rem] h-[1rem] text-text-red font-semibold">产品参数</div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">单位包装描述</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">300g 气雾罐(含推进剂)</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">品牌</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">希安斯(中国)</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">一般描述</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">丙烯酸涂层</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">净重</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">300g(含推进剂)</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">UPC 条码</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">6973193705257</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">单位尺寸</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">Φ6.5 x 18.5 厘米</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">装箱数量</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">12</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">箱子尺寸</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">27.5 x 20.7 x 21.0 厘米</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">每托盘箱数</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">105</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">毎箱重量</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">5.13 kg</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">外观</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">澄清透明液体</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">基底类型</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">丙烯酸</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">沸点</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">初馏分:80℃</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">击穿电压</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">9.44 KV</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">闪点</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]"><0℃ 闭杯</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">成膜类型</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">干膜</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">比重</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">0.86 @25℃(不含推进剂)</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">推进剂</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">LPG</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">挥发速度</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">快</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">粘度</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">13s(福特杯)</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">表干时间 @20℃</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">30 分钟</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">表面电阻率</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">>10¹³ Ω</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">体积电阻率</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">>10¹³ Ω.cm</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">工作温度</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">-40℃ 至 70℃</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">最高间歇工作温度</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">100℃</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">防潮性能 ASTM 4585</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">96 hrs</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">盐雾测试 ASTM B117</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">96 hrs</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">去除方法</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">采用丙酮或乙酸乙酯</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">保质期</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">自生产日起5年</div> </div> <div class="w-full min-h-[1.725rem] text-[0.875rem] bg-[#D6D6D6] flex items-center params-item-mobile"> <div class="w-1/3 h-full box-border pl-[1.4375rem]">VOC涂料分类</div> <div class="w-2/3 h-full box-border pl-[1.5rem] pr-[0.5rem]">溶剂型涂料(特殊功能性涂料)<br>符合 GB 30981-2020</div> </div> </div> <!-- 产品描述 --> <div class="pt-[2.5rem] box-border pb-[1.25rem] border-b-2 border-border-gray"> <div class="ml-[1.875rem] mb-[1.875rem] w-[4.1875rem] h-[1rem] text-text-red font-semibold">产品描述</div> <div class="text-left w-[25rem] mx-[0.9375rem]">本产品是一种透明保护漆,用于印刷电路板的通用保护膜。为保护印制电路板免于漏电和短路而研发。透明的丙烯酸绝缘薄膜耐各种稀酸、稀碱、醇和湿气,同时防滴并且可焊通。</div> </div> <!-- 产品特性 --> <div class="pt-[2.5rem] box-border pb-[1.25rem] border-b-2 border-border-gray"> <div class="ml-[1.875rem] mb-[1.875rem] w-[4.1875rem] h-[1rem] text-text-red font-semibold">产品特性</div> <ul class="w-[25rem] mx-[0.9375rem] list-disc ml-[1rem]"> <li class="ml-[1.25rem]">挥发速度快</li> <li class="ml-[1.25rem]">有效保护设备抵御湿气和盐雾的严重侵蚀,延长使用寿命</li> <li class="ml-[1.25rem]">提供长期的室内/室外保护</li> <li class="ml-[1.25rem]">对于零部件、设备、机械、电子连接器等的保护时间长达两年之久</li> <li class="ml-[1.25rem]">易于返修</li> <li class="ml-[1.25rem]">产品含荧光指示剂,可以通过UV灯观察膜层是否完全涂覆在所需的区域</li> </ul> </div> <!-- 应用场景 --> <div class="pt-[2.5rem] box-border pb-[1.25rem] border-b-2 border-border-gray"> <div class="ml-[1.875rem] mb-[1.875rem] w-[4.1875rem] h-[1rem] text-text-red font-semibold">应用场景</div> <div class="text-left w-[25rem] mx-[0.9375rem]">保护元器件免受冷凝液和湿气的影响; 印制电路板,防止漏电; 电缆和电线的绝缘; 涂敷在暴露于大气中的端子板、螺栓式接线柱和开关盒上; 应用于电视产品中,减少因高压变压器导致的电晕放电,避免线性变压器的漏电; 保护地图、图表、合法文件、技术绘图、建筑平面图、剧本等其它柔性物件。 高频、电视和无线电天线的保护,防止大气腐蚀; 保护航海无线电和其它元器件免受盐水的腐蚀。</div> </div> <div class="h-[3.125rem]"></div> </div> <!-- 相关视频 --> <div x-show="tabActive == 2" class="article" :class="{'content':showAllVideo}"> <div class="pt-[2.5rem] box-border pb-[1.25rem] border-b-2 border-border-gray"> <!-- 点击展开隐藏效果 --> <div x-show="videoListMobile.length > 1" @click="showAllVideo = !showAllVideo" class="absolute bottom-0 left-0 w-full h-[3.125rem] flex justify-center items-center z-10 bg-[#f5f6f8]/80" > <div class="h-[2.5rem] flex justify-center items-center" x-show="!showAllVideo"> <div class="text-text-red">点击展开</div> <div class="i-tabler-arrow-badge-down text-[1.5rem] text-text-red"></div> </div> <div class="h-[2.5rem] flex justify-center items-center" x-show="showAllVideo"> <div class="text-text-red">点击收起</div> <div class="i-tabler-arrow-badge-up text-[1.5rem] text-text-red"></div> </div> </div> <template x-for="(item,index) in videoListMobile" :key="index"> <div> <div class="ml-[1.875rem] mb-[1.875rem] w-[4.1875rem] h-[1rem] text-text-red font-semibold" x-text="item.title"></div> <div class="w-[23.75rem] h-[18.125rem] mb-[1.875rem] mx-[auto]" style="background: red;"> <!-- <video class="w-full h-full" controls="controls"> <source :src="item.videoUrl" type="video/mp4" /> <source :src="item.videoUrl" type="video/ogg" /> <source :src="item.videoUrl" type="video/webm" /> <object :data="item.videoUrl" class="w-full h-full"> <embed :src="item.videoUrl" class="w-full h-full" /> </object> </video> --> <video id="my-video2" class="video-js w-full h-full" controls preload="auto" data-setup="{}"> <source :src="item.videoUrl" type="video/mp4" /> <source :src="item.videoUrl" type="video/webm"/> <p class="vjs-no-js"> <a href="#" target="_blank"></a> </p> </video> </div> </div> </template> <div x-show="videoListMobile.length > 1" class="h-[3.125rem]"></div> </div> </div> <!-- 相关产品 --> <div x-show="tabActive == 3" class="min-h-[31.25rem]"> <div class="w-full bg-[#f5f6f8]"> <div class="swiper" id="swiperProductMobile"> <div class="swiper-wrapper"> <div class="swiper-slide" > <div class="w-[25rem] h-[34rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[22.75rem] h-[22.75rem] p-3 mb-[2.5rem] mx-auto bg-white flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR02105%20Local-0.png" srcset=" /upload/thumbnails/2024/w400/PR0210520Local-0.png 400w, /upload/thumbnails/2024/w800/PR0210520Local-0.png 800w, /upload/thumbnails/2024/w1200/PR0210520Local-0.png 1200w, /upload/thumbnails/2024/w1600/PR0210520Local-0.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="烟雾探测器测试剂 70g CN" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <a href="/product/PR02105" class="mx-[0.9375rem] text-text-red text-[1.375rem] font-semibold mb-[1.875rem] flex justify-between items-center" > <div>烟雾探测器测试剂 70g CN</div> <div class="iconfont icon-youjiantou"></div> </a> </div> </div> <div class="swiper-slide" > <div class="w-[25rem] h-[34rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[22.75rem] h-[22.75rem] p-3 mb-[2.5rem] mx-auto bg-white flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR02016C-0.jpg" srcset=" /upload/thumbnails/2024/w400/PR02016C-0.jpg 400w, /upload/thumbnails/2024/w800/PR02016C-0.jpg 800w, /upload/thumbnails/2024/w1200/PR02016C-0.jpg 1200w, /upload/thumbnails/2024/w1600/PR02016C-0.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="精密电器清洁剂 300g" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <a href="/product/PR02016C" class="mx-[0.9375rem] text-text-red text-[1.375rem] font-semibold mb-[1.875rem] flex justify-between items-center" > <div>精密电器清洁剂 300g</div> <div class="iconfont icon-youjiantou"></div> </a> </div> </div> <div class="swiper-slide" > <div class="w-[25rem] h-[34rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[22.75rem] h-[22.75rem] p-3 mb-[2.5rem] mx-auto bg-white flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/80715_ScreenTFT_200M22_PS_h600-RGB.jpg" srcset=" /upload/thumbnails/2024/w400/80715ScreenTFT200M22PSh600-RGB.jpg 400w, /upload/thumbnails/2024/w800/80715ScreenTFT200M22PSh600-RGB.jpg 800w, /upload/thumbnails/2024/w1200/80715ScreenTFT200M22PSh600-RGB.jpg 1200w, /upload/thumbnails/2024/w1600/80715ScreenTFT200M22PSh600-RGB.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="屏幕清洁剂 200ml" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <a href="/product/PR80715" class="mx-[0.9375rem] text-text-red text-[1.375rem] font-semibold mb-[1.875rem] flex justify-between items-center" > <div>屏幕清洁剂 200ml</div> <div class="iconfont icon-youjiantou"></div> </a> </div> </div> <div class="swiper-slide" > <div class="w-[25rem] h-[34rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[22.75rem] h-[22.75rem] p-3 mb-[2.5rem] mx-auto bg-white flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/AK10.jpeg" srcset=" /upload/thumbnails/2024/w400/AK10.jpeg 400w, /upload/thumbnails/2024/w800/AK10.jpeg 800w, /upload/thumbnails/2024/w1200/AK10.jpeg 1200w, /upload/thumbnails/2024/w1600/AK10.jpeg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="除味喷喷(原味) 100ml" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <a href="/product/PRAK10" class="mx-[0.9375rem] text-text-red text-[1.375rem] font-semibold mb-[1.875rem] flex justify-between items-center" > <div>除味喷喷(原味) 100ml</div> <div class="iconfont icon-youjiantou"></div> </a> </div> </div> <div class="swiper-slide" > <div class="w-[25rem] h-[34rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[22.75rem] h-[22.75rem] p-3 mb-[2.5rem] mx-auto bg-white flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR03310_0.jpg" srcset=" /upload/thumbnails/2024/w400/PR033100.jpg 400w, /upload/thumbnails/2024/w800/PR033100.jpg 800w, /upload/thumbnails/2024/w1200/PR033100.jpg 1200w, /upload/thumbnails/2024/w1600/PR033100.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="氮化硼脱模剂 283g" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <a href="/product/PR03310" class="mx-[0.9375rem] text-text-red text-[1.375rem] font-semibold mb-[1.875rem] flex justify-between items-center" > <div>氮化硼脱模剂 283g</div> <div class="iconfont icon-youjiantou"></div> </a> </div> </div> <div class="swiper-slide" > <div class="w-[25rem] h-[34rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[22.75rem] h-[22.75rem] p-3 mb-[2.5rem] mx-auto bg-white flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/PR402916-V1.png" srcset=" /upload/thumbnails/2024/w400/PR402916-V1.png 400w, /upload/thumbnails/2024/w800/PR402916-V1.png 800w, /upload/thumbnails/2024/w1200/PR402916-V1.png 1200w, /upload/thumbnails/2024/w1600/PR402916-V1.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="Trans-X AT自动变速箱止漏剂(高里程) 473ml" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <a href="/product/PR402916" class="mx-[0.9375rem] text-text-red text-[1.375rem] font-semibold mb-[1.875rem] flex justify-between items-center" > <div>Trans-X AT自动变速箱止漏剂(高里程) 473ml</div> <div class="iconfont icon-youjiantou"></div> </a> </div> </div> <div class="swiper-slide" > <div class="w-[25rem] h-[34rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[22.75rem] h-[22.75rem] p-3 mb-[2.5rem] mx-auto bg-white flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/5072.png" srcset=" /upload/thumbnails/2024/w400/5072.png 400w, /upload/thumbnails/2024/w800/5072.png 800w, /upload/thumbnails/2024/w1200/5072.png 1200w, /upload/thumbnails/2024/w1600/5072.png 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="多功能环保水基清洗剂 20L" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <a href="/product/5072" class="mx-[0.9375rem] text-text-red text-[1.375rem] font-semibold mb-[1.875rem] flex justify-between items-center" > <div>多功能环保水基清洗剂 20L</div> <div class="iconfont icon-youjiantou"></div> </a> </div> </div> <div class="swiper-slide" > <div class="w-[25rem] h-[34rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[22.75rem] h-[22.75rem] p-3 mb-[2.5rem] mx-auto bg-white flex justify-center items-center"> <img class="h-full w-full object-scale-down" src="/upload/EVR1-0.jpg" srcset=" /upload/thumbnails/2024/w400/EVR1-0.jpg 400w, /upload/thumbnails/2024/w800/EVR1-0.jpg 800w, /upload/thumbnails/2024/w1200/EVR1-0.jpg 1200w, /upload/thumbnails/2024/w1600/EVR1-0.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="Evapo-Rust 中性安全除锈剂 1L" > <!-- th:srcset="| ${thumbnail.gen(item.spec.mainImgs[0], 's')} 400w, ${thumbnail.gen(item.spec.mainImgs[0], 'm')} 800w, ${thumbnail.gen(item.spec.mainImgs[0], 'l')} 1200w, ${thumbnail.gen(item.spec.mainImgs[0], 'xl')} 1600w |" sizes="25rem" --> </div> <a href="/product/EVR1" class="mx-[0.9375rem] text-text-red text-[1.375rem] font-semibold mb-[1.875rem] flex justify-between items-center" > <div>Evapo-Rust 中性安全除锈剂 1L</div> <div class="iconfont icon-youjiantou"></div> </a> </div> </div> </div> <div class="swiper-pagination" ></div> </div> </div> </div> <!-- 技术资料 --> <div x-show="tabActive == 4" class="max-h-[31.25rem]"> <div class="mt-[1.875rem] mx-[1.875rem] flex flex-wrap"> <a href="/upload/PDS%20PR2043%20CN.pdf" class="block box-border px-[1.25rem] h-[3.125rem] text-white leading-[3.125rem] cursor-pointer text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] align-middle mr-[2.25rem] mt-[0.625rem] bg-background-red"> <span class="">产品数据表 PDS</span> <span class="iconfont icon-xiazai-yuan-L ml-[0.375rem] text-[1.375rem]"></span> </a><a href="/upload/SDS%20PR2043%20CN.pdf" class="block box-border px-[1.25rem] h-[3.125rem] text-white leading-[3.125rem] cursor-pointer text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] align-middle mr-[2.25rem] mt-[0.625rem] bg-background-red"> <span class="">安全技术说明书 SDS</span> <span class="iconfont icon-xiazai-yuan-L ml-[0.375rem] text-[1.375rem]"></span> </a><a href="/upload/RoHS%20PR2043%20CN.pdf" class="block box-border px-[1.25rem] h-[3.125rem] text-white leading-[3.125rem] cursor-pointer text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] align-middle mr-[2.25rem] mt-[0.625rem] bg-background-red"> <span class="">RoHS报告</span> <span class="iconfont icon-xiazai-yuan-L ml-[0.375rem] text-[1.375rem]"></span> </a><a href="/upload/VOC%20PR2043%20CN%202024.pdf" class="block box-border px-[1.25rem] h-[3.125rem] text-white leading-[3.125rem] cursor-pointer text-[1.125rem] font-medium text-center border-[0.0625rem] border-[#CF0135] align-middle mr-[2.25rem] mt-[0.625rem] bg-background-red"> <span class="">VOC报告</span> <span class="iconfont icon-xiazai-yuan-L ml-[0.375rem] text-[1.375rem]"></span> </a> </div> </div> </div> <!-- 应用场景 --> <script type="text/javascript"> // 应用场景数据 /*let applicationListMobile = [ {name:"行业应用",intro:"通过发现新的应用机会为,客户提供价值 以降低成本提高长期可靠性。", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.ccd320596cb9b0499c2d9e89079c7990?rik=bo30tkANeNk4Aw&riu=http%3a%2f%2fwww.finebornchina.cn%2fuploads%2fallimg%2f140430%2f1-140430150445413.jpg&ehk=Hjpp13uPkWtPTUVLZH%2f7V3MKAnXYJJNjmjRq1TE136k%3d&risl=&pid=ImgRaw&r=0"}, {name:"品牌数据",intro:"通过发现新的应用机会为,客户提供价值 以降低成本提高长期可靠性。", imgUrl:"https://youimg1.c-ctrip.com/target/100r10000000pycel4E0E.jpg"}, {name:"喵喵喵",intro:"通过发现新的应用机会为,客户提供价值 以降低成本提高长期可靠性。", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b5801108793b344ef2988ad?rik=OlQAB0P4J80yTA&riu=http%3a%2f%2fimg95.699pic.com%2fphoto%2f50070%2f5999.jpg_wh860.jpg&ehk=nUrNDlAkDzUbcZyyRIpSCFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0"}, {name:"相关产品",intro:"通过发现新的应用机会为,客户提供价值 以降低成本提高长期可靠性。", imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.e9e7a51477505f71fd2c2fe5fec52b9b?rik=xV6rWM2vq9wKAA&riu=http%3a%2f%2fwww.deskcar.com%2fdesktop%2ffengjing%2f2014330120325%2f4.jpg&ehk=51IkWePiwFEPiX1GYM7kmYeSWt%2b%2bjz9xUWECm5HN7Qo%3d&risl=&pid=ImgRaw&r=0"}, {name:"常见问题",intro:"通过发现新的应用机会为,客户提供价值 以降低成本提高长期可靠性。",imgUrl:"https://ts1.cn.mm.bing.net/th/id/R-C.3a1b98d8aa749503cc2ff9c224bc8b40?rik=xxNkH0iChSUYqg&riu=http%3a%2f%2fd.ifengimg.com%2fq100%2fimg1.ugc.ifeng.com%2fnewugc%2f20190119%2f10%2fwemedia%2fabbab6554fa54232bec645b46e6e7bb3f0e4cc5b_size2326_w3000_h2000.JPG&ehk=UzIcp%2fHqCMHntTpDKBDEvAT%2bhhu8xR805ZL0enQCZ%2fY%3d&risl=1&pid=ImgRaw&r=0"}, ] function applicationData(){ return { applicationListMobile } }*/ </script> <div> <div class="h-[4.6875rem] w-full text-text-red text-[1.125rem] font-semibold flex items-center "> <div class="ml-[1.375rem] border-l-[0.1875rem] border-border-red pl-[0.6875rem]">应用场景</div> </div> <div class="w-full bg-[#f5f6f8]"> <div class="swiper" id="swiperApplicationMobile"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="w-[22.5rem] h-[46.1875rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[19.7688rem] h-[18.55rem] mb-[2.5rem] mx-auto flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/748108330.jpg" srcset=" /upload/thumbnails/2024/w400/748108330.jpg 400w, /upload/thumbnails/2024/w800/748108330.jpg 800w, /upload/thumbnails/2024/w1200/748108330.jpg 1200w, /upload/thumbnails/2024/w1600/748108330.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="控制柜&amp;示教器&amp;线耳&amp;电子元件&amp;线缆清洁养护" > <!-- th:srcset="| ${thumbnail.gen(item.extParam[0].value, 's')} 400w, ${thumbnail.gen(item.extParam[0].value, 'm')} 800w, ${thumbnail.gen(item.extParam[0].value, 'l')} 1200w, ${thumbnail.gen(item.extParam[0].value, 'xl')} 1600w |" sizes="25rem" --> </div> <div class="text-text-red text-[1.375rem] font-semibold mb-[1.875rem] h-[2.4rem]">控制柜&amp;示教器&amp;线耳&amp;电子元件&amp;线缆清洁养护</div> <div class="h-[12.75rem] mb-[1.5rem]">智能装备的控制柜、示教器、线耳、电子元件及线缆等部件,常因灰尘、油污积累导致性能下降、故障频发,给用户带来不小的维护挑战。CRC维保化学品针对这一痛点,提供了专业的清洁养护方案。它能有效去除污渍,恢复部件的清洁度,同时形成一层保护膜,防止未来污染和腐蚀。这不仅延长了部件的使用寿命,还提升了智能装备的整体性能和稳定性,降低了用户的维护成本,确保了生产的高效连续运行。</div> <div class="w-1/2 border-border-red border-2"></div> </div> </div> <div class="swiper-slide"> <div class="w-[22.5rem] h-[46.1875rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[19.7688rem] h-[18.55rem] mb-[2.5rem] mx-auto flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/2159213089.jpg" srcset=" /upload/thumbnails/2024/w400/2159213089.jpg 400w, /upload/thumbnails/2024/w800/2159213089.jpg 800w, /upload/thumbnails/2024/w1200/2159213089.jpg 1200w, /upload/thumbnails/2024/w1600/2159213089.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="电气清洗排湿防潮" > <!-- th:srcset="| ${thumbnail.gen(item.extParam[0].value, 's')} 400w, ${thumbnail.gen(item.extParam[0].value, 'm')} 800w, ${thumbnail.gen(item.extParam[0].value, 'l')} 1200w, ${thumbnail.gen(item.extParam[0].value, 'xl')} 1600w |" sizes="25rem" --> </div> <div class="text-text-red text-[1.375rem] font-semibold mb-[1.875rem] h-[2.4rem]">电气清洗排湿防潮</div> <div class="h-[12.75rem] mb-[1.5rem]">在矿山采掘领域,电气设备常因环境潮湿、尘埃积聚而导致性能下降,甚至引发故障。CRC维保化学品能迅速去除电气部件上的尘埃和油污,恢复其导电性能;排湿防潮方面,则能有效吸收和排除设备内部的湿气,防止电路短路和部件腐蚀。这不仅提高了电气设备的可靠性和稳定性,还降低了因潮湿导致的停机时间和维修成本,是矿山采掘企业保障生产安全和效率的关键。</div> <div class="w-1/2 border-border-red border-2"></div> </div> </div> <div class="swiper-slide"> <div class="w-[22.5rem] h-[46.1875rem] mx-[auto] box-border pt-[3.125rem] "> <div class="w-[19.7688rem] h-[18.55rem] mb-[2.5rem] mx-auto flex justify-center items-center"> <img class="w-full h-full object-cover" src="/upload/2424088491_huge.jpg" srcset=" /upload/thumbnails/2024/w400/2424088491_huge.jpg 400w, /upload/thumbnails/2024/w800/2424088491_huge.jpg 800w, /upload/thumbnails/2024/w1200/2424088491_huge.jpg 1200w, /upload/thumbnails/2024/w1600/2424088491_huge.jpg 1600w " sizes="(max-width: 1600px) 100vw, 1600px" alt="甲板维修/铭牌保养维护" > <!-- th:srcset="| ${thumbnail.gen(item.extParam[0].value, 's')} 400w, ${thumbnail.gen(item.extParam[0].value, 'm')} 800w, ${thumbnail.gen(item.extParam[0].value, 'l')} 1200w, ${thumbnail.gen(item.extParam[0].value, 'xl')} 1600w |" sizes="25rem" --> </div> <div class="text-text-red text-[1.375rem] font-semibold mb-[1.875rem] h-[2.4rem]">甲板维修/铭牌保养维护</div> <div class="h-[12.75rem] mb-[1.5rem]">船舶上的铭牌承载着重要的设备信息和安全警示,但长期暴露在户外,易受腐蚀和磨损,导致字迹模糊,难以辨认,给用户带来安全隐患和管理不便。CRC维保化学品独特的清洁和防腐配方,能够迅速去除铭牌表面的污垢和腐蚀物,恢复字迹清晰;同时,还能在铭牌表面形成保护层,隔绝湿气和盐分,防止再次腐蚀。这不仅提升了船舶的安全管理水平,还延长了铭牌的使用寿命,降低了用户的维护成本。</div> <div class="w-1/2 border-border-red border-2"></div> </div> </div> </div> <div class="swiper-pagination" ></div> </div> </div> </div> <!-- 常见问题 --> <script type="text/javascript"> // 问答数据 let questionListMobile = [] if(sectionMap['常见问题']){ for(let i=0;i<sectionMap['常见问题'].length;i++){ let item = sectionMap['常见问题'][i] questionListMobile.push({ q:item.secondTitle, a:item.adesc }) } } if(questionListMobile && questionListMobile.length==0){ questionListMobile= [ { q:"如何正确使用气雾剂?", a:"在使用产品前,先把罐子晃动摇匀,把气雾剂的喷头对准使用目标,按压喷嘴。喷雾距离一般为15-30厘米,视产品情况调整喷射的距离和角度。注意避免喷射到人和动物身上,使用时请佩戴口罩和手套。" },{ q:"如何查找产品的生产批号?", a:"CRC实业大部分的气雾罐产品生产日期及批号信息位于罐底,桶装产品的相关信息位于标签上,如有疑问或者更多需求请致电CRC实业公司。" },{ q:"新的产品为什么会出现喷不出的情况?", a:"此问题常见于漆类产品,可尝试更换按头(如有备用按头的情况),或者取下按头,用针在喷头的孔位捅几下即可。如以上方法仍无法解决,请直接联系CRC实业公司。" }, { q:"气雾剂产品内容物喷不完,剩余很多是什么情况?", a:"气雾剂由推进剂(气体)和料液构成,其中料液靠推进剂喷出。使用不当,如长时间在罐体平放的情况下喷射,会导致推进剂率先使用殆尽。因此在操作过程中尽可能保证罐体正立,即使倾斜喷射也尽量保持在45°角内。如产品采用360度阀门可倒立喷射。值得注意的是,漆类产品使用后需倒置喷射以清洗内部管路,防止后续因堵塞而出现喷不出的情况。" }, { q:"气雾罐罐身出现生锈怎么办?", a:"大部分气雾罐由马口铁制成,在运输过程中发生磕碰,导致表面的镀锡层被破坏,在高温高湿的环境催化下,罐身会出现锈蚀的情况。罐身表面轻微锈蚀不会影响产品的质量和性能,可以正常使用。如发生泄露,请立即联系CRC实业公司。" }, ] } function questionData(){ return { questionListMobile } } </script> <div> <div class="h-[4.6875rem] w-full text-text-red text-[1.125rem] font-semibold flex items-center "> <div class="ml-[1.375rem] border-l-[0.1875rem] border-border-red pl-[0.6875rem]">常见问题</div> </div> <div class="mx-[0.9375rem]" style="font-family: '宋体';"> <template x-for="(item,index) in questionListMobile" :key="`question${index}`"> <div class="mb-[1.125rem]"> <div class="flex min-h-[2rem] mt-[1.125rem]"> <div class="w-[2rem] bg-[#DCDCDC] flex text-[1.125rem] justify-center items-center font-semibold">Q</div> <div class="pl-[1.125rem] flex items-center w-[85%] box-border bg-[#f5f6f8] leading-normal font-medium" x-text="item.q" ></div> </div> <div class="flex mt-[1.125rem] min-h-[2rem]"> <div class="w-[2rem] bg-background-red flex text-white text-[1.125rem] justify-center items-center font-semibold">A</div> <div class="pl-[1.125rem] flex items-center w-[85%] box-border bg-[#f5f6f8] leading-normal text-text-red font-medium" x-text="item.a"> </div> </div> </div> </template> </div> </div> </div> <style type="text/css"> .m-content { width: 25.625rem; } .swiper{ --swiper-theme-color: #CF0135;/* 设置Swiper风格 */ --swiper-navigation-color: #000;/* 单独设置按钮颜色 */ --swiper-navigation-size: 0.625rem;/* 设置按钮大小 */ } .active{ border-bottom: 0.125rem solid #cf0135; } /* id 选择器 下的params-item 设置偶数子元素背景色 */ .params-item:nth-child(even) { min-height: 5.375rem; background: #fff; } .params-item-mobile:nth-child(odd) { min-height: 2.9375rem; background: #fff; } .redio-around{ flex-flow: row-reverse; } .row-around{ justify-content: flex-start } .changeBorderColor{ border: #666 0.0313rem solid; } .bannerActive{ border-top:#cf0135 solid 0.125rem; background: #f5f6f8; color:#cf0135; font-weight: 600; } .article { width: 100%; background: #f5f6f8; position: relative; max-height: 31.25rem; overflow: hidden; transition: all 0.4s linear; } .article.content{ max-height: 125rem; } .multi-line-ellipsis{ height: 14rem; /* 设置最大高度 */ line-height: 1.6; /* overflow-y: scroll; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; line-height: 1.98; 计算每行的高度 */ } /* .multi-line-ellipsis::after { content: '...'; position: relative; padding-right: 10px; } */ .content-ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 2.5rem); } </style> <script type="text/javascript"> // 节流函数 function throttle(fn, delay, isImmediate = true){ // isImmediate 为 true 时使用前缘节流,首次触发会立即执行,为 false 时使用延迟节流,首次触发不会立即执行 let last = Date.now(); return function (){ let now = Date.now(); if(isImmediate){ fn.apply(this, arguments); isImmediate = false; last = now; } if(now - last >= delay){ fn.apply(this, arguments); last = now; } } } var mySwiper = new Swiper ('#swiperLittle', { loop: true, // 循环模式选项 slidesPerView: 4, spaceBetween: 18, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }) var mySwiper1 = new Swiper ('#swiperApplication', { loop: true, // 循环模式选项 slidesPerView: 3, spaceBetween: 70, // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable:true }, }) function applicationPre() { mySwiper1.slidePrev(); } function applicationNext() { mySwiper1.slideNext(); } var mySwiper2 = new Swiper ('#swiperRelated', { loop: true, // 循环模式选项 slidesPerView: 4, spaceBetween: 40, }) function relatedPre() { mySwiper2.slidePrev(); } function relatedNext() { mySwiper2.slideNext(); } var mySwiperMobile1 = new Swiper ('#swiperLittleMobile', { loop: true, // 循环模式选项 pagination: { el: '.swiper-pagination', type:"fraction", clickable:true }, }) var mySwiperMobile3 = new Swiper ('#swiperProductMobile', { loop: true, // 循环模式选项 pagination: { el: '.swiper-pagination', clickable:true }, }) var mySwiperMobile2 = new Swiper ('#swiperApplicationMobile', { loop: true, // 循环模式选项 pagination: { el: '.swiper-pagination', clickable:true }, }) // 获取body dom元素 const body = document.querySelector("body") const height = window.innerHeight // 使用节流监听滚动条滚动事件 body.onscroll = throttle(function(){ const parameterRect = document.querySelector("#parameterContent").getBoundingClientRect() const videoRect = document.querySelector("#videoContent").getBoundingClientRect() const applicationRect = document.querySelector("#applicationContent").getBoundingClientRect() const relatedProductsRect = document.querySelector("#relatedProductsConatent").getBoundingClientRect() const questionsRect = document.querySelector("#questionsContent").getBoundingClientRect() // // console.log(parameterRect) const eleList = [ { name:"#parameterContent", top:parameterRect.top, bottom:parameterRect.bottom, height:parameterRect.height }, { name:"#videoContent", top:videoRect.top, bottom:videoRect.bottom, height:videoRect.height }, { name:"#applicationContent", top:applicationRect.top, bottom:applicationRect.bottom, height:applicationRect.height }, { name:"#relatedProductsConatent", top:relatedProductsRect.top, bottom:relatedProductsRect.bottom, height:relatedProductsRect.height }, { name:"#questionsContent", top:questionsRect.top, bottom:questionsRect.bottom, bottom:questionsRect.bottom, }, ] let match = eleList.find(item=>{ // // console.log(item) if(item.height < height){ return item.top <= 0 && item.bottom > 0 } return item.top <= height && item.bottom >= height }) if(match){ let index = eleList.indexOf(match) let aboutInfoList = document.querySelector("#bannerList").querySelectorAll("a") aboutInfoList.forEach(item=>{ item.classList.remove("active") }) aboutInfoList[index].classList.add("active") } },200,true) </script> <footer class=" bg-background-gray pt-8 dark:bg-zinc-800 "> <script type="text/javascript"> // details name polyfill if (!('name' in document.createElement('details'))) { const details = [...document.querySelectorAll('details')] details.forEach(el => { el.addEventListener('click', () => { if (!el.open) { details.filter(d => d.getAttribute('name') === el.getAttribute('name') && d !== el && d.open).forEach(m => { m.open = false }) } }) }) } </script> <div class="bg-background-red h-[53rem] w-full pc" > <div class="container mx-auto"> <div class="h-full box-border pt-[6.25rem]"> <div class="flex w-full h-[25rem]"> <div class="w-[9.0625rem] h-[4.375rem] mr-[6.25rem]"> <img src="/themes/theme-crc/assets/images/CRC-logo@2x.png" alt="crclogo"> </div> <div class="flex-1"> <!-- pc端 --> <div class="pc w-full" > <div class="flex flex-row justify-between " > <!-- 左侧菜单 --> <ul class="flex justify-between flex-1" > <li> <!-- 标题 --> <div class="font-bold text-[1.5rem] text-white mb-[2rem]">产品</div> <!-- 子菜单 --> <ul class="h-[20.5rem] flex flex-col flex-wrap" > <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-BMeFL" class="text-[1.125rem] whitespace-nowrap text-white" >清洗剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-FvEqD" class="text-[1.125rem] whitespace-nowrap text-white" >除锈剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-MQowF" class="text-[1.125rem] whitespace-nowrap text-white" >美护产品</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-Zbxle" class="text-[1.125rem] whitespace-nowrap text-white" >脱模剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-ekdpJ" class="text-[1.125rem] whitespace-nowrap text-white" >零部件清洗机/清洗剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-kIaHX" class="text-[1.125rem] whitespace-nowrap text-white" >焊接产品</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-uTLTl" class="text-[1.125rem] whitespace-nowrap text-white" >润滑剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-vSFIu" class="text-[1.125rem] whitespace-nowrap text-white" >防锈剂</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/productCenter?functionP=tag-zgiVu" class="text-[1.125rem] whitespace-nowrap text-white" >特种化学品</a> </li> </ul> </li> <li> <!-- 标题 --> <div class="font-bold text-[1.5rem] text-white mb-[2rem]">行业应用</div> <!-- 子菜单 --> <ul class="h-[20.5rem] flex flex-col flex-wrap" > <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/general-manufacturing" class="text-[1.125rem] whitespace-nowrap text-white" >一般工业</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/hardware" class="text-[1.125rem] whitespace-nowrap text-white" >五金工具</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/Intelligent-equipment-maintenance" class="text-[1.125rem] whitespace-nowrap text-white" >智能装备维保</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/Yacht-maintenance" class="text-[1.125rem] whitespace-nowrap text-white" >游艇养护</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/rail-transit" class="text-[1.125rem] whitespace-nowrap text-white" >轨道交通</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/marine" class="text-[1.125rem] whitespace-nowrap text-white" >船舶航运</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/mining" class="text-[1.125rem] whitespace-nowrap text-white" >矿山采掘</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/aviation" class="text-[1.125rem] whitespace-nowrap text-white" >航空航天</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/home-care" class="text-[1.125rem] whitespace-nowrap text-white" >家居精护</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/welding" class="text-[1.125rem] whitespace-nowrap text-white" >焊接</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/fire-control" class="text-[1.125rem] whitespace-nowrap text-white" >消防</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/electrical-utility" class="text-[1.125rem] whitespace-nowrap text-white" >风电</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/food-beverage" class="text-[1.125rem] whitespace-nowrap text-white" >食品</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/heavy-truck" class="text-[1.125rem] whitespace-nowrap text-white" >汽车卡车养护</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/industry/motorcycle-and-bicycle-maintenance" class="text-[1.125rem] whitespace-nowrap text-white" >摩托车和自行车养护</a> </li> </ul> </li> <li> <!-- 标题 --> <div class="font-bold text-[1.5rem] text-white mb-[2rem]">联系我们</div> <!-- 子菜单 --> <ul class="h-[20.5rem] flex flex-col flex-wrap" > <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="#" class="text-[1.125rem] whitespace-nowrap text-white" >咨询热线:4008-200-836</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="https://mall.jd.com/index-1000207353.html" class="text-[1.125rem] whitespace-nowrap text-white" >CRC京东自营旗舰店</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="https://crcqcpj.tmall.com/shop/view_shop.htm" class="text-[1.125rem] whitespace-nowrap text-white" >CRC天猫旗舰店</a> </li> </ul> </li> <li> <!-- 标题 --> <div class="font-bold text-[1.5rem] text-white mb-[2rem]">关于我们</div> <!-- 子菜单 --> <ul class="h-[20.5rem] flex flex-col flex-wrap" > <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/about-us" class="text-[1.125rem] whitespace-nowrap text-white" >关于CRC</a> </li> <li class="my-[0.5625rem] h-[1.125rem] leading-none w-[9rem]"> <a href="/product-quality" class="text-[1.125rem] whitespace-nowrap text-white" >产品质量</a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> <div class="w-full h-[18.125rem] flex justify-between items-end"> <!-- 备案信息 --> <div class="w-[60%] h-5 flex justify-between flex-wrap items-center text-[1.125rem] text-white"> <p>© 2024</p> <a href="/"> CRC. All Rights Reserved.</a> <a href="https://beian.miit.gov.cn/" target="_blank"> 沪ICP备16035327号-2</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602000836" target="_blank" class="flex justify-center items-center"> <img src="//img.alicdn.com/tps/TB1yEqRPXXXXXXPXpXXXXXXXXXX-20-20.png">沪公网安备31010602000836 </a> <a href="/upload/危险品经营资质.pdf" target="_blank">查看CRC危险品经营资质</a> </div> <!-- 扫码信息 --> <div class="w-[30%] h-[16rem]"> <div class="w-full h-[10rem] mb-[2.2rem]"> <div id="showBigImgErweima" class="w-full h-full flex justify-center items-center flex-col" style="display: none;"> <div class="h-[8.625rem] w-[8.625rem] mb-[0.875rem] bg-white flex justify-center items-center"> <img id="bigErweima" class="w-full h-full object-scale-down" src="" alt="扫一扫 求关注"> </div> <div class="text-white text-[1.125rem]">扫一扫 加关注</div> </div> </div> <div class="w-full flex justify-between items-center"> <div > <div class="w-[3.75rem] h-[3.75rem] relative bg-white show_erweima rounded-md"> <div id="smallImg" class="w-full h-full box-border p-1 flex justify-center items-center rounded-md" > <img class="w-full h-full object-scale-down" src="/upload/抖音@2x.png" alt="" @mouseover="changeBigFooterImg(&#39;/upload/7691729675218_.pic.jpg&#39; )" @mouseout="hideBigFooterImg()" > </div> <!-- <div class="absolute top-[-5.5rem] left-[-0.6rem] w-[5rem] h-[5rem] erweima"> <img class="w-full h-full" th:src="${qr_code.outstationQrcode}" alt=""> </div> --> </div> </div> <div > <div class="w-[3.75rem] h-[3.75rem] relative bg-white show_erweima rounded-md"> <div id="smallImg" class="w-full h-full box-border p-1 flex justify-center items-center rounded-md" > <img class="w-full h-full object-scale-down" src="/upload/微信logo.png" alt="" @mouseover="changeBigFooterImg(&#39;/upload/7711729675218_.pic.jpg&#39; )" @mouseout="hideBigFooterImg()" > </div> <!-- <div class="absolute top-[-5.5rem] left-[-0.6rem] w-[5rem] h-[5rem] erweima"> <img class="w-full h-full" th:src="${qr_code.outstationQrcode}" alt=""> </div> --> </div> </div> <div > <div class="w-[3.75rem] h-[3.75rem] relative bg-white show_erweima rounded-md"> <div id="smallImg" class="w-full h-full box-border p-1 flex justify-center items-center rounded-md" > <img class="w-full h-full object-scale-down" src="/upload/小红书@2x.png" alt="" @mouseover="changeBigFooterImg(&#39;/upload/7701729675218_.pic.jpg&#39; )" @mouseout="hideBigFooterImg()" > </div> <!-- <div class="absolute top-[-5.5rem] left-[-0.6rem] w-[5rem] h-[5rem] erweima"> <img class="w-full h-full" th:src="${qr_code.outstationQrcode}" alt=""> </div> --> </div> </div> <script type="text/javascript"> let bigErweima = document.getElementById('bigErweima') let showBigImgErweima = document.getElementById('showBigImgErweima') function changeBigFooterImg(imgSrc){ bigErweima.src = imgSrc showBigImgErweima.style.display = 'flex'; } function hideBigFooterImg(){ showBigImgErweima.style.display = 'none'; } </script> </div> <style> .erweima{ display:none; transition: all .5s; } .show_erweima:hover .erweima{ display: block; } </style> </div> </div> </div> </div> <div class="w-full max-w-7xl container mx-auto sm:flex sm:items-center sm:justify-between mobile"> <style> .con { overflow: hidden; } summary { display: flex; align-items: center; line-height: 2; cursor: pointer; justify-content: space-between; } summary::after { content: '+'; opacity: .6; transform: rotate(0deg); transition: all .3s; } details[open] summary::after { transform: rotate(45deg); transition: all .3s; line-height: 1.5; color: #C11A34; } details:last-child p, details:last-child:not([open]) summary { border: 0; } </style> <div class="con mobile "> <details name="a" class="w-full leading-6" > <summary class="items-center border-b border-solid border-gray-300 mt-3" > <span class="font-semibold ">产品</span> </summary> <a href="/productCenter?functionP=tag-BMeFL" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >清洗剂</a><a href="/productCenter?functionP=tag-FvEqD" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >除锈剂</a><a href="/productCenter?functionP=tag-MQowF" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >美护产品</a><a href="/productCenter?functionP=tag-Zbxle" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >脱模剂</a><a href="/productCenter?functionP=tag-ekdpJ" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >零部件清洗机/清洗剂</a><a href="/productCenter?functionP=tag-kIaHX" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >焊接产品</a><a href="/productCenter?functionP=tag-uTLTl" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >润滑剂</a><a href="/productCenter?functionP=tag-vSFIu" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >防锈剂</a><a href="/productCenter?functionP=tag-zgiVu" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >特种化学品</a> </details><details name="a" class="w-full leading-6" > <summary class="items-center border-b border-solid border-gray-300 mt-3" > <span class="font-semibold ">行业应用</span> </summary> <a href="/industry/general-manufacturing" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >一般工业</a><a href="/industry/hardware" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >五金工具</a><a href="/industry/Intelligent-equipment-maintenance" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >智能装备维保</a><a href="/industry/Yacht-maintenance" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >游艇养护</a><a href="/industry/rail-transit" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >轨道交通</a><a href="/industry/marine" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >船舶航运</a><a href="/industry/mining" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >矿山采掘</a><a href="/industry/aviation" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >航空航天</a><a href="/industry/home-care" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >家居精护</a><a href="/industry/welding" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >焊接</a><a href="/industry/fire-control" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >消防</a><a href="/industry/electrical-utility" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >风电</a><a href="/industry/food-beverage" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >食品</a><a href="/industry/heavy-truck" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >汽车卡车养护</a><a href="/industry/motorcycle-and-bicycle-maintenance" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >摩托车和自行车养护</a> </details><details name="a" class="w-full leading-6" > <summary class="items-center border-b border-solid border-gray-300 mt-3" > <span class="font-semibold ">联系我们</span> </summary> <a href="#" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >咨询热线:4008-200-836</a><a href="https://mall.jd.com/index-1000207353.html" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >CRC京东自营旗舰店</a><a href="https://crcqcpj.tmall.com/shop/view_shop.htm" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >CRC天猫旗舰店</a> </details><details name="a" class="w-full leading-6" > <summary class="items-center border-b border-solid border-gray-300 mt-3" > <span class="font-semibold ">关于我们</span> </summary> <a href="/about-us" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >关于CRC</a><a href="/product-quality" class="block text-sm text-zinc-500 dark:text-zinc-200 mt-1" >产品质量</a> </details> <div class="flex justify-around w-full box-border px-10" > <div class="w-14 h-14 rounded-lg flex justify-center items-center mt-6" style="background: #fff;" href="" > <img @click="mobileChangeBigFooterImg(&#39;/upload/7691729675218_.pic.jpg&#39; )" src="/upload/抖音@2x.png" class="w-full h-full object-scale-down" /> </div> <div class="w-14 h-14 rounded-lg flex justify-center items-center mt-6" style="background: #fff;" href="" > <img @click="mobileChangeBigFooterImg(&#39;/upload/7711729675218_.pic.jpg&#39; )" src="/upload/微信logo.png" class="w-full h-full object-scale-down" /> </div> <div class="w-14 h-14 rounded-lg flex justify-center items-center mt-6" style="background: #fff;" href="" > <img @click="mobileChangeBigFooterImg(&#39;/upload/7701729675218_.pic.jpg&#39; )" src="/upload/小红书@2x.png" class="w-full h-full object-scale-down" /> </div> </div> <!-- 二维码 --> <div id="mobileShowBigImgErweima" class="flex justify-center items-center flex-col mt-[2rem]" style="display: none;"> <div class="h-[6.625rem] w-[6.625rem] mb-[0.875rem] bg-white flex justify-center items-center"> <img id="mobilebigErweima" class="w-full h-full" src="" alt="扫一扫 求关注"> </div> <div class="text-[1.125rem] mb-3">扫一扫 加关注</div> </div> <!-- 外站 --> <!-- 备案信息 --> <span class="container mt-[1.25rem] mx-auto block text-center text-sm text-zinc-500 dark:text-zinc-300"> <p>© 2024</p> <a href="/"> CRC. All Rights Reserved.</a> <a href="https://beian.miit.gov.cn/" target="_blank"> 沪ICP备16035327号-2</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602000836" target="_blank" class="flex justify-center items-center"> <img src="//img.alicdn.com/tps/TB1yEqRPXXXXXXPXpXXXXXXXXXX-20-20.png">沪公网安备31010602000836 </a> <a href="/upload/危险品经营资质.pdf" target="_blank">查看CRC危险品经营资质</a> </span> </div> <script type="text/javascript"> let mobilebigErweima = document.getElementById('mobilebigErweima') let mobileShowBigImgErweima = document.getElementById('mobileShowBigImgErweima') function mobileChangeBigFooterImg(imgSrc){ mobilebigErweima.src = imgSrc mobileShowBigImgErweima.style.display = 'flex'; } // function hideBigFooterImg(){ // showBigImgErweima.style.display = 'none'; // } </script> </div> <!-- <hr class="my-6 border-zinc-100 dark:border-zinc-700 sm:mx-auto lg:my-8" /> <span class="container mx-auto block text-center text-sm text-zinc-500"> <a href="https://beian.miit.gov.cn/" class="hover:underline" target="_blank" th:href="${theme.config.beian.icp_link}" th:text="${theme.config.beian.icp_text}" ></a> </span> --> </footer> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10