zoukankan      html  css  js  c++  java
  • Juicer自定义函数

    首先,先写自定义的方法:

    function (sex) {
        var Max = 2;
        var Min = 1;
        var Range = Max - Min;
        var Rand = Math.random();
        var res = (Min + Math.round(Rand * Range));
        if (sex == '') {
            res = res + 2;
        }
        return res;
    }

    然后,在juicer里注册这个方法。

    juicer.register('rand', app.rand);

    最后,在模板里使用这个方法:

    {@each list as it,k}
        {@if k < 10}
            <li class="{@if k > 3} hide {@/if}">
                <div class="city-head">
                    <img src="images/touxiang${it.sex|rand}.png" alt="" />
                </div>
                <div class="city-process">
                    <div class="city-name">
                        ${it.name}
                        &nbsp;&nbsp;
                        ${it.tel}
                    </div>
                    <div class="progress progress-striped">
                        <div class="progress-bar progress-bar-info" role="progressbar progress-bar-success" aria-valuenow="${it.scale}" aria-valuemin="0" aria-valuemax="100" style=" ${it.scale}%"></div>
                    </div>
                </div>
                <div class="city-km">
                    ${it.distance}km
                </div>
                <div class="clearfix"></div>
            </li>
        {@/if}
    {@/each}
    <li>
        <div id="citymore" class="more hidecity" onclick="app.showMoreCitys();">更多详细信息<i class="icon icon-chevron-down"></i></div>
    </li>
  • 相关阅读:
    echarts圆套圆
    两个对象深度比较,借鉴,记录
    js异步加载的方式
    elementUI使用el-card高度自适应
    如何在页面上实现一个圆形的可点击区域
    清除浮动
    水平垂直居中的几种方式
    BFC原理
    正则表达式
    Vue项目中难点问题
  • 原文地址:https://www.cnblogs.com/wpcnblog/p/7568266.html
Copyright © 2011-2022 走看看