700 Star 3K Fork 1K

Rainy / DocSys

 / 详情

自定义artDialgo的窗口缩放功能

已关闭
拥有者
创建于  
2021-07-06 08:20
暂无描述。

评论 (1)

Rainy 创建了任务
Rainy 关联仓库设置为Rainy/DocSys
展开全部操作日志

仅供参考

var d = dialog({
        innerHTML: '<div i="dialog" class="ui-dialog">' +
            '<div class="ui-dialog-arrow-a"></div>' +
            '<div class="ui-dialog-arrow-b"></div>' +
            '<table class="ui-dialog-grid">' +
            '<tr>' +
            '<td i="header" class="ui-dialog-header">' +
            '<button i="close" class="ui-dialog-close">&#215;</button>' +
            '<button i="max" class="ui-dialog-max">放大</button>' +
            '<button i="min" class="ui-dialog-min">缩小</button>' +
            '<div i="title" class="ui-dialog-title"></div>' +
            '</td>' +
            '</tr>' +
            '<tr>' +
            '<td i="body" class="ui-dialog-body">' +
            '<div i="content" class="ui-dialog-content"></div>' +
            '</td>' +
            '</tr>' +
            '<tr>' +
            '<td i="footer" class="ui-dialog-footer">' +
            '<div i="statusbar" class="ui-dialog-statusbar"></div>' +
            '<div i="button" class="ui-dialog-button"></div>' +
            '</td>' +
            '</tr>' +
            '</table>' +
            '</div>',
        title: '欢迎',
        content: '欢迎使用 artDialog 对话框组件!'
    });
    d.show()

    d._$('max').on('click', function(e) {
        d._popup.removeClass('min')
        d._$('min').text('缩小')
        d._popup.toggleClass('max')
        if (d._popup.hasClass('max')) {
            this.innerText = '恢复'
        } else {
            this.innerText = '放大'
        }
    })
    d._$('min').on('click', function(e) {
        d._popup.removeClass('max')
        d._$('max').text('放大')
        d._popup.toggleClass('min')
        if (d._popup.hasClass('min')) {
            this.innerText = '恢复'
            d._$('body').hide()
        } else {
            this.innerText = '缩小'
            d._$('body').show()
        }
    })
.ui-dialog-max, .ui-dialog-min {
    position: relative;
    _position: absolute;
    float: right;
    top: 13px;
    right: 13px;
    _height: 26px;
    padding: 0 4px;
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    _background: #FFF;
    border: 0;
    -webkit-appearance: none;
}

.ui-dialog-max:hover, .ui-dialog-min:hover,
.ui-dialog-max:focus, .ui-dialog-min:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ui-popup-show.max {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
}

.ui-popup-show.max .ui-dialog-grid {
    width: 100%;
    height: 100%;
}

.ui-popup-show.min {
    width: auto !important;
    left: auto !important;
    top: auto !important;
    bottom:0;
    right:0;

}

.ui-popup-show.min .ui-dialog-grid {
    width: auto;
    height: 0%;
}

.ui-dialog-title {
    padding-right: 40px;
}
Rainy 优先级设置为不重要
Rainy 修改了描述
Rainy 修改了描述
Rainy 任务状态待办的 修改为已取消

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
Java
1
https://gitee.com/RainyGao/DocSys.git
git@gitee.com:RainyGao/DocSys.git
RainyGao
DocSys
DocSys

搜索帮助

14c37bed 8189591 565d56ea 8189591