.xcx-module-container { width: 100%; /* height: 667px; */ display: flex; flex-direction: column; /* top: 100px; */ /* left: 530px; */ /* position: absolute; */ /* background: #fff; */ box-shadow: #eee 0 0 12px; border-radius: 5px; /***页面标题***/ /**模块大框架***/ /**无模块***/ /***模块项***/ /**空白提示***/ /***右侧操作按钮***/ /***模块标题***/ /***标题模块2***/ /***导航模块***/ /***多功能模块***/ /***图文模块***/ /***商品模块***/ /***推荐模块***/ /***顶部头图模块***/ } .xcx-module-container .xcx-module { flex: 1; background: #f5f5f5; position: relative; height: 100%; overflow-y: auto; } .xcx-module-container .xcx-module::-webkit-scrollbar { width: 0; } .xcx-module-container .xcx-nomodule { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .xcx-module-container .xcx-nomodule h2 { font-size: 15px; } .xcx-module-container .xcx-module-item { position: relative; } .xcx-module-container .xcx-module-item .xline { z-index: 2; position: absolute; display: none; } /* .xcx-module-container .xcx-module-item .xline:nth-child(1) { left: 0; border-left: 1px dashed #29c8a1; top: 0; height: 100%; } .xcx-module-container .xcx-module-item .xline:nth-child(2) { left: 0; border-top: 1px dashed #29c8a1; top: 0; width: 100%; } .xcx-module-container .xcx-module-item .xline:nth-child(3) { right: 0; border-right: 1px dashed #29c8a1; top: 0; height: 100%; } .xcx-module-container .xcx-module-item .xline:nth-child(4) { left: 0; border-bottom: 1px dashed #29c8a1; bottom: 0; width: 100%; } */ .xcx-module-container .xcx-module-item.on .xline { display: block; } .xcx-module-container .placeholder { height: 80px; margin: 10px 0; display: flex; justify-content: center; background: #eee; color: #eee; align-items: center; border: 1px dashed #eee; } .xcx-module-container .placeholder.on { color: #29c8a1; border-color: #29c8a1; background: #e4fff1; } .xcx-module-container .xcx-module-option { position: absolute; top: 0; right: -25px; width: 25px; background: rgba(0, 0, 0, 0.6); z-index: 20; } .xcx-module-container .xcx-module-option li { cursor: pointer; } .xcx-module-container .xcx-module-option li span { height: 25px; transform: scale(1); display: block; font-size: 12px; display: flex; justify-content: center; align-items: center; color: #fff; } .xcx-module-container .xcx-module-option li:hover { background: #29c8a1; } .xcx-module-container .module-common { margin-top: 10px; position: relative; } .xcx-module-container .module-common .mg0 { margin-top: 0; } /**预览***/ .xcx-preview { position: fixed; left: 0; right: 0; margin: auto; top: 50%; width: 375px; margin-top: -333px; z-index: 1000; } .xcx-preview .el-icon-close { position: absolute; width: 25px; height: 25px; right: -30px; top: 0; cursor: pointer; color: #fff; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; } .xcx-preview .xcx-module-container { position: static; top: 0; left: 0; box-shadow: none; border-radius: 0; }