当前位置 : 主页 > 编程语言 > java >

TP5 layui 自定义模板

来源:互联网 收集:自由互联 发布时间:2022-07-22
TP5 模板代码: ,{field:'sfzfj', title: '身份证扫描件',width:110,templet: "#adminIdTpl_img1"} 身份证扫描件是有正面,背面两张图片 d.sfzfj=“01.jpg|05.jpg” 效果: !-- 身份证扫描件 模板 -- script type =


TP5 layui 自定义模板_html


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


注意:

自定义模板里的

变量一定要定义


【文章转自阿里云服务器代理商 http://www.558idc.com/aliyun.html 复制请保留原URL】
网友评论