layui 进度条直接赋值被渲染调的问题

提问 未结 8 301
眉眼如初
眉眼如初 2019-7-13
悬赏:20飞吻


因为宽度百分比 但我想输出数字 所以要直接赋值 用什么办法阻止layui渲染吗
回帖
  • sadboy_cn
    2019-7-13
    不知道你写的是什么东西,官网的文档写的很清楚
    <div class="layui-progress">
    <div class="layui-progress-bar" lay-percent="10%"></div>
    </div>
    <script>
    //注意进度条依赖 element 模块,否则无法进行正常渲染和功能性操作
    layui.use('element', function(){
    var element = layui.element;
    });
    </script>
    不知道你咋写成这样,配上文档地址:https://www.layui.com/doc/element/progress.html
    0 回复
  • @sadboy_cn 我知道文档写的 渲染过后的代码就是这样的 只是宽度我要按百分比来 但是显示的我要按条数来
    0 回复
  • @sadboy_cn 文档只给到lay-percent
    0 回复
  • 自己结 渲染过后在循环出来
    var rankindData = JSON.parse('{$ranking.data}');
    for (var i = 0; i < rankindData.length; i++){
    $("#paihang").append('<div class="layuiadmin-card-list">' +
    '<span>'+ rankindData[i].name +'</span>' +
    '<div class="layui-progress layui-progress-big" lay-filter="demo{$i}" lay-showPercent="yes">' +
    '<div class="layui-progress-bar '+ rankindData[i].class +'" style="width: '+ rankindData[i].scale +'%;">' +
    '<span class="layui-progress-text">'+ rankindData[i].num +'</span>' +
    '</div></div></div>');
    }
    0 回复
  • sadboy_cn
    2019-7-13
    [微笑] 为啥你这还有html,我写的显示导入进度,都是很简单的,贴出部分代码,看你用不用的上
    <div class="layui-card-body" style="padding-top: 0;">
    <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="component-progress-demo">
    <div class="layui-progress-bar" lay-percent="0%"></div>
    </div>
    </div>
    var element = layui.element;
    element.progress('component-progress-demo', content.currentRate + '%');
    0 回复
  • @sadboy_cn 我要的是这种效果 已经实现了
    0 回复
  • @sadboy_cn
    这种效果 上面那个图错了
    0 回复
  • sadboy_cn
    2019-7-13
    嗦嘎,知道需求是啥了,比如百分比是50%,默认显示的是50,但是你不要显示的是50,而是商品条数,如16。[哈哈] 我没有遇到这种需求
    0 回复