初始化

username@email.com

2021-06-03 63bcf5d37da46e954caab6eebf7df64498e1c18e

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
(function ($, zou) {
    "use strict";
 
    $.fn.lrLayout = function (op) {
        var dfop = {
            blocks: [
                {
                    target: '.z-layout-left',
                    type: 'right',
                    size: 203
                }
            ]
        };
        $.extend(dfop, op || {});
        var $this = $(this);
        if ($this.length <= 0) {
            return false;
        }
        $this[0]._lrLayout = { "dfop": dfop };
        dfop.id = "lrlayout" + new Date().getTime();
 
        for (var i = 0, l = dfop.blocks.length; i < l; i++) {
            var _block = dfop.blocks[i];
            $this.children(_block.target).append('<div class="z-layout-move z-layout-move-' + _block.type + ' " path="' + i + '"  ></div>');
        }
 
        $this.on('mousedown', function (e) {
            var et = e.target || e.srcElement;
            var $et = $(et);
            var $this = $(this);
            var dfop = $this[0]._lrLayout.dfop;
            if ($et.hasClass('z-layout-move')) {
                var _index = $et.attr('path');
                dfop._currentBlock = dfop.blocks[_index];
                dfop._ismove = true;
                dfop._pageX = e.pageX;
            }
        });
 
        $this.mousemove(function (e) {
            var $this = $(this);
            var dfop = $this[0]._lrLayout.dfop;
            if (!!dfop._ismove) {
                var $block = $this.children(dfop._currentBlock.target);
                $block.css('width', dfop._currentBlock.size + (e.pageX - dfop._pageX));
                $this.css('padding-left', dfop._currentBlock.size + (e.pageX - dfop._pageX));
            }
        });
 
        $this.on('click', function (e) {
            var $this = $(this);
            var dfop = $this[0]._lrLayout.dfop;
            if (!!dfop._ismove) {
                dfop._currentBlock.size += (e.pageX - dfop._pageX);
                dfop._ismove = false;
            }
        });
    }
})(jQuery, top.zou);