TP5 layui 自定义模板

来源:互联网 发布:大数据在社保行业应用 编辑:程序博客网 时间:2024/05/20 16:00



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代码再拼接在一起


注意:

自定义模板里的变量一定要定义