diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue index 209d5df8..4b9d29e4 100644 --- a/resources/assets/js/pages/manage/file.vue +++ b/resources/assets/js/pages/manage/file.vue @@ -74,6 +74,15 @@ + + + + + @@ -99,6 +108,9 @@ export default { ], files: [], + + editShow: false, + editInfo: {}, } }, @@ -215,6 +227,9 @@ export default { if (item.type == 'folder') { this.searchKey = ''; this.pid = item.id; + } else { + this.editShow = true; + this.editInfo = item; } }, diff --git a/resources/assets/sass/pages/common.scss b/resources/assets/sass/pages/common.scss index fb3e86b2..88187783 100755 --- a/resources/assets/sass/pages/common.scss +++ b/resources/assets/sass/pages/common.scss @@ -246,21 +246,35 @@ body { } } } - .ivu-drawer-content { - border-radius: 18px 0 0 18px; - .ivu-drawer-header { - padding-top: 16px; - padding-bottom: 6px; - border-bottom: 1px solid transparent; - .ivu-drawer-header-inner { - font-size: 18px; - padding: 0 4px; - height: 32px; - line-height: 32px; + .ivu-drawer-right { + .ivu-drawer-content { + border-radius: 18px 0 0 18px; + .ivu-drawer-header { + padding-top: 16px; + padding-bottom: 6px; + border-bottom: 1px solid transparent; + .ivu-drawer-header-inner { + font-size: 18px; + padding: 0 4px; + height: 32px; + line-height: 32px; + } + } + .ivu-drawer-body { + padding: 10px 20px; } } - .ivu-drawer-body { - padding: 10px 20px; + } + .ivu-drawer-bottom { + .ivu-drawer-content { + border-radius: 18px 18px 0 0; + .ivu-drawer-close { + top: -42px; + .ivu-icon { + font-size: 40px; + color: #ffffff; + } + } } } }