nfig="{"name":"region-detail-feature","direction":"vertical"}">
.model-3d{position:relative; box-sizing:border-box;margin-bottom:20px;padding:20px 16px 20px 20px;height:160px;border:1px solid #ededed;background-color:#f8f8f8;-webkit-font-smoothing:antialiased;}
.model-3d>*{vertical-align:text-top;}
.model-3d .model-3d-thumb-wapper{position:relative;float:left;}
.model-3d .model-3d-thumb-wapper .model-3d-thumb{width:120px;height:120px;background-color:#fff;}
.model-3d .model-3d-thumb-wapper .model-3d-rotate-icon{position:absolute;top:40px;left:40px;display:inline-block;width:40px;height:40px;background-image:url(https://img.alicdn.com/tfs/TB1IlnSh9zqK1RjSZFHXXb3CpXa-80-80.png);background-position:center;background-size:contain;}
.model-3d .model-3d-info{
position:relative;
margin-left:120px;
padding-left:24px;
color:#333;
font-size:12px;
font-family:PingFangSC;
}
.model-3d .model-3d-info .model-3d-info-title{padding-top:21px;font-weight:700;font-size:16px;line-height:22px;}
.model-3d .model-3d-info .model-3d-info-desc,.model-3d .model-3d-info .model-3d-info-title-en{padding-top:4px;font-weight:100;line-height:17px;}
.model-3d .model-3d-info .model-3d-info-title-en{text-transform:uppercase;}
.model-3d .model-3d-info .model-3d-info-desc{padding-top:13px;font-weight:100;}
.model-3d .model-3d-info .model-3d-detail-button{position:absolute;top:53px;right:0;color:#ff6000;cursor:pointer;}
.model-3d .model-3d-detail-block-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.model-3d-iframe-wapper{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1000;
display:none;
background-color:rgba(0,0,0,.25);
}
.model-3d-iframe-wapper .model-3d-iframe-content{position:fixed;top:50px;left:50%;z-index:1;margin-left:-600px;width:1200px;height:700px;background-color:#fff;}
.model-3d-iframe-wapper .model-3d-iframe-content iframe{width:100%;height:100%;border:0;}
.model-3d-iframe-wapper .model-3d-iframe-close-icon{
position:absolute;
top:-34px;
right:0;
display:inline-block;
width:30px;
height:30px;
background-image:url("https://img.alicdn.com/tfs/TB1.sZxh9zqK1RjSZFpXXakSXXa-84-86.png");
background-position:center;
background-size:contain;
cursor:pointer;
z-index: 100;
}
cript type="text/javascript">
define(['jQuery'], function (jQuery) {
function isInvaildDom(jQDom) {
return !jQDom || jQDom.length < 1;
}
function get3dModelIframeWapper(jQ3dModel) {
if (isInvaildDom(jQ3dModel)) {
return undefined;
}
var iframeWapper = jQ3dModel.find('.model-3d-iframe-wapper');
iframeWapper.find('.model-3d-iframe-close-icon').click(function () {
iframeWapper.hide();
});
return iframeWapper;
}
function model3dInit() {
var jQ3dModel = jQuery('.mod-detail-model-3d .model-3d');
if (isInvaildDom(jQ3dModel)) {
return false;
}
var modelInfo = jQ3dModel.attr('data-origin-data');
try {
modelInfo = JSON.parse(modelInfo);
} catch(e) {}
var size = modelInfo['3DSize']
if (modelInfo.is3DOffer !== true || !modelInfo['3DImageUrl'] || !modelInfo['3DViewUrl'] || !size) {
return false
}
if (size > 15 * 1024) {
return false;
}
jQ3dModel.find('.model-3d-thumb-wapper .model-3d-thumb').attr('src', modelInfo['3DImageUrl']);
var iframeWapper = get3dModelIframeWapper(jQ3dModel);
if (isInvaildDom(iframeWapper)) {
return false;
}
jQ3dModel.find('.model-3d-detail-block-link,.model-3d-detail-button').click(function () {
var src = iframeWapper.find('iframe').attr('src');
if (src !== modelInfo['3DViewUrl']) {
iframeWapper.find('iframe').attr('src', modelInfo['3DViewUrl']);
}
var windowHeight = jQuery(window).height();
var iframeContentHeight = (windowHeight - 100) > 700 ? 700 : windowHeight - 100;
iframeContentHeight = iframeContentHeight < 300
? 300
: iframeContentHeight;
iframeWapper.find('.model-3d-iframe-content').css('height', iframeContentHeight);
iframeWapper.show();
});
jQ3dModel.css('display', 'block');
}
jQuery().ready(model3dInit);
});
cript>
,全国发货，东莞纸塑复合袋_东莞编织袋_东莞牛皮纸袋_东莞包装袋-东莞市安晨包装材料有限公司 联系电话：17602088794nfig="{"showOn":["mod-detail-description"]}">
nfig="{"name":"region-detail-credit","direction":"vertical"}">
,全国发货，东莞纸塑复合袋_东莞编织袋_东莞牛皮纸袋_东莞包装袋-东莞市安晨包装材料有限公司 联系电话：17602088794nfig="{"name":"region-detail-recommend","direction":"vertical"}">
评价