logic-helper
Version:
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
2 lines (1 loc) • 12.5 kB
CSS
.dragList[data-v-4c3675cc]{width:500px;height:300px;padding:20px}.dragList-list1[data-v-4c3675cc]{width:120px}.list-complete-item1[data-v-4c3675cc]{cursor:pointer;font-size:14px;padding:0 12px;display:inline-block;margin-bottom:10px;width:100px;height:50px;line-height:50px;border:1px solid #bfcbd9;transition:all 1s}.dragArea1[data-v-4c3675cc]{display:flex;flex-direction:column;justify-content:center;align-items:center}.dragList-list2[data-v-4c3675cc]{margin-top:20px;height:200px;border:1px solid #8a8a8a}.dragArea2[data-v-4c3675cc]{display:flex;align-items:center}.list-complete-item2[data-v-4c3675cc]{cursor:pointer;font-size:14px;padding:0 12px;display:inline-block;margin:10px;width:100px;line-height:30px;text-align:center;border:1px solid #bfcbd9;transition:all 1s}.selector[data-v-a6c90646]{margin:0 auto 20px}.record-selector[data-v-a6c90646]{display:flex;flex-direction:column;height:100%}.record-selector[data-v-a6c90646] .bg-red{background-color:#b03a5b;color:#fff;font-weight:700;font-size:14px}.record-selector .title[data-v-a6c90646]{display:flex;height:44px;line-height:44px;justify-content:space-between;align-items:center;padding:0 12px;margin-bottom:12px;border-bottom:1px solid #f5f5f5}.record-selector .title span[data-v-a6c90646]{padding:0;font-size:14px;font-weight:700}.record-selector .title p[data-v-a6c90646]{display:flex;align-items:center;color:#5470c6}.record-selector .title p span[data-v-a6c90646]{font-size:12px;padding:0;margin-right:4px;font-weight:400}.show-detail-btn[data-v-a6c90646]{cursor:pointer}.el-button[data-v-a6c90646]{border:none;font-weight:700}.btns[data-v-a6c90646]{display:flex;margin:0 auto 20px;width:189px;justify-content:space-between}.item[data-v-a6c90646] .el-button{margin:auto;border:none;font-weight:700}[data-v-a6c90646] .el-table-v2__row-cell{padding:0}[data-v-a6c90646] .el-table-v2__row-cell .cell-content{flex:1;height:100%;justify-content:center;align-items:center;display:flex;cursor:pointer}[data-v-a6c90646] .el-table-v2__row-cell.active_row{background-color:#b03a5b;color:#fff;font-weight:700;font-size:14px}[data-v-a6c90646] .el-table-v2__header-cell-text{margin:auto}.type-selector[data-v-a6c90646]{display:flex;justify-content:space-between;align-items:center}.el-menu-vertical[data-v-6c5a8ae2]{display:flex;flex-direction:row;z-index:100;border-right:1px solid rgba(218,218,220,.6);flex:1;background:#fff}.el-menu-vertical .tools[data-v-6c5a8ae2]{background:#f7f8fa;border-right:1px solid rgba(218,218,220,.6);width:44px;height:100%}.el-menu-vertical .tools li[data-v-6c5a8ae2]{width:100%;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#202020}.el-menu-vertical .tools li[data-v-6c5a8ae2]:hover{background:#f7f8fa}.el-menu-vertical .elements-list[data-v-6c5a8ae2]{width:fit-content;height:100%;flex:1;position:relative}.el-menu-vertical .elements-list[data-v-6c5a8ae2] .el-scrollbar__view{height:100%}.el-menu-vertical .elements-list .close-detail-btn[data-v-6c5a8ae2]{cursor:pointer}.el-menu-vertical .btn[data-v-6c5a8ae2]{width:28px;height:28px;padding:0;border:none;color:#606266}.el-menu-vertical .btn.active[data-v-6c5a8ae2]{color:#fff}[data-v-69f1b7d3] .el-cascader-menu__wrap.el-scrollbar__wrap{height:fit-content}[data-v-69f1b7d3] .el-scrollbar{overflow:auto}.layout-header[data-v-d4b15ffe]{display:flex;height:100%;width:100%}.layout-header .item[data-v-d4b15ffe]{margin:auto 0;padding:0 12px;cursor:pointer}.layout-header .nav[data-v-d4b15ffe]{position:relative;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px}.layout-header .nav[data-v-d4b15ffe]:after{content:"";position:absolute;width:1px;height:16px;right:-1px;top:14px;background:rgba(0,0,0,.1)}.layout-header .btn-group[data-v-d4b15ffe],.layout-header .btns[data-v-d4b15ffe]{width:100%}.layout-header .btn-group .el-button[data-v-d4b15ffe],.layout-header .btns .el-button[data-v-d4b15ffe]{margin:auto 12px;border:none;font-weight:700}.layout-header .btns[data-v-d4b15ffe]{display:flex;align-items:center;width:100%;height:100%}.layout-header .btns p[data-v-d4b15ffe]{display:flex;align-items:center}.layout-header .btns .save-btns[data-v-d4b15ffe]{margin:auto 0 auto auto}code[data-v-d4b15ffe]{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px;text-align:left}.el-col-1[data-v-d4b15ffe]{width:fit-content;max-width:fit-content}.preview[data-v-d4b15ffe]{height:100%;box-sizing:border-box}.error-json .vjs-value-string{color:#f56c6c}[data-v-4e9f2b4e] .el-tabs__content{max-height:60vh;display:flex;flex-direction:column}[data-v-4e9f2b4e] .el-tabs__content .el-tab-pane{display:flex;flex-direction:column;height:0;flex:1;overflow:auto}[data-v-4e9f2b4e] .el-tabs__content .el-tab-pane .el-table--fit{overflow:auto}.vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-check-controller{position:absolute;left:0}.vjs-check-controller.is-checked .vjs-check-controller-inner{background-color:#1890ff;border-color:#0076e4}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after{transform:rotate(45deg) scaleY(1)}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after{transform:translate(-50%,-50%) scale(1)}.vjs-check-controller .vjs-check-controller-inner{display:inline-block;position:relative;border:1px solid #bfcbd9;border-radius:2px;vertical-align:middle;box-sizing:border-box;width:16px;height:16px;background-color:#fff;z-index:1;cursor:pointer;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vjs-check-controller .vjs-check-controller-inner:after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transform-origin:center}.vjs-check-controller .vjs-check-controller-inner.is-radio{border-radius:100%}.vjs-check-controller .vjs-check-controller-inner.is-radio:after{border-radius:100%;height:4px;background-color:#fff;left:50%;top:50%}.vjs-check-controller .vjs-check-controller-original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.vjs-carets{position:absolute;right:0;cursor:pointer}.vjs-carets svg{transition:transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{transform:rotate(-90deg)}.vjs-tree-node{display:flex;position:relative;line-height:20px}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-carets.has-selector,.vjs-tree-node.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node:hover{background-color:#e6f7ff}.vjs-tree-node .vjs-indent{display:flex;position:relative}.vjs-tree-node .vjs-indent-unit{width:1em}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-node-index{position:absolute;right:100%;margin-right:4px}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-value{word-break:break-word}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-boolean,.vjs-value-number{color:#1d8ce0}.vjs-value-string{color:#13ce66}.vjs-tree{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px;text-align:left}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap}.del-record{cursor:pointer}.del-record:hover{color:#f56c6c}.controller[data-v-5a605103]{width:340px;padding:20px 10px;flex:1;background-color:var(--el-background-color-primary);border-left:1px solid rgba(218,218,220,.6);display:flex;flex-direction:column;height:100%;background-color:#fff}.controller[data-v-5a605103] .bg-red{background-color:#b03a5b;color:#fff;font-weight:700;font-size:14px}.controller[data-v-5a605103] .is-disabled{background-color:#aaa;border:none}.controller .title[data-v-5a605103]{display:flex;height:44px;line-height:44px;justify-content:space-between;align-items:center;padding:0 12px;margin-bottom:12px;border-bottom:1px solid #f5f5f5}.controller .title span[data-v-5a605103]{padding:0;font-size:14px;font-weight:700}.controller .title p[data-v-5a605103]{display:flex;align-items:center;color:#5470c6}.controller .title p span[data-v-5a605103]{font-size:12px;padding:0;margin-right:4px;font-weight:400}.controller .el-form-item[data-v-5a605103]{margin-bottom:12px;margin-right:12px;display:flex}.controller .menu-panel-collapse[data-v-5a605103]{border-top:none}.controller[data-v-5a605103] .el-input__wrapper{background:hsla(0,0%,50.2%,.08);color:#202020;border:none;box-shadow:none}.controller[data-v-5a605103] .el-collapse-item__wrap{padding-top:12px;background:hsla(0,0%,50.2%,.08)}.controller .no-padding[data-v-5a605103] .el-collapse-item__wrap .el-collapse-item__content{padding:0}.controller .linkage[data-v-5a605103]{padding-bottom:12px}.controller[data-v-5a605103] .el-collapse-item__header{padding-left:12px}.controller .add-btn[data-v-5a605103]{margin:12px 12px 0 auto;display:block}.controller[data-v-5a605103] .el-divider__text{background-color:#f6f6f6;font-size:12px}.controller .search-element[data-v-5a605103]{margin:12px;width:210px}.controller .progress[data-v-5a605103] .el-slider__runway.show-input{margin-right:10px}.controller .progress[data-v-5a605103] .el-slider__input{width:100px}.controller .progress[data-v-5a605103] .el-slider__input .el-input__wrapper{padding:0}.info-items[data-v-3032fd1c]{box-sizing:border-box}.menu-panel[data-v-e79420a8]{display:flex;flex-direction:column}.menu-panel .el-form-item[data-v-e79420a8]{margin-bottom:14px;margin-right:12px;display:flex}.menu-panel .menu-panel-collapse[data-v-e79420a8]{border-top:none}.menu-panel[data-v-e79420a8] .el-input__wrapper{background:hsla(0,0%,50.2%,.08);color:#202020;border:none;box-shadow:none}.menu-panel[data-v-e79420a8] .el-collapse-item__wrap{padding-top:12px;background:hsla(0,0%,50.2%,.08)}.menu-panel .no-selected-ele[data-v-e79420a8]{text-align:center}.menu-panel .no-padding[data-v-e79420a8] .el-collapse-item__wrap{padding-top:0}.menu-panel .no-padding[data-v-e79420a8] .el-collapse-item__wrap .el-collapse-item__content{padding:0}.menu-panel .linkage[data-v-e79420a8]{padding-bottom:12px}.menu-panel[data-v-e79420a8] .el-collapse-item__header{padding-left:12px}.menu-panel .add-btn[data-v-e79420a8]{margin:12px 12px 0 auto;display:block}.menu-panel .search-element[data-v-e79420a8]{margin:12px;width:210px}.menu-panel .btns[data-v-e79420a8]{margin:20px 12px;display:flex;text-align:center;justify-content:flex-end}[data-v-e79420a8] .type-selector{display:flex;justify-content:space-between;align-items:center}[data-v-e79420a8] .el-form-item__label{margin-top:auto;margin-bottom:auto}.layout-container[data-v-5db169de]{flex-direction:column;height:100%;width:100%;flex:1;min-height:100vh}.layout-container .el-header[data-v-5db169de]{position:relative}.layout-container .el-aside[data-v-5db169de]{color:var(--el-text-color-primary);width:fit-content;display:flex;flex-direction:column}.layout-container .el-menu[data-v-5db169de]{border-right:none}.layout-container .el-main[data-v-5db169de]{padding:0}.layout-container .toolbar[data-v-5db169de]{display:inline-flex;align-items:center;justify-content:center;height:100%;right:20px}.header[data-v-5db169de]{height:44px;line-height:44px;min-width:900px;width:100%;margin:0;position:relative;background:#fff;border-bottom:none;border-bottom:1px solid rgba(218,218,220,.6);z-index:100;box-shadow:0 0 6px rgba(32,34,56,.15);padding:0}.main[data-v-5db169de]{flex:1;display:flex;flex-direction:row;justify-content:space-between;position:relative;height:calc(100vh - 44px)}.aside[data-v-5db169de]{position:relative;z-index:100;background-color:#fff;height:calc(100vh - 44px)}.aside[data-v-5db169de] .el-tabs__nav{width:100%;border-left:1px solid rgba(218,218,220,.6)}.aside[data-v-5db169de] .el-tabs__nav .el-tabs__item{padding:0 20px}.aside[data-v-5db169de] .el-tabs__header{margin:0}.aside[data-v-5db169de] .el-tabs__content{border:none;height:100%}.aside[data-v-5db169de] .el-tabs__content .el-tab-pane{height:100%}.page-box[data-v-5db169de]{width:100%;height:calc(100vh - 42px);flex-grow:1}.close-aside[data-v-5db169de]{cursor:pointer;font-size:20px;margin:12px;color:#999}.close-aside[data-v-5db169de]:hover{color:#333}.collapse-btn[data-v-5db169de]{display:flex;height:44px;line-height:44px;justify-content:space-between;align-items:center;padding:0 12px}.collapse-btn .el-collapse-item__header[data-v-5db169de]{cursor:pointer;font-size:14px;color:#333;font-weight:700}