| 1 |
- .setting-container[data-v-668acfda]{padding:20px;background-color:#f0f2f5;min-height:calc(100vh - 60px)}.setting-container .setting-card[data-v-668acfda]{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000f}.setting-container .setting-card .el-form[data-v-668acfda]{padding:20px}.setting-container .custom-tabs[data-v-668acfda] .el-tabs__header{margin-bottom:20px}.setting-container .custom-tabs[data-v-668acfda] .el-tabs__nav-wrap:after{height:1px}.setting-container .operation-bar[data-v-668acfda]{margin-bottom:20px;display:flex;gap:12px;align-items:center}.setting-container .operation-bar .search-input[data-v-668acfda]{width:240px}.setting-container .operation-bar .filter-select[data-v-668acfda]{width:200px}.setting-container .table-container[data-v-668acfda]{background:#fff;border-radius:4px}.setting-container .table-container[data-v-668acfda] .el-table{border-radius:4px;overflow:hidden}.setting-container .table-container[data-v-668acfda] .el-table th{font-weight:600}.setting-container .table-container[data-v-668acfda] .el-table .el-button{padding:4px 8px}.setting-container .table-container[data-v-668acfda] .el-table .el-button .el-icon{margin-right:4px}.setting-container .pagination-container[data-v-668acfda]{padding:20px 0;display:flex;justify-content:flex-end}.setting-container .avatar-uploader .upload-area[data-v-668acfda]{width:148px;height:148px;border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .3s}.setting-container .avatar-uploader .upload-area[data-v-668acfda]:hover{border-color:var(--el-color-primary)}.setting-container .avatar-uploader .upload-area .avatar[data-v-668acfda]{width:100%;height:100%;display:block}.setting-container .avatar-uploader .upload-area .upload-placeholder[data-v-668acfda]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8c939d}.setting-container .avatar-uploader .upload-area .upload-placeholder .el-icon[data-v-668acfda]{font-size:28px;margin-bottom:8px}.setting-container .images-container[data-v-668acfda]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px}.setting-container .images-container .image-item[data-v-668acfda]{background:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;position:relative;aspect-ratio:4/3}.setting-container .images-container .image-item .delete-btn[data-v-668acfda]{position:absolute;top:-10px;right:-10px;z-index:1;padding:4px}.setting-container .images-container .image-item .delete-btn .el-icon[data-v-668acfda]{font-size:14px;margin:0}.setting-container .images-container .image-item[data-v-668acfda]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.setting-container .images-container .image-item .image-title[data-v-668acfda]{margin-top:12px}.setting-container .images-container .el-button[data-v-668acfda]{grid-column:span 1;height:fit-content;margin:auto}@media screen and (max-width: 1200px){.setting-container .images-container[data-v-668acfda]{grid-template-columns:repeat(3,1fr);max-width:800px}}@media screen and (max-width: 768px){.setting-container .images-container[data-v-668acfda]{grid-template-columns:repeat(2,1fr);max-width:600px}}@media screen and (max-width: 480px){.setting-container .images-container[data-v-668acfda]{grid-template-columns:repeat(1,1fr);max-width:300px}}.setting-container .el-icon[data-v-668acfda]{font-size:24px;margin-bottom:8px}.custom-dialog[data-v-668acfda] .el-dialog__body{padding:20px 40px}.custom-dialog .w-full[data-v-668acfda]{width:100%}.operation-buttons[data-v-668acfda]{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.operation-buttons .el-button[data-v-668acfda]{margin:0 4px}.bind-category-container .category-list[data-v-668acfda]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.bind-category-container .category-list .category-tag[data-v-668acfda]{cursor:pointer;transition:all .3s ease}.bind-category-container .category-list .category-tag .tag-content[data-v-668acfda]{display:flex;align-items:center;justify-content:center}.bind-category-container .category-list .category-tag[data-v-668acfda]:hover{background-color:#f0f9eb;color:#67c23a;transform:translateY(-2px)}.bind-category-container .category-list .category-tag .add-icon[data-v-668acfda]{margin-left:5px;font-size:12px}.bind-category-container .selected-categories[data-v-668acfda]{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.bind-category-container .selected-categories .selected-tag[data-v-668acfda]{margin-right:0}.bind-category-container .selected-categories .selected-tag .tag-content[data-v-668acfda]{display:flex;align-items:center}.bound-categories[data-v-668acfda]{display:flex;flex-wrap:wrap}.bound-categories .category-tag[data-v-668acfda]{transition:all .3s ease}.bound-categories .category-tag[data-v-668acfda]:hover{transform:translateY(-2px)}.no-categories[data-v-668acfda]{color:#909399;font-size:13px}
|
