| 1 |
- @charset "UTF-8";.el-button-group[data-v-346ec37c]{display:inline-flex;flex-direction:column}.el-button-group[data-v-346ec37c]>.el-button:first-child{border-bottom-color:var(--el-button-divide-border-color);border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:0;border-bottom-left-radius:0}.el-button-group[data-v-346ec37c]>.el-button:last-child{border-top-color:var(--el-button-divide-border-color);border-top-right-radius:0;border-bottom-left-radius:var(--el-border-radius-base);border-top-left-radius:0}.el-button-group[data-v-346ec37c] .el-button--primary:not(:first-child,:last-child){border-top-color:var(--el-button-divide-border-color);border-bottom-color:var(--el-button-divide-border-color)}.el-button-group[data-v-346ec37c]>.el-button:not(:last-child){margin-right:0;margin-bottom:-1px}.component[data-v-c80a400a]{position:relative;cursor:move}.component .component-wrap[data-v-c80a400a]{position:absolute;top:0;left:-2px;display:block;width:100%;height:100%}.component .component-wrap[data-v-c80a400a]:hover{border:1px dashed var(--el-color-primary);box-shadow:0 0 5px #1890ff4d}.component .component-wrap:hover .component-name[data-v-c80a400a]{top:1px;left:-86px}.component .component-wrap .component-name[data-v-c80a400a]{position:absolute;top:2px;left:-85px;display:block;width:80px;height:25px;font-size:12px;line-height:25px;text-align:center;background:#fff;box-shadow:0 0 4px #00000014,0 2px 6px #0000000f,0 4px 8px 2px #0000000a}.component .component-wrap .component-name[data-v-c80a400a]:after{position:absolute;top:7.5px;right:-10px;width:0;height:0;border:5px solid transparent;border-left-color:#fff;content:" "}.component .component-wrap .component-toolbar[data-v-c80a400a]{position:absolute;top:0;right:-55px;display:none}.component .component-wrap .component-toolbar[data-v-c80a400a]:before{position:absolute;top:10px;left:-10px;width:0;height:0;border:5px solid transparent;border-right-color:#2d8cf0;content:" "}.component.active[data-v-c80a400a]{margin-bottom:4px}.component.active .component-wrap[data-v-c80a400a]{margin-bottom:4px;border:2px solid var(--el-color-primary)!important;box-shadow:0 0 10px #1890ff4d}.component.active .component-wrap .component-name[data-v-c80a400a]{top:0!important;left:-87px!important;color:#fff;background:var(--el-color-primary)}.component.active .component-wrap .component-name[data-v-c80a400a]:after{border-left-color:var(--el-color-primary)}.component.active .component-wrap .component-toolbar[data-v-c80a400a]{display:block}.editor-left[data-v-6b7673c8]{z-index:1;flex-shrink:0;box-shadow:8px 0 8px -8px #0000001f}.editor-left[data-v-6b7673c8] .el-collapse{border-top:none}.editor-left[data-v-6b7673c8] .el-collapse-item__wrap{border-bottom:none}.editor-left[data-v-6b7673c8] .el-collapse-item__content{padding-bottom:0}.editor-left[data-v-6b7673c8] .el-collapse-item__header{height:32px;padding:0 24px;line-height:32px;background-color:var(--el-bg-color-page);border-bottom:none}.editor-left .component-container[data-v-6b7673c8]{display:flex;flex-wrap:wrap;align-items:center}.editor-left .component[data-v-6b7673c8]{display:flex;width:86px;height:86px;cursor:move;border-right:1px solid var(--el-border-color-lighter);border-bottom:1px solid var(--el-border-color-lighter);flex-direction:column;align-items:center;justify-content:center}.editor-left .component .el-icon[data-v-6b7673c8]{margin-bottom:4px;color:gray}.editor-left .component.active[data-v-6b7673c8],.editor-left .component[data-v-6b7673c8]:hover{color:var(--el-color-white);background:var(--el-color-primary)}.editor-left .component.active .el-icon[data-v-6b7673c8],.editor-left .component:hover .el-icon[data-v-6b7673c8]{color:var(--el-color-white)}.editor-left .component[data-v-6b7673c8]:nth-of-type(3n){border-right:none}.drag-placement[data-v-6b7673c8]{display:none;color:#fff}.drag-area .draggable-ghost[data-v-6b7673c8]{display:flex;width:100%;height:40px;background:linear-gradient(45deg,#91a8d5 0,#91a8d5 10%,#94b4eb 10%,#94b4eb 50%,#91a8d5 50%,#91a8d5 60%,#94b4eb 60%,#94b4eb);background-size:1rem 1rem;transition:all .5s;justify-content:center;align-items:center}.drag-area .draggable-ghost span[data-v-6b7673c8]{display:inline-block;width:140px;height:25px;font-size:12px;line-height:25px;color:#fff;text-align:center;background:#5487df}.drag-area .draggable-ghost .component[data-v-6b7673c8]{display:none}.drag-area .draggable-ghost .drag-placement[data-v-6b7673c8]{display:block}.editor[data-v-bcea4bc7]{display:flex;height:100%;margin:calc(0px - var(--app-content-padding));flex-direction:column}.editor .editor-header[data-v-bcea4bc7]{display:flex;height:42px;padding:0;background-color:var(--el-bg-color);border-bottom:solid 1px var(--el-border-color);align-items:center;justify-content:space-between}.editor .editor-header .header-right[data-v-bcea4bc7],.editor .editor-header .header-right .el-button[data-v-bcea4bc7]{height:100%}.editor .editor-header[data-v-bcea4bc7] .el-radio-button__inner,.editor .editor-header[data-v-bcea4bc7] .el-button{border-top:none!important;border-bottom:none!important;border-radius:0!important}.editor .editor-container[data-v-bcea4bc7]{height:calc(100vh - var(--top-tool-height) - var(--tags-view-height) - var(--app-footer-height) - 42px)}.editor .editor-container .editor-right[data-v-bcea4bc7]{overflow:hidden;box-shadow:-8px 0 8px -8px #0000001f;flex-shrink:0}.editor .editor-container .editor-right[data-v-bcea4bc7] .el-card__header{padding:8px 16px}.editor .editor-container .editor-right[data-v-bcea4bc7] .property-group{margin:0 -20px}.editor .editor-container .editor-right[data-v-bcea4bc7] .property-group.el-card{border:none}.editor .editor-container .editor-right[data-v-bcea4bc7] .property-group .el-card__header{padding:8px 32px;background:var(--el-bg-color-page);border:none}.editor .editor-container .editor-right[data-v-bcea4bc7] .property-group .el-card__body{border:none}.editor .editor-container .editor-center[data-v-bcea4bc7]{position:relative;display:flex;width:100%;margin:16px 0 0;overflow:hidden;background-color:var(--app-content-bg-color);flex:1 1 0;flex-direction:column;justify-content:center}.editor .editor-container .editor-center .editor-design-top[data-v-bcea4bc7]{display:flex;width:375px;margin:0 auto;flex-direction:column}.editor .editor-container .editor-center .editor-design-top .status-bar[data-v-bcea4bc7]{width:375px;height:20px;background-color:#fff}.editor .editor-container .editor-center .editor-design-bottom[data-v-bcea4bc7]{width:375px;margin:0 auto}.editor .editor-container .editor-center[data-v-bcea4bc7] .editor-design-center{width:100%}.editor .editor-container .editor-center[data-v-bcea4bc7] .editor-design-center .phone-container{position:relative;width:375px;height:100%;margin:0 auto;background-repeat:no-repeat;background-size:100% 100%}.editor .editor-container .editor-center[data-v-bcea4bc7] .editor-design-center .phone-container .drag-area{width:100%;height:100%}.editor .editor-container .editor-center .fixed-component-action-group[data-v-bcea4bc7]{position:absolute;top:0;right:16px;display:flex;flex-direction:column;gap:8px}.editor .editor-container .editor-center .fixed-component-action-group[data-v-bcea4bc7] .el-tag{box-shadow:0 2px 8px #0000001a;border:none}.editor .editor-container .editor-center .fixed-component-action-group[data-v-bcea4bc7] .el-tag .el-tag__content{width:100%;display:flex;align-items:center;justify-content:flex-start}.editor .editor-container .editor-center .fixed-component-action-group[data-v-bcea4bc7] .el-tag .el-tag__content .el-icon{margin-right:4px}
|
