You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

67 lines
2.3 KiB

  1. /*
  2. * 版 本 Learun-ADMS-Ultimate V7.0.0 数字化智慧校园(http://www.learun.cn)
  3. * Copyright (c) 2013-2018 北京泉江科技有限公司
  4. * 创建人:陈彬彬
  5. * 日 期:2017.04.12
  6. * 描 述:lrlayout 页面布局插件(目前支持左右布局,新的布局请联系Learun智慧校园售后人员)
  7. */
  8. (function ($, learun) {
  9. "use strict";
  10. $.fn.lrLayout = function (op) {
  11. var dfop = {
  12. blocks: [
  13. {
  14. target: '.lr-layout-left',
  15. type: 'right',
  16. size: 203
  17. }
  18. ]
  19. };
  20. $.extend(dfop, op || {});
  21. var $this = $(this);
  22. if ($this.length <= 0) {
  23. return false;
  24. }
  25. $this[0]._lrLayout = { "dfop": dfop };
  26. dfop.id = "lrlayout" + new Date().getTime();
  27. for (var i = 0, l = dfop.blocks.length; i < l; i++) {
  28. var _block = dfop.blocks[i];
  29. $this.children(_block.target).append('<div class="lr-layout-move lr-layout-move-' + _block.type + ' " path="' + i + '" ></div>');
  30. }
  31. $this.on('mousedown', function (e) {
  32. var et = e.target || e.srcElement;
  33. var $et = $(et);
  34. var $this = $(this);
  35. var dfop = $this[0]._lrLayout.dfop;
  36. if ($et.hasClass('lr-layout-move')) {
  37. var _index = $et.attr('path');
  38. dfop._currentBlock = dfop.blocks[_index];
  39. dfop._ismove = true;
  40. dfop._pageX = e.pageX;
  41. }
  42. });
  43. $this.mousemove(function (e) {
  44. var $this = $(this);
  45. var dfop = $this[0]._lrLayout.dfop;
  46. if (!!dfop._ismove) {
  47. var $block = $this.children(dfop._currentBlock.target);
  48. $block.css('width', dfop._currentBlock.size + (e.pageX - dfop._pageX));
  49. $this.css('padding-left', dfop._currentBlock.size + (e.pageX - dfop._pageX));
  50. }
  51. });
  52. $this.on('click', function (e) {
  53. var $this = $(this);
  54. var dfop = $this[0]._lrLayout.dfop;
  55. if (!!dfop._ismove) {
  56. dfop._currentBlock.size += (e.pageX - dfop._pageX);
  57. dfop._ismove = false;
  58. }
  59. });
  60. }
  61. })(jQuery, top.learun);