From 6342dd0fa8022248d8e00f4e983822ceee6ba001 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com> Date: Wed, 23 Dec 2020 13:11:19 +0800 Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E7=90=86=E6=BA=90=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- component/pear/modules/frame.js | 35 ++++----------------------------- component/pear/modules/step.js | 22 --------------------- index.html | 4 ---- 3 files changed, 4 insertions(+), 57 deletions(-) diff --git a/component/pear/modules/frame.js b/component/pear/modules/frame.js index ed7be1f..d81a460 100644 --- a/component/pear/modules/frame.js +++ b/component/pear/modules/frame.js @@ -10,7 +10,6 @@ layui.define(['table', 'jquery', 'element'], function (exports) { }; pearFrame.prototype.render = function (opt) { - //默认配置值 var option = { elem:opt.elem, url:opt.url, @@ -19,74 +18,48 @@ layui.define(['table', 'jquery', 'element'], function (exports) { height:opt.height, done:opt.done ? opt.done: function(){ console.log("菜单渲染成功");} } - createFrameHTML(option); - $("#"+option.elem).width(option.width); $("#"+option.elem).height(option.height); - return new pearFrame(option); } pearFrame.prototype.changePage = function(url,title,loading){ - if(loading){ - var loading = $("#"+this.option.elem).find(".pear-frame-loading"); - + var loading = $("#"+this.option.elem).find(".pear-frame-loading"); loading.css({display:'block'}); } - $("#"+this.option.elem+" iframe").attr("src",url); - $("#"+this.option.elem+" .title").html(title); - if(loading){ var loading = $("#"+this.option.elem).find(".pear-frame-loading"); - setTimeout(function(){ - loading.css({display:'none'}); - - },800) - + },800) } - } pearFrame.prototype.refresh = function (time) { - - - // 刷 新 指 定 的 选 项 卡 if(time!=false){ - var loading = $("#"+this.option.elem).find(".pear-frame-loading"); - loading.css({display:'block'}); - if(time!=0){ - setTimeout(function(){ loading.css({display:'none'}); },time) } - } - $("#"+this.option.elem).find("iframe")[0].contentWindow.location.reload(true); } function createFrameHTML(option){ - - var iframe = "" - + var iframe = ""; var loading = '
'+ '
'+ ''+ '
'+ - '
' - + ''; $("#"+option.elem).html(iframe+loading); } - exports(MOD_NAME,new pearFrame()); }) \ No newline at end of file diff --git a/component/pear/modules/step.js b/component/pear/modules/step.js index 8bce8d3..4c96d17 100644 --- a/component/pear/modules/step.js +++ b/component/pear/modules/step.js @@ -3,12 +3,10 @@ layui.define(['layer', 'carousel'], function (exports) { var layer = layui.layer; var carousel = layui.carousel; - // 添加步骤条dom节点 var renderDom = function (elem, stepItems, postion) { var stepDiv = '
'; for (var i = 0; i < stepItems.length; i++) { stepDiv += '
'; - // 线 if (i < (stepItems.length - 1)) { if (i < postion) { stepDiv += '
'; @@ -16,8 +14,6 @@ layui.define(['layer', 'carousel'], function (exports) { stepDiv += '
'; } } - - // 数字 var number = stepItems[i].number; if (!number) { number = i + 1; @@ -29,8 +25,6 @@ layui.define(['layer', 'carousel'], function (exports) { } else { stepDiv += '
' + number + '
'; } - - // 标题和描述 var title = stepItems[i].title; var desc = stepItems[i].desc; var time = stepItems[i].time; @@ -50,16 +44,12 @@ layui.define(['layer', 'carousel'], function (exports) { stepDiv += '
'; } stepDiv += '
'; - $(elem).prepend(stepDiv); - - // 计算每一个条目的宽度 var bfb = 100 / stepItems.length; $('.step-item').css('width', bfb + '%'); }; var pearStep = { - // 渲染步骤条 render: function (param) { param.indicator = 'none'; // 不显示指示器 param.arrow = 'always'; // 始终显示箭头 @@ -67,33 +57,21 @@ layui.define(['layer', 'carousel'], function (exports) { if (!param.stepWidth) { param.stepWidth = '400px'; } - - // 渲染轮播图 carousel.render(param); - - // 渲染步骤条 var stepItems = param.stepItems; renderDom(param.elem, stepItems, 0); $('.lay-step').css('width', param.stepWidth); - - //监听轮播切换事件 carousel.on('change(' + param.filter + ')', function (obj) { $(param.elem).find('.lay-step').remove(); renderDom(param.elem, stepItems, obj.index); $('.lay-step').css('width', param.stepWidth); }); - - // 隐藏左右箭头按钮 $(param.elem).find('.layui-carousel-arrow').css('display', 'none'); - - // 去掉轮播图的背景颜色 $(param.elem).css('background-color', 'transparent'); }, - // 下一步 next: function (elem) { $(elem).find('.layui-carousel-arrow[lay-type=add]').trigger('click'); }, - // 上一步 pre: function (elem) { $(elem).find('.layui-carousel-arrow[lay-type=sub]').trigger('click'); } diff --git a/index.html b/index.html index 52d54ce..e9fe477 100644 --- a/index.html +++ b/index.html @@ -88,13 +88,9 @@ image.onload = function(){ $(".layui-nav-img").attr("src", convert.imageToBase64(image)); } - // 框架初始化时会读取 根目录下 pear.config.yml 文件作为初始化配置 - // 你可以通过 admin.setConfigPath 方法修改配置文件位置 - admin.setConfigPath("config/pear.config.yml"); - admin.render(); })