精华内容
下载资源
问答
  • layui 模板if
    2020-12-16 11:23:21
    1.定义节点
    
    2.渲染如下
    <script type="text/html" id="status">
        {{#  if(d.status === 1){ }}
        <span style="color: #29c024;">正常</span>
        {{#  } else if(d.status === -1) { }}
        <span style="color: #555;">无效</span>
        {{#  } else { }}
        <span style="color: #f53e3d;">待审核</span>
        {{#  } }}
    </script>
    更多相关内容
  • layui模板嵌套if

    千次阅读 2019-07-18 11:28:44
    tradestatus=10的时候在判断paytype。如果paytype=30订单审核中。否则未支付 所以我这里有两层判断。...{{# if(d.tradestatus=='01'){ }} {{# if(d.paytype=='30'){ }} <div class="fl" sty...

     tradestatus=10的时候在判断paytype。如果paytype=30订单审核中。否则未支付

    所以我这里有两层判断。

    {{# if(d.tradestatus=='01'){ }} 
                           {{# if(d.paytype=='30'){ }} 
                             <div class="fl" style="width:300px"><span style="color:#999">订单状态:</span><span style="color:orange">订单审核中</span></div>
                            {{# }else{ }} 
                             <div class="fl" style="width:300px"><span style="color:#999">订单状态:</span><span>未支付</span></div>'}}
                            {{#} }} 
     {{#} }}

     

    {{# if(d.tradestatus=='01'){ }}

                  {{# var paytype = d.paytype=='30'?'
                        <div class="fl" style="width:300px"><span style="color:#999">订单状态:</span><span style="color:orange">订单审核中</span></div>': '
                        <div class="fl" style="width:300px"><span style="color:#999">订单状态:</span><span>未支付</span></div>'}} 

    {{#} }} 

    展开全文
  • layui-模板- if for 知识点

    千次阅读 2020-03-03 10:45:27
    layui模板else if语句 <script type="text/html" id="titleTpl"> {{# if(xxxx){ }} {{# } else if(xxxxx) { }} {{# } else { }} {{# } }} </script>

    1.layui模板else if语句

    <script type="text/html" template>
    {{# if(xxxx){ }}
    
    {{# } else if(xxxxx) { }}
    
    {{# } else { }}
    
    {{# } }}
    </script>
                <script type="text/html" template>
                    {{# if(d.params.id==26){ }}
                    <div class="layui-form-item">
                        <label class="layui-form-label">数量</label>
                        <div class="layui-input-inline">
                                <input type="text" name="num" id="num" value="{{d.params.num || '' }}" placeholder="请输入数量" autocomplete="off" class="layui-input">
    
                        </div>
                    </div>
                    {{# } else if(d.params.id==25) { }}
                    <div class="layui-form-item">
                        <label class="layui-form-label">logo</label>
                        <div class="layui-input-inline">
                            <div class="layui-upload">
                                <button type="button" class="layui-btn" id="test">logo</button>
                                <input type="hidden" name="image" value="">
                                <div class="layui-upload-list">
                                        <img class="layui-upload-img" id="demo" src="{{ d.params.logo|| 'http://www.shengshia.com/upload/timg.jpg'}}">
                                        <input type="hidden" name="logo" value="{{ d.params.logo || '' }}" class="layui-input">
                                        <p id="demoText"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">缩略图</label>
                        <div class="layui-input-inline">
                            <div class="layui-upload">
                                <button type="button" class="layui-btn" id="test1">上传缩略图</button>
                                <input type="hidden" name="image" value="">
                                <div class="layui-upload-list">
                                        <img class="layui-upload-img" id="demo1" src="{{ d.params.image|| 'http://www.shengshia.com/upload/timg.jpg'}}">
                                        <input type="hidden" name="image" value="{{ d.params.image || '' }}" class="layui-input">
                                    <p id="demoText1"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{# } else { }}
    
                    {{# } }}
                </script>

    2.for   https://www.layui.com/doc/modules/laytpl.html

     {{#  layui.each(d.list, function(index, item){ }}
        <li>
          <span>{{ item.modname }}</span>
          <span>{{ item.alias }}:</span>
          <span>{{ item.site || '' }}</span>
        </li>
      {{#  }); }}

    3. layui动态设置checkbox选中状态

    当复选框不在form里面,可以

    if (value == "true") {
        //$id.attr("checked", "checked");
        $id.prop("checked", true);
    } else {
        $id.prop("checked", false);
        //$id.removeAttr("checked");
    }

     当复选框在orm里面,可以赋值https://www.layui.com/doc/modules/form.html

            form.val("formTest", {
                "xy": true
                ,"phone":123
            });

    4.layui动画点击没有反应

      <div class="f2>
        <div class="layui-anim" data-anim="layui-anim-scaleSpring">弹簧式放大</div>
       </div>
        layui.use('jquery', function () {
            var $ = layui.jquery;
            //演示动画开始
            //可以在这里修改触发动画的事件
            $('.f2 .layui-anim').click(function(){
                var othis = $(this), anim = othis.data('anim');
    
                //停止循环
                if(othis.hasClass('layui-anim-loop')){
                    return othis.removeClass(anim);
                }
                othis.removeClass(anim);
                setTimeout(function(){
                    othis.addClass(anim);
                });
                //恢复渐隐
                if(anim === 'layui-anim-fadeout'){
                    setTimeout(function(){
                        othis.removeClass(anim);
                    }, 1300);
                }
            });
            //演示动画结束
        })

     

     

    展开全文
  • layui利用if(){}else if{} else{}根据状态跳转不同页面
     <script type="text/html" id="reportType ">
    {{# if (d.reportType == '1') { }}
     <img src="./images/gk/edit.png" style="width: 22px;height: 22px;" onclick="tourEdit(1)" />
     {{# } else if(d.reportType == '2') { }}
     <img src="./images/gk/edit.png" style="width: 22px;height: 22px;" onclick="tourEdit(2)" />
     {{# } else if(d.reportType == '3') { }}
     <img src="./images/gk/edit.png" style="width: 22px;height: 22px;" onclick="tourEdit(3)" />
     {{# } else { }}
     <img src="./images/gk/edit.png" style="width: 22px;height: 22px;" onclick="tourEdit(4)" />
     {{# } }}
    </script>

    当我们在项目中需要根据状态判断跳转不同的页面,就可以利用layui的模板

    展开全文
  • layui js中的if else <script type="text/html" id="titleTpl"> {{# if(xxxx){ }} {{# } else if(xxxxx) { }} {{# } else { }} {{# } }} </script> 例子: <script type="text/...
  • layuiif else

    2022-01-26 11:58:44
    <... <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">... {{# if(d.menuType == 1){ }}...
  • layui 模板嵌套 if 判断控制行内样式

    千次阅读 2019-11-14 17:23:29
    <script type="text/html" id="tableBar"> {{# if(d.state=='0'){ }} <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看</a> <a class="layui-b...
  • Layui模板-laytpl

    2022-05-20 16:22:00
    Layui模板-laytpl参考地址:示例: 参考地址: Layui官方文档地址; laytpl在线调试地址; 示例: // 第一步:创建视图标签,用于渲染模板内容 <ul class="demo-ul" id="ulBox"></ul> // 第二步:编写...
  • LayUI⑷:模板语法

    千次阅读 2022-03-26 13:02:27
    打算快快使用LayUI开发一个程序熟悉一下LayUI,后面的开发使用Element+Vue。  使用LayUI+PHP开发了一个资产清查的小程序,大概1个星期,还可以,主要是LayUI功能完备、使用方便。  经过一段时间使用后,发现...
  • 前端解决方式一 <!-- 使用 Jinja2 的 raw 标签声明原生代码块,也就是不需要进行后端渲染的代码块。使用 raw 和 endraw 标签把 JavaScript 模板部分标记...span class="layui-badge layui-bg-orange">已启用<
  • layui - 模板引擎

    千次阅读 2020-12-07 14:48:58
    模板layui.use('laytpl', function(){ var laytpl = layui.laytpl; } 参考:https://www.layui.com/doc/modules/laytpl.html 模板语法: // 除函数外,模板以分隔符 {{# 开始,并以 }} 结束 // {{d.field }} ...
  • layui模板引擎

    2020-09-29 14:13:49
    layui效果: html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>laytpl前端模版引擎 - 在线演示 - Layui</title> <meta name="renderer" ...
  • layui 模板引擎用法小结

    千次阅读 2020-05-26 12:24:11
    {{# if(items.status == '06'){ }} {{# layui.each(items.answerdata, function(idx1, item1){ }} {{# if(item1.type == '01'){ }} <div class="upload-file"> <div class="files"><img s...
  • 极简博客模板,核心采用layui。 详情: 1、基于layUI框架开发的前端静态模板,开箱即用。 2、只需要稍加修改变可以完美复用。 3、提供最新的layUI官网地址:https://layui.gitee.io/v2/ 4、参考官网可以快速对...
  • layui 模板语法简单使用小例子 layui 模板语法 函数调用 <script type="text/html" id="collect"> {{# var fun = function() { if (d.checkflg == 1) { return '<a id="collection" lay-event=...
  • layui模板语言,渲染表格分组合并行

    千次阅读 2022-04-25 11:32:15
    layui模板语言表格渲染的运用
  • layui 模板引擎使用

    2021-02-04 11:14:50
    -- 第一步------模板 --> <script id="viewItem" type="text/html"> {{# layui.each(d.list, function(index, item){ }} {{# if (item.type === 'radio' ) { }} <div class="layui-form-item"> &...
  • <div id="rolelistview"></div> <script type="text/html" id="rolelisttpl">... <ul class="rolelist">... {{# layui.each(d, function(i,v){}} <li><img src="/static/images/sys...
  • ...组件使用。在WebIM似乎已被打入冷宫的今天,...如果你想了解更多关于layui的知识,可以点击:layui教程laytpl 是 JavScript 模板引擎,在字符解析上有着比较出色的表现,欠缺之处在于异常调试上。由于传统意义的...
  • layui模板引擎的使用

    2019-10-11 12:50:51
    var getTpl = demo.innerHTML //调用模板,用数据填充模板 ,view = document.getElementById('view'); laytpl(getTpl).render(data, function(html){ view.innerHTML = html; }); } }); ...
  • layui模板引擎laytpl判断为null或为空

    千次阅读 2019-09-12 15:04:11
    <script type="text/html" id="stu_nameTpl">... {{# if(d.stu_name==null || d.stu_name==''){ }} <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="add_stu">添加</a> {{# ...
  • layui 模板使用

    千次阅读 2019-09-21 15:53:26
    1,建立试图 <div id="normal-exchange" > <div id="exchange-infor" ></div> </div> 2、建立模板 <script id="demo" type="text/... {{# if(d.exrate==5) { }} 5 {{# }e...
  • layui模板引擎文档 - layui...layui模板引擎文档 - layui.laytpl官方文档 laytpl 是 JavScript 模板引擎,在字符解析上有着比较出色的表现,欠缺之处在于异常调试上 具体使用 html页面 <script type="text/html" id=
  • layui模板的嵌套判断

    2022-03-22 17:24:10
    <... {{{range $k,$v := .CategoryDict...{{# if (d.Category == {{{$v.Id}}}) { }} {{# if (d.Category == 65) { }} {{{range $pk,$pv := $.HoleTypeDict }}} {{# if (d.HoleType == {{{$pv.Id}}}) { }} {{{$v.Name}
  • layui模板引擎的使用1

    千次阅读 2018-09-15 21:18:05
    1.html文件 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;...../../layui/css/layui.cs
  • layui表格 laytpl if else

    千次阅读 2018-03-21 12:20:37
    {{# if (d.is_del=== 0) { }}  &lt;span&gt;男&lt;/span&gt; {{# } else if(d.is_del=== 1) { }}  &lt;span&gt;女&lt;/span&gt; {{# } else { }}  &lt;span&gt;不男不女...
  • layui template模板的判断语法

    万次阅读 2017-12-27 10:43:30
    模板里面使用三目运算符判断的用法:例如:以下是渲染页面的时候 根据数据判断 设置selected ...在模板里面使用循环遍历的方法:(在模板里面再去遍历)参考这里:http://www.layui.com/demo/laytpl.html
  • 今天小编就为大家分享一篇解决layui调用自定义方法提示未定义的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 列表渲染实验介绍列表渲染,其实给人的感觉就是 JavaScript 中的 for 循环,只不过将其提取到 HTML 模板层面了,将其指令化,本质还是 for 循环。用 v-for 把一个数组对应为一组元素我们可以用 v-for 指令基于一个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,156
精华内容 1,262
关键字:

layui 模板if