first commit
This commit is contained in:
@@ -0,0 +1,63 @@
|
||||
${request.getValidateScript()}
|
||||
<script>
|
||||
Z.onload(function()
|
||||
{
|
||||
doTemplateExistQuery();
|
||||
})
|
||||
|
||||
function doTemplateExistQuery()
|
||||
{//查询已选模板
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doTemplateExistQueryForCustomer");
|
||||
ajax.addParam("designId", "${designId}");
|
||||
ajax.addParam("typeId", "${typeId}");
|
||||
ajax.setCallback("templateResult");
|
||||
ajax.setLoading("templateResult");
|
||||
ajax.execute();
|
||||
}
|
||||
function copyMediaId(mediaId)
|
||||
{//复制模板id
|
||||
Z.copy(mediaId);
|
||||
top.Z.tips("复制成功");
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
body{height:100%;}
|
||||
/*图片展示区*/
|
||||
.container{min-height:auto;}
|
||||
.mainbody{height:100%;}
|
||||
.content{height:calc(100% - 40px);overflow-y:auto;}
|
||||
form[name="theForm"]{float:left;width:100%;}
|
||||
/* tab标签 */
|
||||
.svgTemplateList .itemCtrBar{left:0;top:0;}
|
||||
#svgTemplateWrap{height:calc(100% - 176px)}
|
||||
#templateTab{float:none;}
|
||||
|
||||
/*内容盒子*/
|
||||
#svgTemplateWrap > section{height:calc(100% - 50px);background:#ffffff;border:1px solid #dcdcdc;border-top:none;}
|
||||
/*模板列表*/
|
||||
.svgTemplateList{width:100%;height:100%;column-count:5;}
|
||||
.svgTemplateList .svgTemplateItem{width:100%;height:100%;text-align:center;padding:5px;background:#fff;border:1px solid #ccc;overflow:auto;position:relative;}
|
||||
|
||||
.svgTemplateItem > .templateItemBtn{padding:10%;left:0;top:0;display:flex;justify-content:space-around;align-items:center;align-content:center;}
|
||||
.svgTemplateItem > .templateItemBtn .z-button{display:none;}
|
||||
.svgTemplateItem > .templateItemBtn:hover{background:rgba(0,0,0,.2);}
|
||||
.svgTemplateItem > .templateItemBtn:hover .z-button{display:inline-block;}
|
||||
.svgTemplateItem .itemSelectedSign{display:none;width:0;height:0;right:5px;bottom:5px;border-width:30px;border-style:solid;border-color:transparent #28a3ef #28a3ef transparent;}
|
||||
.svgTemplateItem .itemSelectedSign > span{white-space:nowrap;left:-5px;color:#fff;top:5px;}
|
||||
.svgTemplateItem.selected .itemSelectedSign{display:block;}
|
||||
|
||||
.showSvg {pointer-events:none;display: block;margin-top:2px;}
|
||||
.showSvg:first-child{margin-top:0;}
|
||||
.showSvg > svg {width:100%;height: auto;}
|
||||
|
||||
/** 选中样式 **/
|
||||
.svgTemplateItem.selected{}
|
||||
|
||||
.column-count {-webkit-column-count:4;-moz-column-count:4;}
|
||||
</style>
|
||||
|
||||
<div id="templateResult" class="z-pd20 z-active z-text-center"></div>
|
||||
Reference in New Issue
Block a user