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

比眉伴天荒 2022-03-28 08:49 370阅读 0赞

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI4NTI1MA_size_16_color_FFFFFF_t_70][]

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{ }}
        ...
      {
       {# } }}

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

![2019011110182167.png][]

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>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI4NTI1MA_size_16_color_FFFFFF_t_70]: /images/20220328/fe71dc9e39524f2582489650586eec77.png
[2019011110182167.png]: /images/20220328/9827b8392c5c4c26a2b2190fefb8472c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，370人围观）

还没有评论，来说两句吧...

相关阅读

相关如何设置文字颜色和背景颜色？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ 设置文字颜色（color属性） ⭐ 设置背景颜色（background-color属性） ⭐ 写在最后

曾经终败给现在/ 2023年10月14日 16:24/ 0 赞/ 76 阅读

相关 Bootstrap文字颜色和背景颜色

Bootstrap提供了一些有代表意义的颜色类。文本颜色示例 ![在这里插入图片描述][c03eddd9895e4cf89128c62bafb02ab6.png]

ゞ浴缸里的玫瑰/ 2023年09月24日 16:57/ 0 赞/ 70 阅读

相关 layui——按钮

按钮 ![按钮][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

痛定思痛。/ 2023年06月12日 11:23/ 0 赞/ 37 阅读

相关 uni-app配置和修改原生导航栏按钮的文字/颜色等

1）配置在pages下创建collect.vue示例，然后在pages.json页面下配置路径，代码如下，其中“botton”属性是一个数组，放在“app-plus”下，

你的名字/ 2023年02月23日 08:27/ 0 赞/ 1125 阅读

相关 layui 表格按照某一列的值划分颜色

参考： table.render({ elem: "test", // id: "table_cell_dat

爱被打了一巴掌/ 2023年02月09日 11:47/ 0 赞/ 23 阅读

相关 css3鼠标悬停按钮颜色文字变化

[下载地址][Link 1]css3鼠标悬停在按钮上的特效，颜色和文字变化切换成其它的 ![1630057956.png][] dd: [Link 1]: https:

川长思鸟来/ 2022年09月09日 06:01/ 0 赞/ 258 阅读

相关 layui监听工具栏（操作列表按钮）

<table id="demo" lay-filter="test"></table> <script type="text/html" id="bar

拼搏现实的明天。/ 2022年04月10日 13:53/ 0 赞/ 374 阅读

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

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

比眉伴天荒/ 2022年03月28日 08:49/ 0 赞/ 371 阅读

相关 layui 表格操作列按钮动态显示

1、根据表格数据动态显示操作列按钮 <script type="text/html" id="barDemo"> { { if (d.eve

末蓝、/ 2022年02月28日 15:40/ 0 赞/ 526 阅读

相关微信小程序修改按钮中文字的颜色

生效：修改按钮中文字的颜色： <button style="color:828282" size="default" bindtap="onDelete">删除<

本是古典何须时尚/ 2021年09月25日 09:20/ 0 赞/ 588 阅读