Vincanwo Group tinklo transliavimo serveriai ir kioskiniai kompiuteriai yra specializuotos interaktyvios savitarnos ar centralizuoto turinio pristatymo sistemos, kuriose 'serveris' dažnai reiškia valdymo centrą (pvz., jutiklinį ekraną ar mini kompiuterį), valdantį kelis tinkle sujungtus terminalus (kioskus), atliekant tokias užduotis kaip skaitmeniniai ženklai, prieiga prie informacijos ar operacijų apdorojimas, siūlantis saugų, efektyvų nuotolinio naudotojo valdymo valdymą, užrakinimą ir naudojimą. išsilavinimą ar verslo aplinką.

Norėdami gauti daugiau informacijos, susisiekite su mumis:

· El. paštas: -1){ if (item.querySelector('.prodlist-fix-num li')) { var liwidth = item.querySelector( '.prodlist-fix-num li').clientWidth; function ratio(prodPhotoSize) { switch (prodPhotoSize) { case '0': return liwidth; case '1': return liwidth * 2 / 3; case '2': return liwidth * 3 / 2; case '3': return liwidth * 3 / 4; case '4': return liwidth * 4 / 3; case '5': return liwidth * 9 / 16; case '6': return liwidth * 16 / 9; } } item.querySelector( '.prodlist-fix-num .prodlist-display').style .width = liwidth - 12; item.querySelector( '.prodlist-fix-num .prodlist-display').style .height = ratio(prodPhotoSize) - 12; //按钮外围高度计算 var prodlistParameterWrap = 0; item.querySelector('.prodlist-parameter-wrap') .removeAttribute('style'); if (item.clientHeight > prodlistParameterWrap) { prodlistParameterWrap = item.clientHeight; } item.style.height = prodlistParameterWrap; } } }) } setWidthClass(document.querySelectorAll('.' + widgetClass)) } else if (selectProductListStyle == '4' || selectProductListStyle == '1' || selectProductListStyle == '5') { // 第2,3,4种风格 var setdbWidthClass = function (obj) { var dbclassName = ""; obj.forEach(function (item) { var winWidth = parseInt(item.clientWidth); if (winWidth >= 960) { dbclassName = "dbPro960"; } else if (winWidth >= 780) { dbclassName = "dbPro680"; } else if (winWidth >= 680) { dbclassName = "dbPro680"; } else if (winWidth >= 470) { dbclassName = "dbPro470"; } else if (winWidth >= 425) { dbclassName = "dbPro380"; } else if (winWidth >= 280) { dbclassName = "dbPro280"; } else { dbclassName = "dbPro225"; } var evenDom = item.querySelectorAll("li:nth-child(even)"); var oddDom = item.querySelectorAll("li:nth-child(odd)"); if (evenDom.length > 0) { for (var index = 0; index < evenDom.length; index++) { var element = evenDom[index]; element.classList.add("odd"); } } if (oddDom.length > 0) { for (var index = 0; index < oddDom.length; index++) { var element = oddDom[index]; element.classList.add("even"); } } var lastwidthName = item.getAttribute('dbclassName'); item.setAttribute('dbclassName', dbclassName); if (item.classList.contains(lastwidthName)) { item.classList.remove(lastwidthName); } item.classList.add(dbclassName); }) } setdbWidthClass(document.querySelectorAll('.' + widgetClass)) } function prodListMargins(prodList, minMargin) { if (document.querySelectorAll(prodList).length) { pageOrgLoad(prodList, minMargin); //resize缓冲效果 var prodListResize = null; window.addEventListener("resize", function () { if (prodListResize) { clearTimeout(prodListResize); } prodListResize = setTimeout(function () { pageOrgLoad(prodList, minMargin); }, 200) }) } } function pageOrgLoad(prodList, minMargin) { //外围宽度除以list宽度，得到每行显示的列数 var ulW = document.querySelector(prodList).offsetWidth; var listW = document.querySelector(prodList + " li").offsetWidth; //每行可以摆下的列数 var res = parseInt(ulW / listW); //列表项之间的间距 var outer = ulW - listW * res; //写入css-margin if (ulW > listW) { //平均间隔大于minMargin（默认15），小于15则换行显示 if (parseInt(outer / (res - 1)) >= minMargin) { document.querySelectorAll(prodList + " li").forEach(function(item){ item.style.marginLeft = parseInt(outer / (res - 1)) - 1 + "px"; }); document.querySelectorAll(prodList + " li" + ":nth-child(" + res + "n+1)").forEach(function(item){ item.style.marginLeft = 0; }); } else { res -= 1; outer = ulW - listW * res; document.querySelectorAll(prodList + " li").forEach(function(item){ item.style.marginLeft = parseInt(outer / (res - 1)) - 1 + "px"; }); document.querySelectorAll(prodList + " li" + ":nth-child(" + res + "n+1)").forEach(function(item){ item.style.marginLeft = 0; }); } }; //单列显示效果 if (ulW < (listW * 2)) { document.querySelector(prodList).classList.add('prolist-one-colum'); } else { if (document.querySelector(prodList).classList.contains('prolist-one-colum')) { document.querySelector(prodList).classList.remove('prolist-one-colum'); } } } if (selectProductListStyle == '0') { prodListMargins("." + widgetClass + " .prodlist-showcase-margindisplay", 5); } } } prodList.init(options); })()