TP5 layui 自定义模板

最新推荐文章于 2024-08-08 07:59:50 发布

我是高手高手高高手

最新推荐文章于 2024-08-08 07:59:50 发布

阅读量3.5k

点赞数

分类专栏： thinkphp5 layui插件

本文链接：https://blog.csdn.net/haibo0668/article/details/78543842

版权

thinkphp5 同时被 2 个专栏收录

264 篇文章 5 订阅

订阅专栏

layui插件

86 篇文章 6 订阅

订阅专栏

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

注意：

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