如何使用TP5和layui实现自定义模板设计？

本文共计263个文字，预计阅读时间需要2分钟。

TP5 模板代码：{field: 'sfzfj', title: '身份证扫描件', width: 110, templet: ''}

TP5 模板代码：

,{field:'sfzfj', title: '身份证扫描件',width:110,templet: "#adminIdTpl_img1"}

身份证扫描件是有正面，背面两张图片

d.sfzfj=“01.jpg|05.jpg”

效果：

<!-- 身份证扫描件 模板 -->
<script type="text/html" id="adminIdTpl_img1">

{{# if(d.sfzfj == ""){ }}

{{# } else if (d.sfzfj==null){ }}

{{# } else { }}
{{#
var fn = function(str){
var strs= new Array();
strs=str.split("|");
var img1='<a href="/uploads/'+strs[0]+'" target="_blank"><img src="/uploads/'+strs[0]+'" width="20px" height="20px"> ';
img1 +='<a href="/uploads/'+strs[1]+'" target="_blank"><img src="/uploads/'+strs[1]+'" width="20px" height="20px">';
return img1;
};
}}
<div>{{ fn(d.sfzfj) }}</div>
{{# } }}
</script>

原理：通过函数传值，在函数里处理加上HTML代码再拼接在一起

注意：

自定义模板里的

变量一定要定义