jiapengyu
2 lines
5.8 KiB
CSS
2 lines
5.8 KiB
CSS
.admin-container[data-v-6d94a812]{min-height:100vh;background:#f5f5f5;padding-bottom:3.75rem}.admin-header[data-v-6d94a812]{display:flex;justify-content:space-between;align-items:center;padding:1.875rem .9375rem .9375rem;background:linear-gradient(135deg,#36f,#254edb)}.admin-header .header-left .header-title[data-v-6d94a812]{font-size:1.25rem;font-weight:700;color:#fff;display:block}.admin-header .header-left .header-subtitle[data-v-6d94a812]{font-size:.75rem;color:rgba(255,255,255,.8);margin-top:.25rem;display:block}.admin-header .header-right[data-v-6d94a812]{display:flex;align-items:center;background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:1.25rem}.admin-header .header-right .add-icon[data-v-6d94a812]{font-size:1rem;color:#fff;margin-right:.25rem}.admin-header .header-right .add-text[data-v-6d94a812]{font-size:.875rem;color:#fff}.search-bar[data-v-6d94a812]{padding:.625rem .9375rem}.search-bar .search-input-wrap[data-v-6d94a812]{display:flex;align-items:center;background:#fff;border-radius:1.25rem;padding:0 .9375rem;box-shadow:0 .0625rem .3125rem rgba(0,0,0,.05)}.search-bar .search-input-wrap .search-icon[data-v-6d94a812]{font-size:.875rem;margin-right:.625rem}.search-bar .search-input-wrap .search-input[data-v-6d94a812]{flex:1;height:2.5rem;font-size:.875rem}.user-list[data-v-6d94a812]{padding:0 .9375rem}.user-card[data-v-6d94a812]{display:flex;align-items:center;background:#fff;border-radius:.625rem;padding:.9375rem;margin-bottom:.625rem;box-shadow:0 .0625rem .3125rem rgba(0,0,0,.05)}.user-card .user-avatar[data-v-6d94a812]{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#36f,#254edb);display:flex;align-items:center;justify-content:center;margin-right:.75rem}.user-card .user-avatar .avatar-icon[data-v-6d94a812]{font-size:1rem;color:#fff;font-weight:700}.user-card .user-info[data-v-6d94a812]{flex:1}.user-card .user-info .user-name[data-v-6d94a812]{font-size:1rem;font-weight:700;color:#333}.user-card .user-info .user-phone[data-v-6d94a812]{font-size:.75rem;color:#999;margin-top:.25rem}.user-card .user-role[data-v-6d94a812]{margin-right:.75rem}.user-card .user-role .role-tag[data-v-6d94a812]{font-size:.6875rem;padding:.25rem .625rem;border-radius:.625rem}.user-card .user-role .role-tag.admin[data-v-6d94a812]{background:#ffebee;color:#e53935}.user-card .user-role .role-tag.collector[data-v-6d94a812]{background:#e3f2fd;color:#1976d2}.user-card .user-actions[data-v-6d94a812]{display:flex}.user-card .user-actions .action-btn[data-v-6d94a812]{width:1.875rem;height:1.875rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:.3125rem}.user-card .user-actions .action-btn.edit[data-v-6d94a812]{background:#fff3e0}.user-card .user-actions .action-btn.delete[data-v-6d94a812]{background:#ffebee}.empty-state[data-v-6d94a812]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.125rem 0}.empty-state .empty-icon[data-v-6d94a812]{font-size:3.125rem;margin-bottom:.625rem}.empty-state .empty-text[data-v-6d94a812]{font-size:.875rem;color:#999}.tab-bar[data-v-6d94a812]{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;padding:.625rem 0 1.875rem;box-shadow:0 -.0625rem .3125rem rgba(0,0,0,.05)}.tab-bar .tab-item[data-v-6d94a812]{flex:1;display:flex;flex-direction:column;align-items:center}.tab-bar .tab-item .tab-icon[data-v-6d94a812]{font-size:1.25rem;margin-bottom:.25rem}.tab-bar .tab-item .tab-text[data-v-6d94a812]{font-size:.6875rem;color:#999}.tab-bar .tab-item.active .tab-text[data-v-6d94a812]{color:#36f;font-weight:700}.modal-overlay[data-v-6d94a812]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal-box[data-v-6d94a812]{width:18.75rem;background:#fff;border-radius:.9375rem;overflow:hidden}.modal-overlay .modal-box .modal-header[data-v-6d94a812]{display:flex;justify-content:space-between;align-items:center;padding:.9375rem;border-bottom:.03125rem solid #eee}.modal-overlay .modal-box .modal-header .modal-title[data-v-6d94a812]{font-size:1.0625rem;font-weight:700;color:#333}.modal-overlay .modal-box .modal-header .modal-close[data-v-6d94a812]{font-size:1.25rem;color:#999;padding:.3125rem}.modal-overlay .modal-box .modal-body[data-v-6d94a812]{padding:.9375rem}.modal-overlay .modal-box .modal-body .form-group[data-v-6d94a812]{margin-bottom:.9375rem}.modal-overlay .modal-box .modal-body .form-group .form-label[data-v-6d94a812]{font-size:.875rem;color:#666;margin-bottom:.5rem;display:block}.modal-overlay .modal-box .modal-body .form-group .form-input[data-v-6d94a812]{width:100%;height:2.5rem;border:.0625rem solid #eee;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;box-sizing:border-box}.modal-overlay .modal-box .modal-body .form-group .role-options[data-v-6d94a812]{display:flex}.modal-overlay .modal-box .modal-body .form-group .role-options .role-option[data-v-6d94a812]{flex:1;height:2.5rem;border:.0625rem solid #eee;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;margin-right:.625rem}.modal-overlay .modal-box .modal-body .form-group .role-options .role-option[data-v-6d94a812]:last-child{margin-right:0}.modal-overlay .modal-box .modal-body .form-group .role-options .role-option.active[data-v-6d94a812]{border-color:#36f;color:#36f;background:rgba(51,102,255,.1)}.modal-overlay .modal-box .modal-footer[data-v-6d94a812]{display:flex;border-top:.03125rem solid #eee}.modal-overlay .modal-box .modal-footer .modal-btn[data-v-6d94a812]{flex:1;height:2.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem}.modal-overlay .modal-box .modal-footer .modal-btn.cancel[data-v-6d94a812]{color:#666;border-right:.03125rem solid #eee}.modal-overlay .modal-box .modal-footer .modal-btn.confirm[data-v-6d94a812]{color:#36f;font-weight:700}
|