您的位置：首页 > 产品设计 > UI/UE

layui操作列按钮个数和文字颜色的判断实例

2019-09-11 08:40 1286 查看

一、达到的效果如图，通过值去判断是否需要该按钮

cols: [[ //表头
{field: 'money', title: '操作',toolbar: '#barDemos'}
]]

<script type="text/html" id="barDemos">
{{# if(d.s_state == 0){ }}
<span style="color:red">未审核</span>
{{# }else if(d.s_state == 1){ }}
<span>审核通过</span>
{{# }else if(d.s_state == 2){ }}
<span style="color:red">审核未通过</span>
{{# } }}
</script>

重点：

//语法类似于if(){}else if(){}else
{{# if(d.s_state == 0){ }}
...
{{# }else if(d.s_state == 1){ }}
...
{{# }else if(d.s_state == 2){ }}
...
{{# } }}else{ }}
...
{{# } }}

二、列表格内的文字颜色显示，如图：

cols: [[ //表头
{field: 'srm_state', title: '状态',templet: '#sexTpl'}
]]

<script type="text/html" id="sexTpl">
{{# if(d.srm_state == 0){ }}
<span style="color: red;">未审核</span>
{{# } else if(d.srm_state ==1) { }}
<span style="color: green;">审核通过</span>
{{# } else if(d.srm_state ==2) { }}
<span style="color: #FFD700;">审核未通过</span> {{# } }}
</script>

以上这篇layui操作列按钮个数和文字颜色的判断实例就是小编分享给大家的全部内容了，希望能给大家一个参考

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： layui 按钮文字颜色

相关文章推荐

新的分享

章节导航