新品到货 - DKM活性化合物，活性分子平台

登录 注册 手机版 用手机扫一扫 会员中心 DKM活性分子 Detect・Discover・Decode Key Molecules —— 活性分子平台 | 7×24 在线 ☎️400-168-1698 📩info@dkm.cn 登录 ￥0.00 新品到货 热销产品Inhibitors抗体Kits热门靶点PI3K/Akt/mTOREpigeneticsAbMabs抗体 ▶BiosimilarsMabs In Vivo产品类型▶荧光染料爆款试剂盒化合物库DKM资讯联系我们关于DKM中国 Home / New Arrival New Arrival Filter CategoriesAll Price $10$110 Sort ByDefaultNewnessPrice: Low to HighPrice: High to Low All products loaded. { if(item.attachments[1])return item.attachments[1].attachment_id.url if(item.attachments[0])return item.attachments[0].attachment_id.url return `` })()}> ${item.title} Show more ${item.market_price!==0?`$${(Number(item.market_price) / 100).toFixed(2)}`:''} $${(Number(item.price) / 100).toFixed(2)} `).join('')) setTimeout(()=>{ //淡入效果 container.querySelectorAll('.unshow').forEach(item=>{ item.classList.remove('unshow') }) },300) if(totalPage === page){ container.querySelector('.noMore').classList.remove('hide'); container.querySelector('.loadingMore').classList.add('hide'); }else{ scrolFlag = true container.querySelector('.noMore').classList.add('hide'); container.querySelector('.loadingMore').classList.remove('hide') } } //价格选择 let rangeInput = container.querySelector('.priceFilter .rangeInputBox input') let minMaxRange = Number(rangeInput.getAttribute('max')) - Number(rangeInputMin = rangeInput.getAttribute('min')) container.querySelectorAll('.priceFilter .rangeInputBox input').forEach(item=>{ item.addEventListener('input',()=>{ let className = item.classList[0],otherInput = container.querySelector(`.priceFilter .rangeInputBox input:not(.${className})`) let value1 = Number(item.value),value2 = Number(otherInput.value) if(value2{ container.querySelector('.filterTitle .active')?.classList.remove('active');container.querySelector('.filter>.active')?.classList.remove('active') } const handleFilterBoxOpen = (ele,box,padding,timeoutOpen,timeoutClose,timeoutClear=[])=>{ timeoutClear.forEach(item=>{clearTimeout(timeoutObj[item])});//清除定时器 let oldHeight = box.style.getPropertyValue('--height').replace('px','')||0;if(!container.querySelector('.filterBox>.active'))openHeight = 0; if(ele.classList.contains('active')){clearTimeout(timeoutObj[timeoutOpen]);box.style.setProperty('height','');box.style.setProperty('--height',`${Number(oldHeight)+openHeight}px`);timeoutObj[timeoutClose] = setTimeout(()=>{ele.classList.remove('active');box.classList.remove('active');removeOtherFilterDetailActive()},30);return;} let height = box.scrollHeight + padding box.style.cssText = `--height:${height}px`;removeOtherFilterActive();ele.classList.add('active');box.classList.add('active'); timeoutObj[timeoutOpen] = setTimeout(()=>{box.style.cssText+=`height:unset;`},300) } container.querySelector('.filter header h1[data-type="filter"]').addEventListener('click',async(e)=>{ if(window.innerWidth>991){return}let ele = e.target.closest('h1'),box = container.querySelector('.filterBox'),padding = window.innerWidth>400?34:12 handleFilterBoxOpen(ele,box,padding,'filterOpen','filterClose',['filterClose']) }) //筛选详情展开 let timeoutDetailObj = { 'categoriesOpen':null,'categoriesClose':null,'priceOpen':null,'priceClose':null,'sortByOpen':null,'ssortByClose':null } const removeOtherFilterDetailActive = ()=>{ container.querySelector('.filterBox>.active')?.classList.remove('active');container.querySelector('.filterBox h2.active')?.classList.remove('active') } const handleFilterDetailOpen = (ele,box,padding,timeoutOpen,timeoutClose,timeoutClear=[])=>{ timeoutClear.forEach(item=>{clearTimeout(timeoutDetailObj[item])});//清除定时器 if(ele.classList.contains('active')){clearTimeout(timeoutDetailObj[timeoutOpen]);openHeight=0;box.style.setProperty('height','');timeoutDetailObj[timeoutClose] = setTimeout(()=>{ele.classList.remove('active');box.classList.remove('active');},30);return;} let height = box.querySelector('ul').scrollHeight + padding;openHeight = height box.style.cssText = `--height:${height}px`;removeOtherFilterDetailActive();ele.classList.add('active');box.classList.add('active'); timeoutDetailObj[timeoutOpen] = setTimeout(()=>{box.style.cssText+=`height:unset;`},300) } container.querySelectorAll('.filterBox >div>h2')?.forEach(item=>{ item.addEventListener('click',(e)=>{e.stopPropagation() if(window.innerWidth>991)return;let box = item.closest('div'),type = item.getAttribute('data-type'); handleFilterDetailOpen(item,box,44,`${type}Open`,`${type}Close`,[...Object.keys(timeoutDetailObj).map(it=>it.includes(type)&&it.endsWith('open')),`${type}Close`]) }) }) //显示商品列表的loading const openLoading = ()=>{ container.querySelector('.resultMask').style.setProperty('opacity','1') container.querySelector('.resultMask').style.setProperty('z-index','9') container.querySelector('.resultContent').style.setProperty('opacity','0') } const closeLoading = ()=>{ setTimeout(()=>{ container.querySelector('.resultMask').style.setProperty('opacity','0') container.querySelector('.resultMask').style.setProperty('z-index','0') container.querySelector('.resultContent').style.setProperty('opacity','1') },900) } const openLoadingMore = ()=>{ return new Promise((resolve)=>{ container.querySelector('.loadingMore').style.cssText = `opacity:1;` setTimeout(()=>{ resolve() },800) }) } const closeLoadingMore = ()=>{ container.querySelector('.loadingMore').cssText = `` } const scrollToTop = () =>{ let navHeight = document.querySelector(`[name='顶部导航']`)?.scrollHeight let tipHeight = document.querySelector('.warning-panel')?.scrollHeight if(tipHeight===undefined)tipHeight = 0 if(navHeight===undefined)navHeight = 0 let height = container.offsetTop - Number(navHeight) + Number(tipHeight) window.scrollTo({ top:height, behavior:'smooth' }) } window.addEventListener('load',async()=>{ //触底触发分页 window.addEventListener('scroll',async()=>{ if((window.innerHeight + window.scrollY>=document.body.scrollHeight)&&page!==totalPage&&scrolFlag){ await openLoadingMore() scrolFlag = false;page++; getResData() } }) }) container.querySelector('.noMore').addEventListener('click',()=>{ scrollToTop() }) container.quer