2 lines
14 KiB
CSS
2 lines
14 KiB
CSS
.container[data-v-58a965c2]{margin-top:200px;display:flex;flex-direction:column;justify-content:center;align-content:center;text-align:center}.container .title[data-v-58a965c2]{font-size:28px;font-weight:700}.container .search[data-v-58a965c2]{margin-top:30px}.container .search .search-condition .n-input[data-v-58a965c2],.container .search .search-condition .n-select[data-v-58a965c2]{border-radius:50px;overflow:hidden;width:168px}.container .btn[data-v-58a965c2]{margin-top:60px}.container .btn .n-button[data-v-58a965c2]{width:240px;height:30px;border-radius:15px;background-color:#ffbf6b;color:#fff}.container .btn .n-button .icon[data-v-58a965c2]{font-size:18px}.container .btn .n-button label[data-v-58a965c2]{margin-left:5px;cursor:pointer}.container[data-v-4f9ace5d]{margin-top:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.container .title[data-v-4f9ace5d]{font-size:28px;font-weight:700}.container .search[data-v-4f9ace5d]{margin-top:30px;border:2px solid rgba(3,220,220,.863);border-radius:3px;position:relative}.container .search .search-btn[data-v-4f9ace5d]{font-size:30px;padding:3px;color:#525e71;position:absolute;top:1px;right:0;cursor:pointer}.container .search input[data-v-4f9ace5d]{width:600px;padding:0 40px 0 15px;height:37px;border:none;outline:none}.container .notes[data-v-4f9ace5d]{margin-top:22px;font-size:12px}.container[data-v-76a1a08d]{min-width:840px;font-size:12px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.container .btn[data-v-76a1a08d]{height:20px;line-height:20px;display:inline-block;padding:0 10px;border-radius:5px;margin:0 2px;cursor:pointer}.container .btn.active[data-v-76a1a08d]{color:#3894ff}.container .btn.first[data-v-76a1a08d],.container .btn.before[data-v-76a1a08d],.container .btn.after[data-v-76a1a08d],.container .btn.last[data-v-76a1a08d]{display:flex;justify-content:center;align-items:center;font-size:18px;min-width:18px;border:1px solid #fff}.container .jump[data-v-76a1a08d]{padding:0 5px;display:flex;align-items:center}.container .jump .n-input-number[data-v-76a1a08d]{margin:0 3px;width:60px}.container .jump .n-button[data-v-76a1a08d]{height:22px;color:#fff;margin-left:5px}.container .n-select[data-v-76a1a08d]{width:100px;margin:0 2px}.container .title[data-v-c7bb3cc3]{border-bottom:1px solid #fff;padding:10px 0}.container .title label[data-v-c7bb3cc3]{font-size:20px}.container .title a[data-v-c7bb3cc3]{color:#eee;font-size:13px}.container .body[data-v-c7bb3cc3]{width:840px;min-height:10px;padding:10px 0}.container .body .no-data[data-v-c7bb3cc3]{width:840px;text-align:center}.container .body .card[data-v-c7bb3cc3]{width:385px;padding:10px;background-color:#ffffffbf;border-radius:10px;position:relative;cursor:pointer;transition:box-shadow .3s}.container .body .card[data-v-c7bb3cc3]:hover{box-shadow:3px 3px 6px #0000004d}.container .body .card .top[data-v-c7bb3cc3]{display:flex;align-items:center;text-align:left}.container .body .card .top .info[data-v-c7bb3cc3]{color:#000;font-size:12px;width:380px}.container .body .card .top .info .line[data-v-c7bb3cc3]{display:flex;align-items:center;justify-content:space-between}.container .body .card .top .info .line .name[data-v-c7bb3cc3]{font-size:14px;font-weight:700}.container .body .card .top .info .line .sex[data-v-c7bb3cc3]{background-color:#4095e5;padding:2px 10px;color:#fff;border-radius:15px;transform:scale(.8)}.container .body .card .top .info .line .female[data-v-c7bb3cc3]{background-color:#ff919c}.container .body .card .top .info .line .id-card .type[data-v-c7bb3cc3]{margin-right:5px}.container .body .card .top .info .line .phone[data-v-c7bb3cc3]{display:flex;align-items:center}.container .body .card .top .info .line .phone .num[data-v-c7bb3cc3]{margin-left:5px;margin-right:0}.container .body .card .top .info .tags[data-v-c7bb3cc3]{color:#fff;width:320px;height:38px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.container .body .card .top .info .tags span[data-v-c7bb3cc3]{display:inline-block;margin-right:3px;background-color:red;padding:1px 10px;border-radius:10px;font-size:12px;transform:scale(.8)}.container .body .card .top .info .tags .orange[data-v-c7bb3cc3]{background-color:orange}.container .body .card .top .info .tags .yellow[data-v-c7bb3cc3]{background-color:#ff0;color:#000}.container .body .card .top .info .tags .blue[data-v-c7bb3cc3]{background-color:#00f}.container .body .card .top .info .tags .green[data-v-c7bb3cc3]{background-color:green}.container .body .card .top .info .tags .grey[data-v-c7bb3cc3]{background-color:gray}.container .body .card .bottom[data-v-c7bb3cc3]{padding-top:14px}.container .body .card .bottom table[data-v-c7bb3cc3]{width:386px;border:0;border-collapse:collapse}.container .body .card .bottom table thead[data-v-c7bb3cc3]{background-color:#81b3373b;color:#567722}.container .body .card .bottom table tbody .text[data-v-c7bb3cc3]{width:62px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;transform:scale(.8)}.container .body .card .divider[data-v-c7bb3cc3]{border:1px dotted #fefefe;position:absolute;top:100px;left:0;width:404px}.container .body .card .divider[data-v-c7bb3cc3]:before{content:" ";display:block;width:10px;height:10px;background-color:#34588c;position:absolute;left:-6px;top:-5px;border-radius:10px}.container .body .card .divider[data-v-c7bb3cc3]:after{content:" ";display:block;width:10px;height:10px;background-color:#34588c;position:absolute;right:-6px;top:-5px;border-radius:10px}.container .footer[data-v-c7bb3cc3]{border-top:1px solid #fff;padding:10px 0}.container .title[data-v-c91e0971]{border-bottom:1px solid #fff;padding:10px 0}.container .title label[data-v-c91e0971]{font-size:20px}.container .title a[data-v-c91e0971]{font-size:13px}.container .title .search[data-v-c91e0971]{border-radius:3px;position:relative}.container .title .search .search-btn[data-v-c91e0971]{font-size:30px;padding:3px;color:#525e71;position:absolute;top:1px;right:0;cursor:pointer}.container .title .search input[data-v-c91e0971]{width:320px;padding:0 40px 0 15px;height:32px;border:none;outline:none}.container .body[data-v-c91e0971]{width:840px;min-height:10px;padding:10px 0}.container .body .no-data[data-v-c91e0971]{width:840px;text-align:center}.container .body .card[data-v-c91e0971]{width:385px;padding:10px;background-color:#ffffffbf;border-radius:10px;position:relative;cursor:pointer;transition:box-shadow .3s}.container .body .card[data-v-c91e0971]:hover{box-shadow:3px 3px 6px #0000004d}.container .body .card .top[data-v-c91e0971]{display:flex;align-items:center;text-align:left}.container .body .card .top .info[data-v-c91e0971]{color:#000;font-size:12px;width:380px;margin-left:10px}.container .body .card .top .info .line[data-v-c91e0971]{display:flex;align-items:center;justify-content:start}.container .body .card .top .info .line span[data-v-c91e0971]{margin-right:10px}.container .body .card .top .info .line .title[data-v-c91e0971]{font-size:14px;font-weight:700;border:none;padding:0}.container .body .card .top .info .line .type[data-v-c91e0971]{background-color:#4095e5;padding:2px 10px;color:#fff;border-radius:15px;transform:scale(.8)}.container .body .card .top .info .line .population[data-v-c91e0971]{display:flex;align-items:center}.container .body .card .top .info .line .population .name[data-v-c91e0971]{margin-left:5px;margin-right:0}.container .body .card .top .info .tags[data-v-c91e0971]{color:#fff;width:320px;height:38px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.container .body .card .top .info .tags span[data-v-c91e0971]{margin-right:3px;background-color:red;padding:1px 10px;border-radius:10px;font-size:12px;transform:scale(.8)}.container .body .card .top .info .tags .orange[data-v-c91e0971]{background-color:orange}.container .body .card .top .info .tags .yellow[data-v-c91e0971]{background-color:#ff0;color:#000}.container .body .card .top .info .tags .blue[data-v-c91e0971]{background-color:#00f}.container .body .card .top .info .tags .green[data-v-c91e0971]{background-color:green}.container .body .card .top .info .tags .grey[data-v-c91e0971]{background-color:gray}.container .body .card .bottom[data-v-c91e0971]{margin-top:14px}.container .body .card .bottom table[data-v-c91e0971]{width:386px;border:0;border-collapse:collapse}.container .body .card .bottom table thead[data-v-c91e0971]{background-color:#81b3373b;color:#567722}.container .body .card .bottom table tbody .text[data-v-c91e0971]{width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;transform:scale(.8)}.container .body .card .divider[data-v-c91e0971]{border:1px dotted #fefefe;position:absolute;top:74px;left:0;width:404px}.container .body .card .divider[data-v-c91e0971]:before{content:" ";display:block;width:10px;height:10px;background-color:#34588c;position:absolute;left:-6px;top:-5px;border-radius:10px}.container .body .card .divider[data-v-c91e0971]:after{content:" ";display:block;width:10px;height:10px;background-color:#34588c;position:absolute;right:-6px;top:-5px;border-radius:10px}.container .footer[data-v-c91e0971]{border-top:1px solid #fff;padding:10px 0}.container[data-v-ac4dd0f3]{--var-left-width: 600px;--var-right-width: 230px;--var-parents-width: 200px;padding-bottom:10px}.container .top[data-v-ac4dd0f3]{padding:10px 0;font-weight:700;display:flex;align-items:center}.container .top .go-back[data-v-ac4dd0f3]{margin-left:10px;cursor:pointer}.container .body[data-v-ac4dd0f3]{display:flex;justify-content:space-between}.container .left[data-v-ac4dd0f3]{width:var(--var-left-width)}.container .left table[data-v-ac4dd0f3]{width:100%;border-collapse:collapse;font-size:12px}.container .left table td[data-v-ac4dd0f3]{border:1px solid rgba(255,255,255,.25);padding:4px}.container .left table td label[data-v-ac4dd0f3]{font-weight:700;width:100%;display:inline-block;text-align:center;color:#93d2f3}.container .left table td .value[data-v-ac4dd0f3]{min-width:60px;min-height:20px;text-align:center}.container .left table td .tags[data-v-ac4dd0f3]{color:#fff;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.container .left table td .tags span[data-v-ac4dd0f3]{display:inline-block;margin-right:2px;background-color:red;padding:1px 8px;border-radius:10px;font-size:12px;transform:scale(.8)}.container .left table td .tags .orange[data-v-ac4dd0f3]{background-color:orange}.container .left table td .tags .yellow[data-v-ac4dd0f3]{background-color:#ff0;color:#000}.container .left table td .tags .blue[data-v-ac4dd0f3]{background-color:#00f}.container .left table td .tags .green[data-v-ac4dd0f3]{background-color:green}.container .left table td .tags .grey[data-v-ac4dd0f3]{background-color:gray}.container .left table .relationship[data-v-ac4dd0f3]{width:calc(var(--var-left-width) - var(--var-parents-width) - 15px);height:100%;background-color:#efefef1a}.container .right[data-v-ac4dd0f3]{width:var(--var-right-width);font-size:12px}.container .right .title[data-v-ac4dd0f3]{background-color:#efefef1a;padding:10px}.container .right .list[data-v-ac4dd0f3]{margin-top:10px;max-height:533px;overflow:auto;padding:5px 5px 180px;background-color:#efefef1a;background-image:url(../assets/images/population-house-bg.png);background-size:100%;background-repeat:no-repeat;background-position:bottom}.container .right .list .card[data-v-ac4dd0f3]{padding:5px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.5);cursor:pointer}.container .right .list .card .line[data-v-ac4dd0f3]{display:flex;align-items:center;margin-bottom:5px}.container .right .list .card .line img[data-v-ac4dd0f3]{width:15px;height:15px;margin-right:2px}.container .right .list .card .line span[data-v-ac4dd0f3]{color:#93d2f3}.container .right .list .card[data-v-ac4dd0f3]:last-child{margin-bottom:0;border-bottom:none}.container[data-v-d416ea4e]{--var-left-width: 600px;--var-right-width: 230px;--var-parents-width: 200px;--var-label-width: 70px;--var-value-width: 100px;padding-bottom:10px}.container .top[data-v-d416ea4e]{padding:10px 0;font-weight:700}.container .body[data-v-d416ea4e]{display:flex;justify-content:space-between}.container .left[data-v-d416ea4e]{width:var(--var-left-width)}.container .left .group .title[data-v-d416ea4e]{font-weight:700;padding:10px 0;display:flex;align-items:center}.container .left .group .title .go-back[data-v-d416ea4e]{margin-left:10px;cursor:pointer}.container .left .group .content table[data-v-d416ea4e]{width:100%;border-collapse:collapse;font-size:12px}.container .left .group .content table td[data-v-d416ea4e]{border:1px solid rgba(255,255,255,.25);padding:4px}.container .left .group .content table td label[data-v-d416ea4e]{font-weight:700;width:100%;display:inline-block;text-align:center;color:#93d2f3}.container .left .group .content table td .value[data-v-d416ea4e]{min-width:60px;min-height:20px;text-align:center}.container .right[data-v-d416ea4e]{width:var(--var-right-width);height:550px;overflow:auto;font-size:12px;margin-top:44px}.container .right .title[data-v-d416ea4e]{background-color:#efefef1a;padding:10px}.container .right .list[data-v-d416ea4e]{margin-top:10px;overflow:auto;padding:5px 5px 180px;background-color:#efefef1a;background-image:url(../assets/images/house-population-bg.png);background-size:100%;background-repeat:no-repeat;background-position:bottom}.container .right .list .card[data-v-d416ea4e]{padding:5px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.5);cursor:pointer}.container .right .list .card .line[data-v-d416ea4e]{display:flex;align-items:center;margin-bottom:5px}.container .right .list .card .line img[data-v-d416ea4e]{width:15px;height:15px;margin-right:2px}.container .right .list .card .line span[data-v-d416ea4e]{color:#93d2f3}.container .right .list .card[data-v-d416ea4e]:last-child{margin-bottom:0;border-bottom:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#062758;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{min-height:100%}body{margin:0;min-width:320px;min-height:100%;color:#fff}#app{height:100%;max-width:840px;margin:0 auto}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#062758}a:hover{color:#747bff}}
|