TP5 layui 自定义模板_自定义


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


注意：

自定义模板里的

变量一定要定义