xilan
Version:
基于element-ui开发的组件库，如可行内编辑的表格，跑马灯，省市区三级联动，持续完善中
1 lines • 5.33 kB
CSS
#xl-table[data-v-1d487c86] .iconfont{color:#e60012;margin:0 3px;cursor:pointer}#xl-table[data-v-1d487c86] .xl-td-eite{padding:0}#xl-table[data-v-1d487c86] .el-table{border-radius:8px}#xl-table[data-v-1d487c86] .el-table__header-wrapper .cell{font-weight:700}#xl-table[data-v-1d487c86] .el-table__row .edit-cell{margin-left:3px;color:#e60012}#xl-table[data-v-1d487c86] .el-table__row .is-edit{display:inline-block;width:100%;cursor:pointer}#xl-table[data-v-1d487c86] .el-tooltip .el-button{border:unset;padding:0}#xl-table[data-v-1d487c86] .el-tooltip .is-disabled i{color:#f3c2c5;cursor:not-allowed}#xl-table[data-v-1d487c86] .el-tooltip i{margin:0}#xl-table[data-v-1d487c86] .el-table .descending .sort-caret.descending{border-top-color:#e60012}#xl-table[data-v-1d487c86] .el-table .ascending .sort-caret.ascending{border-bottom-color:#e60012}#xl-table[data-v-1d487c86] .el-table--border td,#xl-table[data-v-1d487c86] .el-table--border th,#xl-table[data-v-1d487c86] .el-table td,#xl-table[data-v-1d487c86] .el-table th.is-leaf{border-color:#e7ebf4}#xl-table[data-v-1d487c86] .inline-edit-input .el-input__inner{border-radius:4px}#xl-table .table-pagination-area[data-v-1d487c86]{width:100%;height:60px;display:flex;justify-content:flex-end;transition:all .3s}#xl-table .table-pagination-area .el-pagination[data-v-1d487c86]{width:100%;height:60px;text-align:right;display:flex;left:0;justify-content:flex-end;align-items:center;box-sizing:border-box}#xl-table .fixedPagination[data-v-1d487c86]{box-shadow:0 0 10px rgba(0,0,0,.12);position:fixed;bottom:0;background:#fff;z-index:99}#xl-table .fixedPagination button[data-v-1d487c86],#xl-table .fixedPagination input[data-v-1d487c86],#xl-table .fixedPagination li[data-v-1d487c86]{background:#f5f7fa}.ssq-cascader .el-tabs__content{display:none}[data-v-2de722f2] .el-scrollbar__bar{right:0}[data-v-2de722f2] .el-scrollbar__wrap{overflow-x:hidden}[data-v-2de722f2] .list-box .el-icon-loading{color:#000}[data-v-2de722f2] .search-input .el-input__inner{border-radius:28px}.list-box[data-v-2de722f2]{overflow:hidden;height:300px;width:100%;position:relative;padding-top:10px}.option-list[data-v-2de722f2]{height:300px;width:300%;position:absolute;transition:left .3s}.city-list[data-v-2de722f2],.prov-list[data-v-2de722f2],.region-list[data-v-2de722f2]{height:300px;width:33.3%;overflow:hidden;float:left}.city-list .list-item[data-v-2de722f2],.prov-list .list-item[data-v-2de722f2],.region-list .list-item[data-v-2de722f2]{display:block;line-height:32px;padding:0 5px 0 15px;cursor:pointer}.city-list .list-item[data-v-2de722f2]:hover,.prov-list .list-item[data-v-2de722f2]:hover,.region-list .list-item[data-v-2de722f2]:hover{background:#f7f7f7}.city-list .list-item.is-active[data-v-2de722f2],.prov-list .list-item.is-active[data-v-2de722f2],.region-list .list-item.is-active[data-v-2de722f2]{background:#f2f2f2}#xl-filter[data-v-2cd4eaa7]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#606266;white-space:nowrap}#xl-filter>.xl-filter-item[data-v-2cd4eaa7]{color:#4c4d57}#xl-filter .xl-filter-item[data-v-2cd4eaa7]{margin:0 10px;box-sizing:border-box;cursor:pointer;font-weight:700}#xl-filter .xl-filter-item.active[data-v-2cd4eaa7]{color:#e60012}#xl-filter .xl-filter-item[data-v-2cd4eaa7] .iconfont{font-size:12px;margin-right:3px;font-weight:700}#xl-filter[data-v-2cd4eaa7] .el-select .el-input__inner{width:120px}.xl-filter-box[data-v-2cd4eaa7]{margin-bottom:10px}.xl-filter-box[data-v-2cd4eaa7] .el-date-editor--daterange.el-input__inner{width:100%}.xl-filter-box[data-v-2cd4eaa7] .el-checkbox__label,.xl-filter-box[data-v-2cd4eaa7] .el-form-item__label,.xl-filter-box[data-v-2cd4eaa7] .el-radio__label{font-size:12px}.xl-filter-box[data-v-2cd4eaa7] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#e60012;border-color:#e60012}.xl-filter-box[data-v-2cd4eaa7] .el-checkbox__input.is-checked+.el-checkbox__label{color:#e60012}.xl-filter-box .el-select[data-v-2cd4eaa7]{width:100%}.el-checkbox[data-v-2cd4eaa7]{margin-right:10px}.el-checkbox[data-v-2cd4eaa7] .el-checkbox__label{padding-left:5px}.el-popper[data-v-2cd4eaa7]{margin-top:0}.el-popper .el-dropdown-menu__item[data-v-2cd4eaa7]:focus,.el-popper .el-dropdown-menu__item[data-v-2cd4eaa7]:not(.is-disabled):hover{color:#e60012;background-color:unset}.selected[data-v-2cd4eaa7]{height:24px}.selected .option-item[data-v-2cd4eaa7]{margin:0 5px;display:inline-block;height:21px;line-height:19px;padding:0 8px;background-color:#fef0f0;border:1px solid #fde2e2;color:#f56c6c;border-radius:2px}.selected .option-item .lable[data-v-2cd4eaa7]{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-right:8px}.selected .option-item .el-icon-close[data-v-2cd4eaa7]{float:right;margin-top:3px;cursor:pointer}.selected .option-item .el-icon-close[data-v-2cd4eaa7]:hover{border-radius:50%;background:#f56c6c;color:#fff}#tooltip[data-v-3e505ee6]{display:flex;position:relative}.text-content[data-v-3e505ee6]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contrast[data-v-3e505ee6]{position:absolute;visibility:hidden;top:0;left:0}.xl-marquee[data-v-6ba13dd6]{overflow:hidden}.xl-marquee-wrapper[data-v-6ba13dd6]{white-space:nowrap;position:relative;float:left;left:0}