@maketribe/ms-app 3.2.4 → 3.2.6

package/dist/style/modules/cms/index.css

@@ -1 +1 @@
-.resource-manager{display:flex;flex-direction:column;height:100%;background:#fff}.resource-manager-tools{padding:10px 20px;display:flex;justify-content:end}.resource-manager .resource-list{height:0;flex:1}.resource-list{display:flex;flex-direction:column}.resource-list-header{padding:15px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.resource-list-breadcrumb-item{cursor:pointer;padding:5px 3px}.resource-list-main{height:0;flex:1}.resource-list-list{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start}.resource-list .resource-item{width:120px;height:130px;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-list .resource-item__wrapper{display:flex;height:100%;gap:5px;flex-direction:column}.resource-list .resource-item__main{flex:1;font-size:48px;text-align:center;padding-top:10px}.resource-list .resource-item__label{white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-list .resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-list .resource-item.is-selected{background-color:var(--el-color-primary-light-9)}.resource-select-dialog .resource-list{height:540px}.cms-part-tree{display:flex;flex-direction:column;padding-right:0!important}.cms-part-tree__header{height:32px;padding:10px;display:flex;align-items:center;align-content:center;justify-content:space-between;font-weight:600}.cms-part-tree__body{height:0;flex:1}.cms-part-tree__body .el-scrollbar .el-scrollbar__wrap{padding-right:10px}.mk-cms-ad__warp{display:flex;flex-direction:column;width:100%;height:100%}.mk-cms-ad__body{padding:10px 0 10px 10px;display:flex;flex-direction:column;height:0;flex:1}.mk-cms-ad__body__scrollbar{padding-right:10px}.mk-cms-ad__card{box-sizing:border-box;flex:1}.mk-cms-ad__card__header{display:flex;align-content:center;justify-content:space-between;align-items:center}.mk-cms-ad__card__header .btn-box{display:flex;justify-content:flex-end;gap:10px}.mk-cms-ad__card__header .btn-box .btn{cursor:pointer}.mk-cms-ad__card__body__scrollbar>.el-scrollbar__wrap>.el-scrollbar__view{display:flex;gap:10px;padding-bottom:10px}.mk-cms-ad__card__body__item{max-width:340px;min-width:240px;height:inherit}.mk-cms-ad__card__body__item .item-desc{padding-top:10px;display:flex;justify-content:space-between}.mk-cms-ad__card__body__item .item-desc .icon{margin-right:5px}.mk-cms-ad__card__body__item .item-desc-left .external-links a{font-size:13px}.mk-cms-ad__card__body__item .item-desc-left .desc{font-size:13px}.mk-cms-ad__card__body__item .item-desc-left .ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;white-space:normal}.mk-cms-ad__card__body__item .item-desc-right{display:flex;align-items:center;flex-shrink:0;align-items:flex-start;margin-left:5px}.mk-cms-ad__card__body__item .item-desc-right__more{cursor:pointer}.mk-cms-ad__card__body__item .item-desc-right .el-dropdown{color:var(--el-color-primary)}.mk-cms-ad__card__body__item .item-desc-right .edit-button{color:var(--el-color-primary)}.mk-cms-ad__card__body__item .item-desc-right .delete-button{color:var(--el-color-danger)}.mk-cms-ad__card__body__item .images{width:100%;height:200px}.mk-cms-ad__card__body__item .video{width:100%;height:200px}.mk-cms-ad__card+.mk-cms-ad__card{margin-top:10px}.mk-cms-article-list{width:100%;height:100%;box-sizing:border-box}.mk-cms-article-list .mk-pagination{margin-top:8px}.mk-cms-article-list .mk-table-view>.el-card__body{padding-right:0}.mk-cms-article-list .mk-table-view>.el-card__body .el-empty{flex:1}.mk-cms-article-list__content{flex:1;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.mk-cms-article-list__content>.el-scrollbar__wrap>.el-scrollbar__view{display:flex;flex-direction:column;gap:10px;padding-right:12px}.mk-cms-article-list__item{width:100%;height:auto}.mk-cms-article-list__item__content{display:flex}.mk-cms-article-list__item__content .left{width:150px;display:flex;align-items:center;align-items:flex-start}.mk-cms-article-list__item__content .left .cover-image{width:140px;height:140px;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;align-content:center;font-size:30px;color:#ccc;margin-right:10px}.mk-cms-article-list__item__content .right{width:100%}.mk-cms-article-list__item__content .right .title{font-size:18px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mk-cms-article-list__item__content .right .sub-title{font-size:14px;margin-bottom:8px;color:#ccc;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mk-cms-article-list__item__content .right .desc{color:#999;font-size:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:80px}.mk-cms-article-list__item__content .right .footer{display:flex;margin-top:10px;justify-content:space-between;align-items:center}.mk-cms-article-list__item__content .right .footer>div{display:flex}.mk-cms-article-list__item__content .right .footer>div.ext{font-size:14px;color:#999}.mk-cms-article-list__item__content .right .footer>div.ext .publish-time{display:flex;align-items:center}.mk-cms-article-list__item__content .right .footer>div.ext>div+div{display:flex}.mk-cms-article-list__item__content .right .footer>div.ext>div+div::before{content:"";height:1em;width:1px;display:block;margin:0 12px;background-color:#ccc;margin-top:.2em}.mk-cms-article-eidtadd__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-article-eidtadd__header_tools{display:flex;align-items:center;gap:5px}.mk-cms-article-eidtadd__body{height:100%;height:100%;overflow:hidden;border-top:1px solid var(--mk-container-border-color)}.mk-cms-article-eidtadd__body__extentions{position:fixed;right:15px;top:50%;transform:translateY(-60%);background:#fff;padding:10px 20px 20px 20px;border-radius:5px 0 0 5px;box-shadow:0 3px 4px 0 #e5e5e5}.mk-cms-article-eidtadd__body__extentions.hide{transform:translateX(100%) translateY(-60%);z-index:0;background-color:transparent;box-shadow:none}.mk-cms-article-eidtadd__body__extentions.hide .mk-data-form{opacity:0;pointer-events:none}.mk-cms-article-eidtadd__body__extentions .close,.mk-cms-article-eidtadd__body__extentions .open{position:absolute;top:50%;left:-15px;transform:translateY(-50%);align-items:center;justify-content:flex-end;padding-right:10px;height:40px;width:40px;background-color:#f4f4f4;border-radius:0 50% 50% 0;box-sizing:border-box;cursor:pointer;z-index:100;clip-path:path("M 15 0 L 40 0 l 40 40 L 15 40z")}.mk-cms-article-eidtadd__body__extentions .open{left:-25px;background-color:#fff;justify-content:center;align-items:center;clip-path:path("M 0 0 L 25 0 L 25 40 L 0 40z");border-radius:50% 0 0 50%}.mk-cms-article-eidtadd__body__footer,.mk-cms-article-eidtadd__body__header{padding:10px 20px;background-color:#fff}.mk-cms-article-eidtadd__body__footer .el-tabs,.mk-cms-article-eidtadd__body__header .el-tabs{height:auto;flex:1}.mk-cms-article-eidtadd__body__footer .el-tabs .el-tab-pane,.mk-cms-article-eidtadd__body__header .el-tabs .el-tab-pane{height:100%}.mk-cms-article-eidtadd__body__footer .content>.el-row+.el-row,.mk-cms-article-eidtadd__body__footer>.el-row+.el-row,.mk-cms-article-eidtadd__body__header .content>.el-row+.el-row,.mk-cms-article-eidtadd__body__header>.el-row+.el-row{margin-top:10px}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__footer .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__footer>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header .content>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea>.el-textarea__inner{box-shadow:none}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-select>.el-select__wrapper{border-bottom:1px solid var(--el-border-color);padding:4px 10px}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea>.el-textarea__inner{box-shadow:none}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea.title{font-size:28px;font-weight:400}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file{display:flex;align-items:center;justify-content:center;background:#ebebeb}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file .el-image{display:flex;justify-content:center;align-items:center}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file .el-image .el-icon{font-size:30px}.mk-cms-article-eidtadd__body__footer .content>.el-row .banner,.mk-cms-article-eidtadd__body__footer>.el-row .banner,.mk-cms-article-eidtadd__body__header .content>.el-row .banner,.mk-cms-article-eidtadd__body__header>.el-row .banner{width:100%;height:200px}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc{display:flex}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .cover{width:115px;height:115px;margin-right:10px}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .desc{flex:1 1}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .desc textarea{background:#f4f4f4}.mk-cms-article-eidtadd__body__header{margin-bottom:5px}.mk-cms-article-eidtadd__body__footer{margin-top:5px;min-height:400px}.mk-cms-part__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-part__body{display:flex;height:100%;width:100%;overflow:hidden}.mk-cms-part__body__content{width:100%;height:100%;background-color:var(--mk-container-bg-color);display:flex;flex-direction:column}.mk-cms-part__body__content>.mk-richtext-container{max-width:900px;background-color:#fff;width:100%;max-width:900px;height:100%;margin:auto;overflow:auto;box-shadow:1px 1px 15px 0 #ccc}.mk-cms-part__body__options{min-width:380px;width:100%;height:100%;padding:20px;background-color:#fff;overflow:auto;box-sizing:border-box}.mk-cms-part__item{width:100%;height:auto}.mk-cms-part__item__content{padding:10px;display:flex}.mk-cms-part__item__content .left{width:150px}.mk-cms-part__item__content .left .cover-image{width:140px;height:140px;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;align-content:center;font-size:30px;color:#ccc;margin-right:10px}.mk-cms-part__item__content .right{width:100%}.mk-cms-part__item__content .right .title{font-size:18px;font-weight:600;margin-bottom:8px}.mk-cms-part__item__content .right .sub-title{font-size:14px;margin-bottom:8px;color:#ccc}.mk-cms-part__item__content .right .desc{color:#999;font-size:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:80px}.mk-cms-part__item__content .right .footer{display:flex;margin-top:10px;justify-content:space-between;align-items:center}.mk-cms-part__item__content .right .footer>div{display:flex}.mk-cms-part__item__content .right .footer>div.ext{font-size:14px;color:#999}.mk-cms-part__item__content .right .footer>div.ext>div+div{display:flex}.mk-cms-part__item__content .right .footer>div.ext>div+div::before{content:"";height:1em;width:1px;display:block;margin:0 12px;background-color:#ccc;margin-top:.2em}.mk-cms-part__item+.mk-cms-part__item{margin-top:10px}.mk-cms-part-info{height:100%}.mk-cms-part-info .el-card{border:0}.mk-cms-part-info .el-card .el-card__body{padding:0}.mk-cms-part-info .mk-form-view__footer button:last-child{display:none}.mk-cms-part-info__body__form-options .el-scrollbar__wrap{box-sizing:border-box;width:100%;padding-right:12px}.cms-article-atlas>.el-card__body{padding-bottom:0}.cms-article-atlas .cms-article-atlas__header{display:flex;justify-content:space-between}.cms-article-atlas .cms-article-atlas__header .cms-article-atlas__header__btn{cursor:pointer}.cms-article-atlas .cms-article-atlas__list{height:100%;display:flex;flex-wrap:wrap;gap:10px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap{padding-bottom:12px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view{display:flex}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item{max-width:340px;min-width:240px;height:inherit}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .images{width:100%;height:200px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .video{width:100%;height:200px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .cms-article-atlas__list__item__desc{display:flex;justify-content:space-between;align-items:center}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .cms-article-atlas__list__item__desc .item-desc-right{color:#409eff;cursor:pointer}.mk-cms-contents__publish{display:flex;flex-wrap:wrap;gap:10px 100px;padding:10px;justify-content:flex-start}.mk-cms-contents__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-contents__body{padding:10px;display:flex;height:100%;overflow:hidden}.mk-cms-contents__body__left{background-color:#fff;padding:10px;max-width:360px;min-width:220px;margin-right:10px}.mk-cms-contents__body__right{flex:1;width:100%;height:100%;overflow:hidden;background:#fff;padding:10px;box-sizing:border-box;position:relative}.mk-cms-contents__body__right__action{position:absolute;right:10px;top:10px}.mk-cms-contents__body__right .el-tabs__content{overflow:hidden;position:static}.mk-cms-contents__body__right .el-tabs__content .el-tab-pane{width:100%;height:100%;overflow:hidden}.mk-cms-publish{width:100%;height:100%;padding:10px;background-color:#fff;display:flex;box-sizing:border-box}.mk-cms-publish iframe{box-sizing:border-box;width:100%;height:100%;border:0}
+.resource-manager{display:flex;flex-direction:column;height:100%;background:#fff}.resource-manager-tools{padding:10px 20px;display:flex;justify-content:end}.resource-manager .resource-list{height:0;flex:1}.resource-list{display:flex;flex-direction:column}.resource-list-header{padding:15px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between}.resource-list-mode{cursor:pointer}.resource-list-breadcrumb-item{cursor:pointer;padding:5px 3px}.resource-list-main{height:0;flex:1}.resource-list-list{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start}.resource-list .resource-item{width:120px;height:130px;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-list .resource-item__wrapper{display:flex;height:100%;gap:5px;flex-direction:column}.resource-list .resource-item__main{flex:1;font-size:48px;text-align:center;padding-top:10px}.resource-list .resource-item__label{white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-list .resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-list .resource-item.is-selected{background-color:var(--el-color-primary-light-9)}.resource-list.row .resource-list-list{gap:10px;display:block;flex-wrap:wrap;align-items:flex-start}.resource-list.row .resource-item{width:100%;height:auto;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.resource-list.row .resource-item__wrapper{height:100%;gap:5px;flex-direction:row}.resource-list.row .resource-item__main{flex:0;font-size:24px;text-align:center;padding-top:0}.resource-list.row .resource-item__label{font-size:18px;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-list.row .resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-list.row .resource-item.is-selected{background-color:var(--el-color-primary-light-9)}.resource-select-dialog .resource-list{height:540px}.cms-part-tree{display:flex;flex-direction:column;padding-right:0!important}.cms-part-tree__header{height:32px;padding:10px;display:flex;align-items:center;align-content:center;justify-content:space-between;font-weight:600}.cms-part-tree__body{height:0;flex:1}.cms-part-tree__body .el-scrollbar .el-scrollbar__wrap{padding-right:10px}.mk-cms-ad__warp{display:flex;flex-direction:column;width:100%;height:100%}.mk-cms-ad__body{padding:10px 0 10px 10px;display:flex;flex-direction:column;height:0;flex:1}.mk-cms-ad__body__scrollbar{padding-right:10px}.mk-cms-ad__card{box-sizing:border-box;flex:1}.mk-cms-ad__card__header{display:flex;align-content:center;justify-content:space-between;align-items:center}.mk-cms-ad__card__header .btn-box{display:flex;justify-content:flex-end;gap:10px}.mk-cms-ad__card__header .btn-box .btn{cursor:pointer}.mk-cms-ad__card__body__scrollbar>.el-scrollbar__wrap>.el-scrollbar__view{display:flex;gap:10px;padding-bottom:10px}.mk-cms-ad__card__body__item{max-width:340px;min-width:240px;height:inherit}.mk-cms-ad__card__body__item .item-desc{padding-top:10px;display:flex;justify-content:space-between}.mk-cms-ad__card__body__item .item-desc .icon{margin-right:5px}.mk-cms-ad__card__body__item .item-desc-left .external-links a{font-size:13px}.mk-cms-ad__card__body__item .item-desc-left .desc{font-size:13px}.mk-cms-ad__card__body__item .item-desc-left .ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;white-space:normal}.mk-cms-ad__card__body__item .item-desc-right{display:flex;align-items:center;flex-shrink:0;align-items:flex-start;margin-left:5px}.mk-cms-ad__card__body__item .item-desc-right__more{cursor:pointer}.mk-cms-ad__card__body__item .item-desc-right .el-dropdown{color:var(--el-color-primary)}.mk-cms-ad__card__body__item .item-desc-right .edit-button{color:var(--el-color-primary)}.mk-cms-ad__card__body__item .item-desc-right .delete-button{color:var(--el-color-danger)}.mk-cms-ad__card__body__item .images{width:100%;height:200px}.mk-cms-ad__card__body__item .video{width:100%;height:200px}.mk-cms-ad__card+.mk-cms-ad__card{margin-top:10px}.mk-cms-article-list{width:100%;height:100%;box-sizing:border-box}.mk-cms-article-list .mk-pagination{margin-top:8px}.mk-cms-article-list .mk-table-view>.el-card__body{padding-right:0}.mk-cms-article-list .mk-table-view>.el-card__body .el-empty{flex:1}.mk-cms-article-list__content{flex:1;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.mk-cms-article-list__content>.el-scrollbar__wrap>.el-scrollbar__view{display:flex;flex-direction:column;gap:10px;padding-right:12px}.mk-cms-article-list__item{width:100%;height:auto}.mk-cms-article-list__item__content{display:flex}.mk-cms-article-list__item__content .left{width:150px;display:flex;align-items:center;align-items:flex-start}.mk-cms-article-list__item__content .left .cover-image{width:140px;height:140px;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;align-content:center;font-size:30px;color:#ccc;margin-right:10px}.mk-cms-article-list__item__content .right{width:100%}.mk-cms-article-list__item__content .right .title{font-size:18px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mk-cms-article-list__item__content .right .sub-title{font-size:14px;margin-bottom:8px;color:#ccc;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mk-cms-article-list__item__content .right .desc{color:#999;font-size:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:80px}.mk-cms-article-list__item__content .right .footer{display:flex;margin-top:10px;justify-content:space-between;align-items:center}.mk-cms-article-list__item__content .right .footer>div{display:flex}.mk-cms-article-list__item__content .right .footer>div.ext{font-size:14px;color:#999}.mk-cms-article-list__item__content .right .footer>div.ext .publish-time{display:flex;align-items:center}.mk-cms-article-list__item__content .right .footer>div.ext>div+div{display:flex}.mk-cms-article-list__item__content .right .footer>div.ext>div+div::before{content:"";height:1em;width:1px;display:block;margin:0 12px;background-color:#ccc;margin-top:.2em}.mk-cms-article-eidtadd__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-article-eidtadd__header_tools{display:flex;align-items:center;gap:5px}.mk-cms-article-eidtadd__body{height:100%;height:100%;overflow:hidden;border-top:1px solid var(--mk-container-border-color)}.mk-cms-article-eidtadd__body__extentions{position:fixed;right:15px;top:50%;transform:translateY(-60%);background:#fff;padding:10px 20px 20px 20px;border-radius:5px 0 0 5px;box-shadow:0 3px 4px 0 #e5e5e5}.mk-cms-article-eidtadd__body__extentions.hide{transform:translateX(100%) translateY(-60%);z-index:0;background-color:transparent;box-shadow:none}.mk-cms-article-eidtadd__body__extentions.hide .mk-data-form{opacity:0;pointer-events:none}.mk-cms-article-eidtadd__body__extentions .close,.mk-cms-article-eidtadd__body__extentions .open{position:absolute;top:50%;left:-15px;transform:translateY(-50%);align-items:center;justify-content:flex-end;padding-right:10px;height:40px;width:40px;background-color:#f4f4f4;border-radius:0 50% 50% 0;box-sizing:border-box;cursor:pointer;z-index:100;clip-path:path("M 15 0 L 40 0 l 40 40 L 15 40z")}.mk-cms-article-eidtadd__body__extentions .open{left:-25px;background-color:#fff;justify-content:center;align-items:center;clip-path:path("M 0 0 L 25 0 L 25 40 L 0 40z");border-radius:50% 0 0 50%}.mk-cms-article-eidtadd__body__footer,.mk-cms-article-eidtadd__body__header{padding:10px 20px;background-color:#fff}.mk-cms-article-eidtadd__body__footer .el-tabs,.mk-cms-article-eidtadd__body__header .el-tabs{height:auto;flex:1}.mk-cms-article-eidtadd__body__footer .el-tabs .el-tab-pane,.mk-cms-article-eidtadd__body__header .el-tabs .el-tab-pane{height:100%}.mk-cms-article-eidtadd__body__footer .content>.el-row+.el-row,.mk-cms-article-eidtadd__body__footer>.el-row+.el-row,.mk-cms-article-eidtadd__body__header .content>.el-row+.el-row,.mk-cms-article-eidtadd__body__header>.el-row+.el-row{margin-top:10px}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__footer .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__footer>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header .content>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea>.el-textarea__inner{box-shadow:none}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-select>.el-select__wrapper{border-bottom:1px solid var(--el-border-color);padding:4px 10px}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea>.el-textarea__inner{box-shadow:none}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea.title{font-size:28px;font-weight:400}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file{display:flex;align-items:center;justify-content:center;background:#ebebeb}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file .el-image{display:flex;justify-content:center;align-items:center}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file .el-image .el-icon{font-size:30px}.mk-cms-article-eidtadd__body__footer .content>.el-row .banner,.mk-cms-article-eidtadd__body__footer>.el-row .banner,.mk-cms-article-eidtadd__body__header .content>.el-row .banner,.mk-cms-article-eidtadd__body__header>.el-row .banner{width:100%;height:200px}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc{display:flex}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .cover{width:115px;height:115px;margin-right:10px}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .desc{flex:1 1}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .desc textarea{background:#f4f4f4}.mk-cms-article-eidtadd__body__header{margin-bottom:5px}.mk-cms-article-eidtadd__body__footer{margin-top:5px;min-height:400px}.mk-cms-part-info{height:100%}.mk-cms-part-info .el-card{border:0}.mk-cms-part-info .el-card .el-card__body{padding:0}.mk-cms-part-info .mk-form-view__footer button:last-child{display:none}.mk-cms-part-info__body__form-options .el-scrollbar__wrap{box-sizing:border-box;width:100%;padding-right:12px}.cms-article-atlas>.el-card__body{padding-bottom:0}.cms-article-atlas .cms-article-atlas__header{display:flex;justify-content:space-between}.cms-article-atlas .cms-article-atlas__header .cms-article-atlas__header__btn{cursor:pointer}.cms-article-atlas .cms-article-atlas__list{height:100%;display:flex;flex-wrap:wrap;gap:10px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap{padding-bottom:12px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view{display:flex}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item{max-width:340px;min-width:240px;height:inherit}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .images{width:100%;height:200px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .video{width:100%;height:200px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .cms-article-atlas__list__item__desc{display:flex;justify-content:space-between;align-items:center}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .cms-article-atlas__list__item__desc .item-desc-right{color:#409eff;cursor:pointer}.mk-cms-contents__publish{display:flex;flex-wrap:wrap;gap:10px 100px;padding:10px;justify-content:flex-start}.mk-cms-contents__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-contents__body{padding:10px;display:flex;height:100%;overflow:hidden}.mk-cms-contents__body__left{background-color:#fff;padding:10px;max-width:360px;min-width:220px;margin-right:10px}.mk-cms-contents__body__right{flex:1;width:100%;height:100%;overflow:hidden;background:#fff;padding:10px;box-sizing:border-box;position:relative}.mk-cms-contents__body__right__action{position:absolute;right:10px;top:10px}.mk-cms-contents__body__right .el-tabs__content{overflow:hidden;position:static}.mk-cms-contents__body__right .el-tabs__content .el-tab-pane{width:100%;height:100%;overflow:hidden}.mk-cms-publish{width:100%;height:100%;padding:10px;background-color:#fff;display:flex;box-sizing:border-box}.mk-cms-publish iframe{box-sizing:border-box;width:100%;height:100%;border:0}

package/dist/style/modules/cms/pages/cms-contents/index.css

@@ -1 +1 @@
-.mk-cms-article-list{width:100%;height:100%;box-sizing:border-box}.mk-cms-article-list .mk-pagination{margin-top:8px}.mk-cms-article-list .mk-table-view>.el-card__body{padding-right:0}.mk-cms-article-list .mk-table-view>.el-card__body .el-empty{flex:1}.mk-cms-article-list__content{flex:1;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.mk-cms-article-list__content>.el-scrollbar__wrap>.el-scrollbar__view{display:flex;flex-direction:column;gap:10px;padding-right:12px}.mk-cms-article-list__item{width:100%;height:auto}.mk-cms-article-list__item__content{display:flex}.mk-cms-article-list__item__content .left{width:150px;display:flex;align-items:center;align-items:flex-start}.mk-cms-article-list__item__content .left .cover-image{width:140px;height:140px;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;align-content:center;font-size:30px;color:#ccc;margin-right:10px}.mk-cms-article-list__item__content .right{width:100%}.mk-cms-article-list__item__content .right .title{font-size:18px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mk-cms-article-list__item__content .right .sub-title{font-size:14px;margin-bottom:8px;color:#ccc;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mk-cms-article-list__item__content .right .desc{color:#999;font-size:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:80px}.mk-cms-article-list__item__content .right .footer{display:flex;margin-top:10px;justify-content:space-between;align-items:center}.mk-cms-article-list__item__content .right .footer>div{display:flex}.mk-cms-article-list__item__content .right .footer>div.ext{font-size:14px;color:#999}.mk-cms-article-list__item__content .right .footer>div.ext .publish-time{display:flex;align-items:center}.mk-cms-article-list__item__content .right .footer>div.ext>div+div{display:flex}.mk-cms-article-list__item__content .right .footer>div.ext>div+div::before{content:"";height:1em;width:1px;display:block;margin:0 12px;background-color:#ccc;margin-top:.2em}.mk-cms-article-eidtadd__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-article-eidtadd__header_tools{display:flex;align-items:center;gap:5px}.mk-cms-article-eidtadd__body{height:100%;height:100%;overflow:hidden;border-top:1px solid var(--mk-container-border-color)}.mk-cms-article-eidtadd__body__extentions{position:fixed;right:15px;top:50%;transform:translateY(-60%);background:#fff;padding:10px 20px 20px 20px;border-radius:5px 0 0 5px;box-shadow:0 3px 4px 0 #e5e5e5}.mk-cms-article-eidtadd__body__extentions.hide{transform:translateX(100%) translateY(-60%);z-index:0;background-color:transparent;box-shadow:none}.mk-cms-article-eidtadd__body__extentions.hide .mk-data-form{opacity:0;pointer-events:none}.mk-cms-article-eidtadd__body__extentions .close,.mk-cms-article-eidtadd__body__extentions .open{position:absolute;top:50%;left:-15px;transform:translateY(-50%);align-items:center;justify-content:flex-end;padding-right:10px;height:40px;width:40px;background-color:#f4f4f4;border-radius:0 50% 50% 0;box-sizing:border-box;cursor:pointer;z-index:100;clip-path:path("M 15 0 L 40 0 l 40 40 L 15 40z")}.mk-cms-article-eidtadd__body__extentions .open{left:-25px;background-color:#fff;justify-content:center;align-items:center;clip-path:path("M 0 0 L 25 0 L 25 40 L 0 40z");border-radius:50% 0 0 50%}.mk-cms-article-eidtadd__body__footer,.mk-cms-article-eidtadd__body__header{padding:10px 20px;background-color:#fff}.mk-cms-article-eidtadd__body__footer .el-tabs,.mk-cms-article-eidtadd__body__header .el-tabs{height:auto;flex:1}.mk-cms-article-eidtadd__body__footer .el-tabs .el-tab-pane,.mk-cms-article-eidtadd__body__header .el-tabs .el-tab-pane{height:100%}.mk-cms-article-eidtadd__body__footer .content>.el-row+.el-row,.mk-cms-article-eidtadd__body__footer>.el-row+.el-row,.mk-cms-article-eidtadd__body__header .content>.el-row+.el-row,.mk-cms-article-eidtadd__body__header>.el-row+.el-row{margin-top:10px}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__footer .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__footer>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header .content>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea>.el-textarea__inner{box-shadow:none}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-select>.el-select__wrapper{border-bottom:1px solid var(--el-border-color);padding:4px 10px}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea>.el-textarea__inner{box-shadow:none}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea.title{font-size:28px;font-weight:400}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file{display:flex;align-items:center;justify-content:center;background:#ebebeb}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file .el-image{display:flex;justify-content:center;align-items:center}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file .el-image .el-icon{font-size:30px}.mk-cms-article-eidtadd__body__footer .content>.el-row .banner,.mk-cms-article-eidtadd__body__footer>.el-row .banner,.mk-cms-article-eidtadd__body__header .content>.el-row .banner,.mk-cms-article-eidtadd__body__header>.el-row .banner{width:100%;height:200px}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc{display:flex}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .cover{width:115px;height:115px;margin-right:10px}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .desc{flex:1 1}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .desc textarea{background:#f4f4f4}.mk-cms-article-eidtadd__body__header{margin-bottom:5px}.mk-cms-article-eidtadd__body__footer{margin-top:5px;min-height:400px}.mk-cms-part__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-part__body{display:flex;height:100%;width:100%;overflow:hidden}.mk-cms-part__body__content{width:100%;height:100%;background-color:var(--mk-container-bg-color);display:flex;flex-direction:column}.mk-cms-part__body__content>.mk-richtext-container{max-width:900px;background-color:#fff;width:100%;max-width:900px;height:100%;margin:auto;overflow:auto;box-shadow:1px 1px 15px 0 #ccc}.mk-cms-part__body__options{min-width:380px;width:100%;height:100%;padding:20px;background-color:#fff;overflow:auto;box-sizing:border-box}.mk-cms-part__item{width:100%;height:auto}.mk-cms-part__item__content{padding:10px;display:flex}.mk-cms-part__item__content .left{width:150px}.mk-cms-part__item__content .left .cover-image{width:140px;height:140px;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;align-content:center;font-size:30px;color:#ccc;margin-right:10px}.mk-cms-part__item__content .right{width:100%}.mk-cms-part__item__content .right .title{font-size:18px;font-weight:600;margin-bottom:8px}.mk-cms-part__item__content .right .sub-title{font-size:14px;margin-bottom:8px;color:#ccc}.mk-cms-part__item__content .right .desc{color:#999;font-size:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:80px}.mk-cms-part__item__content .right .footer{display:flex;margin-top:10px;justify-content:space-between;align-items:center}.mk-cms-part__item__content .right .footer>div{display:flex}.mk-cms-part__item__content .right .footer>div.ext{font-size:14px;color:#999}.mk-cms-part__item__content .right .footer>div.ext>div+div{display:flex}.mk-cms-part__item__content .right .footer>div.ext>div+div::before{content:"";height:1em;width:1px;display:block;margin:0 12px;background-color:#ccc;margin-top:.2em}.mk-cms-part__item+.mk-cms-part__item{margin-top:10px}.mk-cms-part-info{height:100%}.mk-cms-part-info .el-card{border:0}.mk-cms-part-info .el-card .el-card__body{padding:0}.mk-cms-part-info .mk-form-view__footer button:last-child{display:none}.mk-cms-part-info__body__form-options .el-scrollbar__wrap{box-sizing:border-box;width:100%;padding-right:12px}.cms-article-atlas>.el-card__body{padding-bottom:0}.cms-article-atlas .cms-article-atlas__header{display:flex;justify-content:space-between}.cms-article-atlas .cms-article-atlas__header .cms-article-atlas__header__btn{cursor:pointer}.cms-article-atlas .cms-article-atlas__list{height:100%;display:flex;flex-wrap:wrap;gap:10px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap{padding-bottom:12px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view{display:flex}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item{max-width:340px;min-width:240px;height:inherit}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .images{width:100%;height:200px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .video{width:100%;height:200px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .cms-article-atlas__list__item__desc{display:flex;justify-content:space-between;align-items:center}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .cms-article-atlas__list__item__desc .item-desc-right{color:#409eff;cursor:pointer}.mk-cms-contents__publish{display:flex;flex-wrap:wrap;gap:10px 100px;padding:10px;justify-content:flex-start}.mk-cms-contents__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-contents__body{padding:10px;display:flex;height:100%;overflow:hidden}.mk-cms-contents__body__left{background-color:#fff;padding:10px;max-width:360px;min-width:220px;margin-right:10px}.mk-cms-contents__body__right{flex:1;width:100%;height:100%;overflow:hidden;background:#fff;padding:10px;box-sizing:border-box;position:relative}.mk-cms-contents__body__right__action{position:absolute;right:10px;top:10px}.mk-cms-contents__body__right .el-tabs__content{overflow:hidden;position:static}.mk-cms-contents__body__right .el-tabs__content .el-tab-pane{width:100%;height:100%;overflow:hidden}
+.mk-cms-article-list{width:100%;height:100%;box-sizing:border-box}.mk-cms-article-list .mk-pagination{margin-top:8px}.mk-cms-article-list .mk-table-view>.el-card__body{padding-right:0}.mk-cms-article-list .mk-table-view>.el-card__body .el-empty{flex:1}.mk-cms-article-list__content{flex:1;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.mk-cms-article-list__content>.el-scrollbar__wrap>.el-scrollbar__view{display:flex;flex-direction:column;gap:10px;padding-right:12px}.mk-cms-article-list__item{width:100%;height:auto}.mk-cms-article-list__item__content{display:flex}.mk-cms-article-list__item__content .left{width:150px;display:flex;align-items:center;align-items:flex-start}.mk-cms-article-list__item__content .left .cover-image{width:140px;height:140px;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;align-content:center;font-size:30px;color:#ccc;margin-right:10px}.mk-cms-article-list__item__content .right{width:100%}.mk-cms-article-list__item__content .right .title{font-size:18px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mk-cms-article-list__item__content .right .sub-title{font-size:14px;margin-bottom:8px;color:#ccc;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mk-cms-article-list__item__content .right .desc{color:#999;font-size:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:80px}.mk-cms-article-list__item__content .right .footer{display:flex;margin-top:10px;justify-content:space-between;align-items:center}.mk-cms-article-list__item__content .right .footer>div{display:flex}.mk-cms-article-list__item__content .right .footer>div.ext{font-size:14px;color:#999}.mk-cms-article-list__item__content .right .footer>div.ext .publish-time{display:flex;align-items:center}.mk-cms-article-list__item__content .right .footer>div.ext>div+div{display:flex}.mk-cms-article-list__item__content .right .footer>div.ext>div+div::before{content:"";height:1em;width:1px;display:block;margin:0 12px;background-color:#ccc;margin-top:.2em}.mk-cms-article-eidtadd__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-article-eidtadd__header_tools{display:flex;align-items:center;gap:5px}.mk-cms-article-eidtadd__body{height:100%;height:100%;overflow:hidden;border-top:1px solid var(--mk-container-border-color)}.mk-cms-article-eidtadd__body__extentions{position:fixed;right:15px;top:50%;transform:translateY(-60%);background:#fff;padding:10px 20px 20px 20px;border-radius:5px 0 0 5px;box-shadow:0 3px 4px 0 #e5e5e5}.mk-cms-article-eidtadd__body__extentions.hide{transform:translateX(100%) translateY(-60%);z-index:0;background-color:transparent;box-shadow:none}.mk-cms-article-eidtadd__body__extentions.hide .mk-data-form{opacity:0;pointer-events:none}.mk-cms-article-eidtadd__body__extentions .close,.mk-cms-article-eidtadd__body__extentions .open{position:absolute;top:50%;left:-15px;transform:translateY(-50%);align-items:center;justify-content:flex-end;padding-right:10px;height:40px;width:40px;background-color:#f4f4f4;border-radius:0 50% 50% 0;box-sizing:border-box;cursor:pointer;z-index:100;clip-path:path("M 15 0 L 40 0 l 40 40 L 15 40z")}.mk-cms-article-eidtadd__body__extentions .open{left:-25px;background-color:#fff;justify-content:center;align-items:center;clip-path:path("M 0 0 L 25 0 L 25 40 L 0 40z");border-radius:50% 0 0 50%}.mk-cms-article-eidtadd__body__footer,.mk-cms-article-eidtadd__body__header{padding:10px 20px;background-color:#fff}.mk-cms-article-eidtadd__body__footer .el-tabs,.mk-cms-article-eidtadd__body__header .el-tabs{height:auto;flex:1}.mk-cms-article-eidtadd__body__footer .el-tabs .el-tab-pane,.mk-cms-article-eidtadd__body__header .el-tabs .el-tab-pane{height:100%}.mk-cms-article-eidtadd__body__footer .content>.el-row+.el-row,.mk-cms-article-eidtadd__body__footer>.el-row+.el-row,.mk-cms-article-eidtadd__body__header .content>.el-row+.el-row,.mk-cms-article-eidtadd__body__header>.el-row+.el-row{margin-top:10px}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__footer .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__footer>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header .content>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header>.el-row .el-input>.el-input__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea>.el-textarea__inner{box-shadow:none}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__footer>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header .content>.el-row .el-select>.el-select__wrapper,.mk-cms-article-eidtadd__body__header>.el-row .el-select>.el-select__wrapper{border-bottom:1px solid var(--el-border-color);padding:4px 10px}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea>.el-textarea__inner,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea>.el-textarea__inner{box-shadow:none}.mk-cms-article-eidtadd__body__footer .content>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__footer>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__header .content>.el-row .el-textarea.title,.mk-cms-article-eidtadd__body__header>.el-row .el-textarea.title{font-size:28px;font-weight:400}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file{display:flex;align-items:center;justify-content:center;background:#ebebeb}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file .el-image,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file .el-image{display:flex;justify-content:center;align-items:center}.mk-cms-article-eidtadd__body__footer .content>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__footer>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__header .content>.el-row .mk-upload-file .el-image .el-icon,.mk-cms-article-eidtadd__body__header>.el-row .mk-upload-file .el-image .el-icon{font-size:30px}.mk-cms-article-eidtadd__body__footer .content>.el-row .banner,.mk-cms-article-eidtadd__body__footer>.el-row .banner,.mk-cms-article-eidtadd__body__header .content>.el-row .banner,.mk-cms-article-eidtadd__body__header>.el-row .banner{width:100%;height:200px}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc{display:flex}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .cover,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .cover{width:115px;height:115px;margin-right:10px}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .desc,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .desc{flex:1 1}.mk-cms-article-eidtadd__body__footer .content>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__footer>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__header .content>.el-row.cover-desc .desc textarea,.mk-cms-article-eidtadd__body__header>.el-row.cover-desc .desc textarea{background:#f4f4f4}.mk-cms-article-eidtadd__body__header{margin-bottom:5px}.mk-cms-article-eidtadd__body__footer{margin-top:5px;min-height:400px}.mk-cms-part-info{height:100%}.mk-cms-part-info .el-card{border:0}.mk-cms-part-info .el-card .el-card__body{padding:0}.mk-cms-part-info .mk-form-view__footer button:last-child{display:none}.mk-cms-part-info__body__form-options .el-scrollbar__wrap{box-sizing:border-box;width:100%;padding-right:12px}.cms-article-atlas>.el-card__body{padding-bottom:0}.cms-article-atlas .cms-article-atlas__header{display:flex;justify-content:space-between}.cms-article-atlas .cms-article-atlas__header .cms-article-atlas__header__btn{cursor:pointer}.cms-article-atlas .cms-article-atlas__list{height:100%;display:flex;flex-wrap:wrap;gap:10px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap{padding-bottom:12px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view{display:flex}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item{max-width:340px;min-width:240px;height:inherit}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .images{width:100%;height:200px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .video{width:100%;height:200px}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .cms-article-atlas__list__item__desc{display:flex;justify-content:space-between;align-items:center}.cms-article-atlas .cms-article-atlas__list .el-scrollbar__wrap .el-scrollbar__view .cms-article-atlas__list__item .cms-article-atlas__list__item__desc .item-desc-right{color:#409eff;cursor:pointer}.mk-cms-contents__publish{display:flex;flex-wrap:wrap;gap:10px 100px;padding:10px;justify-content:flex-start}.mk-cms-contents__warp{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.mk-cms-contents__body{padding:10px;display:flex;height:100%;overflow:hidden}.mk-cms-contents__body__left{background-color:#fff;padding:10px;max-width:360px;min-width:220px;margin-right:10px}.mk-cms-contents__body__right{flex:1;width:100%;height:100%;overflow:hidden;background:#fff;padding:10px;box-sizing:border-box;position:relative}.mk-cms-contents__body__right__action{position:absolute;right:10px;top:10px}.mk-cms-contents__body__right .el-tabs__content{overflow:hidden;position:static}.mk-cms-contents__body__right .el-tabs__content .el-tab-pane{width:100%;height:100%;overflow:hidden}

package/dist/style/modules/cms/resource-manager.css

@@ -1 +1 @@
-.resource-manager{display:flex;flex-direction:column;height:100%;background:#fff}.resource-manager-tools{padding:10px 20px;display:flex;justify-content:end}.resource-manager .resource-list{height:0;flex:1}.resource-list{display:flex;flex-direction:column}.resource-list-header{padding:15px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.resource-list-breadcrumb-item{cursor:pointer;padding:5px 3px}.resource-list-main{height:0;flex:1}.resource-list-list{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start}.resource-list .resource-item{width:120px;height:130px;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-list .resource-item__wrapper{display:flex;height:100%;gap:5px;flex-direction:column}.resource-list .resource-item__main{flex:1;font-size:48px;text-align:center;padding-top:10px}.resource-list .resource-item__label{white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-list .resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-list .resource-item.is-selected{background-color:var(--el-color-primary-light-9)}.resource-select-dialog .resource-list{height:540px}
+.resource-manager{display:flex;flex-direction:column;height:100%;background:#fff}.resource-manager-tools{padding:10px 20px;display:flex;justify-content:end}.resource-manager .resource-list{height:0;flex:1}.resource-list{display:flex;flex-direction:column}.resource-list-header{padding:15px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between}.resource-list-mode{cursor:pointer}.resource-list-breadcrumb-item{cursor:pointer;padding:5px 3px}.resource-list-main{height:0;flex:1}.resource-list-list{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start}.resource-list .resource-item{width:120px;height:130px;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-list .resource-item__wrapper{display:flex;height:100%;gap:5px;flex-direction:column}.resource-list .resource-item__main{flex:1;font-size:48px;text-align:center;padding-top:10px}.resource-list .resource-item__label{white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-list .resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-list .resource-item.is-selected{background-color:var(--el-color-primary-light-9)}.resource-list.row .resource-list-list{gap:10px;display:block;flex-wrap:wrap;align-items:flex-start}.resource-list.row .resource-item{width:100%;height:auto;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.resource-list.row .resource-item__wrapper{height:100%;gap:5px;flex-direction:row}.resource-list.row .resource-item__main{flex:0;font-size:24px;text-align:center;padding-top:0}.resource-list.row .resource-item__label{font-size:18px;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-list.row .resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-list.row .resource-item.is-selected{background-color:var(--el-color-primary-light-9)}.resource-select-dialog .resource-list{height:540px}

package/dist/style/src/components/basic/doc-editor/index.scss

@@ -113,12 +113,14 @@
     }
   }
 
-  &__stage_warp,&__stage_iframe{
+  &__stage_warp,&__stage_iframe, &__view_warp,&__view_iframe{
     width: 100%;
     height: 100%; 
     z-index: 0;
     position: relative;
   }
+
+
   &__stage_body{  
     z-index: 0;
     position: relative;
@@ -148,11 +150,29 @@
       }
     }
   }
-  &__stage_iframe{
+  &__stage_iframe,&__view_iframe{
     overflow: hidden;
     background-color: #fff;  
     margin: 0;
     border: 0;
   }
+  &__view_warp{
+    display: flex;
+    background-color: var(--mk-container-border-color);
+    overflow: auto;    
+    padding-top: 10px;
+    &.mobile{
+      .mk-doc-editor__view_iframe{  
+        max-width: 640px;
+      }
+    }
+  
+  }
+  &__view_iframe{
+    max-width: 900px;
+    margin: auto;
+    padding: 20px;
+    overflow: auto;
+  }
 }
 

package/dist/style/src/components/material-item.scss

@@ -1,63 +1,66 @@
-.mk-material-item {
-  --el-card-padding: 0;
-
-  position: relative;
-  display: inline-block;
-  width: 200px;
-  border: 1px solid #e4e7ed;
-  border-radius: 0;
-
-  &__preview {
-    position: relative;
-    height: 150px;
-    background: #f5f7fa;
-    user-select: none;
-    user-drag: none;
-  }
-
-  &__title {
-    font-size: 12px;
-    padding: 5px 10px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  &__tools {
-    z-index: 1;
-    position: absolute;
-    display: none;
-    right: 5px;
-    top: 5px;
-    font-size: 12px;
-
-    &-item {
-      .mk-svg-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 50%;
-        width: 24px;
-        height: 24px;
-        background-color: white;
-        cursor: pointer;
-
-        &:hover {
-          background-color: #fbfbfb;
-        }
-      }
-    }
-  }
-
-  &:hover {
-    border-color: rgb(64, 169, 255, 0.4);
-
-    .mk-material-item__tools {
-      display: flex;
-    }
-  }
-
-  &.is-selected {
-    border-color: rgb(64, 169, 255);
-  }
-}
+.mk-material-item {
+  --el-card-padding: 0;
+
+  position: relative;
+  display: inline-block;
+  width: 200px;
+  border: 1px solid #e4e7ed;
+  border-radius: 0;
+
+  &__preview {
+    position: relative;
+    height: 150px;
+    background: #f5f7fa;
+    user-select: none;
+    user-drag: none;
+  }
+
+  &__title {
+    font-size: 12px;
+    padding: 5px 10px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &__tools {
+    z-index: 1;
+    position: absolute;
+    display: flex;
+    visibility: hidden;
+    right: 5px;
+    top: 5px;
+    font-size: 12px;
+
+    &-item {
+      .mk-svg-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+        width: 24px;
+        height: 24px;
+        background-color: white;
+        cursor: pointer;
+
+        &:hover {
+          background-color: #fbfbfb;
+        }
+      }
+    }
+  }
+
+  &:hover {
+    border-color: rgb(64, 169, 255, 0.4);
+
+    .mk-material-item__tools {
+      visibility: visible;
+    }
+  }
+
+  &.is-selected {
+    border-color: rgb(64, 169, 255);
+    background-color: rgb(64, 169, 255);
+    color: #fff;
+  }
+}

package/dist/style/src/modules/cms/pages/cms-contents/index.scss

@@ -1,6 +1,5 @@
 @use "./components/article-list.scss" as *;
 @use "./article-edit-add-page.scss" as *;
-@use "./part-edit-add-page.scss" as *;
 @use "./components/part-info.scss" as *;
 @use "./components/article-atlas.scss" as *;
 
@@ -66,4 +65,4 @@
     }
   }
 
-}
+}

package/dist/style/src/modules/cms/resource-manager.scss

@@ -23,6 +23,11 @@
     padding: 15px 20px;
     border-top: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
+    display: flex;
+    justify-content: space-between;
+  }
+  &-mode{
+    cursor: pointer;
   }
 
   &-breadcrumb-item {
@@ -81,6 +86,64 @@
   }
 }
 
+// 行模式
+.resource-list {
+
+  &.row{
+
+    .resource-list{
+
+      &-list {
+        gap: 10px;
+        display: block;
+        flex-wrap: wrap;
+        align-items: flex-start;
+      }
+    }
+
+    .resource-item {
+      width: 100%;
+      height: auto;
+      padding: 10px;
+      box-sizing: border-box;
+      user-select: none;
+      cursor: pointer;
+  
+      &__wrapper {
+        height: 100%;
+        gap: 5px;
+        flex-direction: row;
+      }
+  
+      &__main {
+        flex: 0;
+        font-size: 24px;
+        text-align: center;
+        padding-top: 0;
+      }
+  
+      &__label {
+        font-size: 18px;
+        white-space: nowrap;
+        text-align: center;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        padding: 5px;
+      }
+  
+      &:hover {
+        background-color: var(--el-color-info-light-9);
+      }
+  
+      &.is-selected {
+        background-color: var(--el-color-primary-light-9);
+      }
+    }
+
+  }
+ 
+}
+
 .resource-select-dialog {
   .resource-list {
     height: 540px;