wt-customize
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) • 5.49 kB
CSS
@charset "UTF-8";.aside-left[data-v-546508d4]{width:24%;height:100%}.aside-left .aside-title[data-v-546508d4]{text-align:center;font-size:13px;background:#409eff;margin:12px 12px 0;padding:8px;border-radius:4px;color:#fff}.aside-left .items[data-v-546508d4]{padding:12px;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:1}.aside-left .items>.item[data-v-546508d4]{width:calc(50% - 6px);font-size:12px;margin-bottom:12px}.aside-left .items>.item>.label[data-v-546508d4]{cursor:pointer;border-radius:4px;border:1px solid #ddd;padding:4px 12px}.list-item[data-v-2e9f561a]{display:flex;margin-bottom:10px}.list-item[data-v-2e9f561a]:last-child{margin-bottom:0}.list-item .item-option[data-v-2e9f561a]{display:flex;align-items:center}.list-item .item-option>span[data-v-2e9f561a]{font-size:13px;color:#666;margin-right:6px}.list-item .item-option .el-input[data-v-2e9f561a]{width:80px;margin-right:10px}.list-item .item-option .icon[data-v-2e9f561a]{font-weight:bolder;font-size:18px;cursor:pointer}.list-item .item-option .icon.remove[data-v-2e9f561a]{color:salmon}.list-item .item-option .icon.append[data-v-2e9f561a]{color:#87ceeb;margin-left:5px}.list-item[data-v-2b0e5fae]{display:flex;margin-bottom:10px}.list-item[data-v-2b0e5fae]:last-child{margin-bottom:0}.list-item .item-option[data-v-2b0e5fae]{display:flex;align-items:center}.list-item .item-option>span[data-v-2b0e5fae]{font-size:13px;color:#666;margin-right:6px}.list-item .item-option .el-input[data-v-2b0e5fae]{width:80px;margin-right:10px}.list-item .item-option .icon[data-v-2b0e5fae]{font-weight:bolder;font-size:18px;cursor:pointer}.list-item .item-option .icon.remove[data-v-2b0e5fae]{color:salmon}.list-item .item-option .icon.append[data-v-2b0e5fae]{color:#87ceeb;margin-left:5px}.list-item[data-v-a13db016]{display:flex;margin-bottom:10px}.list-item[data-v-a13db016]:last-child{margin-bottom:0}.list-item .item-option[data-v-a13db016]{display:flex;align-items:center}.list-item .item-option>span[data-v-a13db016]{font-size:13px;color:#666;margin-right:6px}.list-item .item-option .el-input[data-v-a13db016]{width:80px;margin-right:10px}.list-item .item-option .icon[data-v-a13db016]{font-weight:bolder;font-size:18px;cursor:pointer}.list-item .item-option .icon.remove[data-v-a13db016]{color:salmon}.list-item .item-option .icon.append[data-v-a13db016]{color:#87ceeb;margin-left:5px}.show-text[data-v-32971d34]{display:inline-block;width:80%;vertical-align:top;margin-left:12px}.show-text .el-input[data-v-32971d34]{width:60%;display:block;margin-bottom:12px}.show-text .el-input[data-v-32971d34]:last-child{margin-bottom:0}.label[data-v-18d52653]{font-size:13px;color:#888}.label[data-v-5c5d0268]{font-size:13px;color:#888}.label[data-v-71690bb9]{font-size:13px;color:#888}.aside-title[data-v-1758dc2a]{text-align:center;font-size:13px;background:#909399;padding:8px;border-radius:4px;color:#fff;margin-bottom:12px;position:relative}.aside-title .icon[data-v-1758dc2a]{color:#fff;position:absolute;right:10px;cursor:pointer}.aside-right[data-v-1db7147a]{width:32%;font-size:13px;padding:12px;max-height:100%;overflow:auto}.aside-right[data-v-1db7147a]::-webkit-scrollbar{width:6px;height:1px}.aside-right[data-v-1db7147a]::-webkit-scrollbar-thumb{border-radius:6px;box-shadow:inset 0 0 5px #0003;background:#e5e9ee}.aside-right[data-v-1db7147a]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #0003;border-radius:6px;background:#ededed}.aside-right .aside-title[data-v-1db7147a]{text-align:center;font-size:13px;background:#e6a23c;padding:8px;border-radius:4px;color:#fff;margin-bottom:12px}.custom-form[data-v-08ba28a0]{height:100%;display:flex;user-select:none}.custom-form .title[data-v-08ba28a0]{text-align:center;font-size:13px;background:#67c23a;padding:8px;border-radius:4px;color:#fff;margin-top:12px}.custom-form .title .icon[data-v-08ba28a0]{cursor:pointer;vertical-align:middle;margin-left:2px}.custom-form .title .el-input[data-v-08ba28a0]{height:16px;line-height:16px;margin-top:-10px;width:500px}.custom-form .title .el-input input[data-v-08ba28a0]{height:16px;line-height:16px}.custom-form>main[data-v-08ba28a0]{flex:1;max-height:100%}.custom-form>main.pdf[data-v-08ba28a0]{padding-right:12px}.custom-form>main>.form-edit[data-v-08ba28a0]{margin:12px 0;position:relative;height:calc(100% - 60px);overflow:auto}.custom-form>main>.form-edit .item-wrap[data-v-08ba28a0]{border-radius:6px}.custom-form>main>.form-edit .item-wrap.isTarget[data-v-08ba28a0]{background:rgba(235,59,15,.25)}.custom-form>main>.form-edit .item-wrap.isCurrent[data-v-08ba28a0]{background:rgba(9,236,27,.25)}.custom-form>main>.form-edit .item[data-v-08ba28a0]{border:1px solid #ddd;padding:12px;margin-bottom:12px;border-radius:6px;font-size:13px;position:relative}.custom-form>main>.form-edit .item .flow-icon[data-v-08ba28a0]{position:absolute;top:-8px;right:-8px;color:red;font-size:20px;cursor:pointer;z-index:101;font-weight:bolder}.custom-form>main>.form-edit .item[data-v-08ba28a0]:after{display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(202,238,245,.15);z-index:100}.custom-form>main>.form-edit[data-v-08ba28a0]::-webkit-scrollbar{width:6px;height:1px}.custom-form>main>.form-edit[data-v-08ba28a0]::-webkit-scrollbar-thumb{border-radius:6px;box-shadow:inset 0 0 5px #0003;background:#e5e9ee}.custom-form>main>.form-edit[data-v-08ba28a0]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #0003;border-radius:6px;background:#ededed}