878 行
14 KiB
CSS
878 行
14 KiB
CSS
.font-size-14 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.font-size-12 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.background-white {
|
|
background: #fff;
|
|
}
|
|
|
|
.background-7536D0 {
|
|
background: #7536D0;
|
|
}
|
|
|
|
.color-666 {
|
|
color: #666;
|
|
}
|
|
|
|
.color-444 {
|
|
color: #444;
|
|
}
|
|
|
|
.color-999 {
|
|
color: #999;
|
|
}
|
|
|
|
.color-active {
|
|
color: #7536D0;
|
|
}
|
|
|
|
.color-active-1 {
|
|
color: #FFB333;
|
|
}
|
|
|
|
.margin-left-10 {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.margin-right-20 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.display-flex {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.display-flex-c {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.display-flex-column {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.common-btn {
|
|
width: 80px;
|
|
line-height: 28px;
|
|
height: 30px;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px;
|
|
color: #666;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.common-btn-active {
|
|
color: #fff;
|
|
background: #7536D0;
|
|
border: 1px solid #7536D0;
|
|
}
|
|
|
|
.border-bottom {
|
|
border-bottom: 1px solid #ebeef5;
|
|
}
|
|
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
label {
|
|
margin: 0;
|
|
}
|
|
|
|
/* 选择 */
|
|
.screen {
|
|
border-radius: 6px;
|
|
padding: 10px 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.screen-title {
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
|
|
.screen-con {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
/* margin-top: 20px; */
|
|
}
|
|
|
|
.header-select-item,
|
|
.header-input-item,
|
|
.header-button-item {
|
|
margin-right: 30px;
|
|
margin-bottom: 14px;
|
|
width: 242px;
|
|
}
|
|
|
|
.header-select-item .el-select {
|
|
width: 100px;
|
|
}
|
|
|
|
.header-input-item .header-input-tip {
|
|
margin-right: 14px;
|
|
}
|
|
|
|
.header-input-item .el-input {
|
|
width: 176px;
|
|
}
|
|
|
|
.order-time {
|
|
padding: 0 6px;
|
|
height: 32px;
|
|
border: 1px solid #DCDFE6;
|
|
border-radius: 4px 0px 0px 4px;
|
|
border-right: none;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.header-button-select {
|
|
background: #7536D0;
|
|
color: #fff;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.order-refresh {
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 1px solid #ebeef5;
|
|
border-radius: 4px;
|
|
margin-right: 14px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.order-refresh i {
|
|
/* animation-name:go; */
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite
|
|
}
|
|
|
|
.order-refresh .focusi {
|
|
animation-name: go;
|
|
|
|
}
|
|
|
|
@keyframes go {
|
|
0% {
|
|
transform: rotateZ(0);
|
|
}
|
|
|
|
100% {
|
|
transform: rotateZ(360deg);
|
|
}
|
|
}
|
|
|
|
.font-size-13 {
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* table */
|
|
.vue-table {
|
|
padding: 20px 20px 30px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.item-box {
|
|
margin-bottom: 8px;
|
|
color: #444;
|
|
width: 100%;
|
|
}
|
|
|
|
.expand-item-container {
|
|
/* flex: 1; */
|
|
}
|
|
|
|
.expand-item {
|
|
width: 104px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-right: 1px solid #ebeef5;
|
|
border-bottom: 1px solid #ebeef5;
|
|
}
|
|
|
|
.expand-item-1 {
|
|
width: 640px;
|
|
border-left: 1px solid #ebeef5;
|
|
}
|
|
|
|
.item-box-item-1-row {
|
|
width: 100%;
|
|
height: 80px;
|
|
padding: 16px 14px 14px;
|
|
}
|
|
|
|
.expand-item-4 {
|
|
width: 136px;
|
|
}
|
|
|
|
.expand-item-5 {
|
|
width: 94px;
|
|
}
|
|
|
|
.expand-item-9 {
|
|
flex-direction: column;
|
|
flex: 1;
|
|
}
|
|
|
|
.expand-item-opt {
|
|
flex: 1;
|
|
}
|
|
|
|
.item-box-item-more-margin {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.item-box-item-name {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.item-box-item-name .popover-item {
|
|
margin-bottom: 13px;
|
|
}
|
|
|
|
.popover-item-1 {
|
|
height: 30px;
|
|
}
|
|
|
|
.item-box-item-detail {
|
|
flex: 1;
|
|
min-width: 80px;
|
|
text-align: center;
|
|
}
|
|
|
|
.table-img {
|
|
width: 60px;
|
|
height: 60px;
|
|
margin-right: 14px;
|
|
border: 1px solid #e6e6ee;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.goods-title {
|
|
width: 526px;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.goods-title-ellipsis {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
}
|
|
|
|
.el-collapse-item__header {
|
|
border: none;
|
|
}
|
|
|
|
.el-collapse-item__content {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.el-radio-button__inner:hover {
|
|
color: #666;
|
|
}
|
|
|
|
.el-table__expanded-cell[class*=cell] {
|
|
padding: 0;
|
|
}
|
|
|
|
.el-table__fixed-right {
|
|
height: 161px;
|
|
}
|
|
|
|
tr {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.vue-table .el-table__row {
|
|
background: #F9F9F9 !important;
|
|
height: 30px !important;
|
|
}
|
|
|
|
.vue-table .el-table--enable-row-hover .el-table__body tr:hover > td {
|
|
background: none;
|
|
}
|
|
|
|
.vue-table .el-table td {
|
|
padding: 0;
|
|
border-top: 1px solid #ebeef5;
|
|
}
|
|
|
|
.el-table::before {
|
|
height: 0;
|
|
}
|
|
|
|
.el-table_1_column_2 .cell {
|
|
text-align: left;
|
|
padding: 0;
|
|
}
|
|
|
|
.el-table__fixed-right::before,
|
|
.el-table__fixed::before {
|
|
|
|
height: 0;
|
|
|
|
}
|
|
|
|
.operation-btn {
|
|
width: 26px;
|
|
height: 26px;
|
|
padding: 0;
|
|
}
|
|
|
|
.vue-table .el-table td,
|
|
.vue-table .el-table th.is-leaf {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.delete-btn {
|
|
width: 90px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border: 1px solid #F56C6C;
|
|
border-radius: 4px;
|
|
color: #F56C6C;
|
|
text-align: center;
|
|
float: left;
|
|
}
|
|
|
|
.pay-type {
|
|
padding: 0 5px;
|
|
height: 20px;
|
|
background: #E9E2F5;
|
|
border-radius: 4px;
|
|
display: block;
|
|
color: #8A44FC;
|
|
border: 1px solid #B698E7;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.type-alipay {
|
|
border-color: #94BEFB;
|
|
background: #E0EAF9;
|
|
color: #3096FF;
|
|
}
|
|
|
|
.type-group {
|
|
border-color: #7d82f5;
|
|
background: #e3e3eb;
|
|
color: #753ECD;
|
|
}
|
|
|
|
.type-wechat {
|
|
border-color: #A2E8C4;
|
|
background: #E4F5EC;
|
|
color: #4AD88E;
|
|
}
|
|
|
|
.type-score {
|
|
border-color: #F8DCAE;
|
|
background: #FDF5E8;
|
|
color: #F2BA5E;
|
|
}
|
|
|
|
.see-detail {
|
|
width: 70px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
background: rgba(243, 239, 251, 1);
|
|
border: 1px solid rgba(117, 62, 205, 1);
|
|
border-radius: 18px;
|
|
}
|
|
|
|
.popover-item-left {
|
|
width: 50px;
|
|
display: block;
|
|
}
|
|
|
|
/*.order-dialog*/
|
|
.order-dialog .cell {
|
|
font-size: 12px;
|
|
color: #666;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.el-dialog__body {
|
|
padding-top: 10px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.order-dialog .el-dialog__title,
|
|
.el-table thead,
|
|
.has-gutter,
|
|
.order-dialog .el-table,
|
|
.el-form-item__label {
|
|
color: #666;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.order-dialog .el-table th {
|
|
background: #F3F3F3;
|
|
}
|
|
|
|
.order-dialog .el-table td {
|
|
border-bottom: 1px solid #EBEEF5;
|
|
height: 75px;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.order-dialog .el-table td .cell {
|
|
height: 65px !important;
|
|
justify-content: center;
|
|
}
|
|
|
|
.el-form-item {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.skill-item,
|
|
.groupon-item {
|
|
/* width: 40px; */
|
|
height: 20px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
background: rgba(254, 147, 135, 1);
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.groupon-item {
|
|
background: #A17BDF;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.groupon-item-alone {
|
|
cursor: auto;
|
|
}
|
|
|
|
.el-dialog {
|
|
border-radius: 6px;
|
|
width: 600px !important;
|
|
}
|
|
|
|
.el-dialog__title {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-input__icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.margin-right-5 {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.el-form-item__label,
|
|
.el-radio__label,
|
|
.el-form-item__content,
|
|
.el-select-dropdown__item,
|
|
.el-table {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.el-form-item {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.page-container {
|
|
justify-content: flex-end;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.el-select-dropdown__item.selected {
|
|
color: #7536D0;
|
|
}
|
|
|
|
/* select分页 */
|
|
.select-page-container {
|
|
position: relative;
|
|
}
|
|
|
|
.select-option-container {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.select-option-container .option-id {
|
|
width: 100px;
|
|
text-align: left;
|
|
}
|
|
|
|
.select-option-container .option-code {
|
|
width: 180px;
|
|
text-align: left;
|
|
}
|
|
|
|
.select-option-container .option-name {
|
|
flex: 1;
|
|
}
|
|
|
|
.select-pagination {
|
|
position: sticky;
|
|
background: #fff;
|
|
height: 28px;
|
|
top: 0;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.select-pagination .pagination {
|
|
margin: 0;
|
|
}
|
|
|
|
.select-pagination .el-pagination__sizes {
|
|
display: none !important;
|
|
}
|
|
|
|
.select-pagination-jumper {
|
|
cursor: pointer;
|
|
color: #7438D5;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.vue-table .el-table td .cell {
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.screen-container {
|
|
line-height: 32px;
|
|
padding: 0 20px;
|
|
background: #FFFFFF;
|
|
box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.06);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.screen-container-left,
|
|
.screen-container-right {
|
|
margin-top: 14px;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.arrow-close i {
|
|
animation-iteration-count: infinite;
|
|
transform: rotateZ(0deg);
|
|
}
|
|
|
|
.arrow-close {
|
|
width: 36px;
|
|
height: 32px;
|
|
margin-left: 20px;
|
|
background: #7438D5;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.arrow-open {
|
|
width: 36px;
|
|
height: 32px;
|
|
margin-left: 20px;
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
color: #7438D5;
|
|
font-size: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 1px solid #7438D5;
|
|
|
|
}
|
|
|
|
.arrow-close .arrow-container {
|
|
transform: rotateZ(0deg);
|
|
transition: transform .25s linear;
|
|
}
|
|
|
|
.arrow-open .arrow-container {
|
|
transform: rotateZ(180deg);
|
|
transition: transform .25s linear;
|
|
}
|
|
|
|
.el-table__empty-block {
|
|
border: 1px solid #e6e6e6;
|
|
}
|
|
|
|
.border-right {
|
|
border-right: 1px solid #ebeef5;
|
|
|
|
}
|
|
|
|
.border-bottom {
|
|
border-bottom: 1px solid #ebeef5;
|
|
|
|
}
|
|
|
|
.el-table th .cell, .el-table td .cell {
|
|
padding: 8px 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* table */
|
|
.order-dialog .el-form--inline {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.dialog-deliver-item {
|
|
align-items: flex-start;
|
|
margin-top: 32px;
|
|
}
|
|
|
|
.dialog-deliver-label {
|
|
margin-right: 12px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.dialog-deliver-list {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.dialog-deliver-list:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.dialog-deliver-content label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.item-box {
|
|
margin-bottom: 8px;
|
|
color: #444;
|
|
}
|
|
|
|
.item-box-item {
|
|
height: 80px;
|
|
width: 104px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.item-box-item-1 {
|
|
width: 680px;
|
|
border-left: 1px solid #ebeef5;
|
|
}
|
|
|
|
.item-box-item-1-box {
|
|
height: 80px;
|
|
border-bottom: 1px solid #ebeef5;
|
|
padding: 16px 14px 14px;
|
|
}
|
|
|
|
.item-box-item-more-margin {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.item-box-item-name {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.item-box-item-name .el-button {
|
|
padding: 0;
|
|
color: #444;
|
|
}
|
|
|
|
.item-box-item-name .popover-item {
|
|
margin-bottom: 13px;
|
|
}
|
|
|
|
.popover-item-1 {
|
|
height: 30px;
|
|
}
|
|
|
|
.item-box-item-detail {
|
|
flex: 1;
|
|
min-width: 80px;
|
|
text-align: center;
|
|
}
|
|
|
|
.vue-table .el-table--border {
|
|
border-left: none;
|
|
}
|
|
|
|
.el-table--border td,
|
|
.el-table--border th,
|
|
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.el-table_1_column_1 {
|
|
border-left: 1px solid #e6e6e6 !important;
|
|
}
|
|
|
|
.el-table_1_column_13 {
|
|
/*border-right: 1px solid #e6e6e6 !important;*/
|
|
}
|
|
|
|
.ellipsis-item {
|
|
max-width: 80px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;
|
|
}
|
|
|
|
.choice-item-button {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.choice-item-cancel {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
width: 88px;
|
|
text-align: center;
|
|
color: #999;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.choice-item-confirm {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
width: 88px;
|
|
text-align: center;
|
|
color: #fff;
|
|
background: #7438D5;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ellipsis-1 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.activity-tags {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.el-dialog.batchsend-dialog {
|
|
width: 800px !important;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin: -300px 0 0 -400px !important;
|
|
}
|
|
|
|
.el-dialog.batchsend-dialog .el-dialog__header {
|
|
border-bottom: 1px solid #D9D9D9;
|
|
padding: 10px 24px 1px;
|
|
}
|
|
|
|
.el-dialog.batchsend-dialog .el-dialog__body {
|
|
padding: 16px 24px 0;
|
|
}
|
|
|
|
.el-dialog.batchsend-dialog .el-dialog__footer {
|
|
padding: 16px 20px 24px;
|
|
}
|
|
|
|
.el-dialog.batchsend-dialog .el-tabs__header {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.el-dialog.batchsend-dialog .el-tabs__nav-wrap::after {
|
|
height: 0;
|
|
}
|
|
|
|
.batchsend-refresh {
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.el-dialog.batchSendTypeDialog .el-dialog__header {
|
|
border-bottom: 1px solid #D9D9D9;
|
|
padding: 13px 24px 12px;
|
|
}
|
|
|
|
.el-dialog.batchSendTypeDialog .el-dialog__body {
|
|
padding: 24px 24px 60px;
|
|
}
|
|
|
|
.el-dialog.batchSendTypeDialog .el-dialog__headerbtn {
|
|
top: 16px;
|
|
}
|
|
|
|
.el-dialog.batchSendTypeDialog .select-page-container {
|
|
width: 280px;
|
|
}
|
|
|
|
.batchSendTypeTitle {
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: #444444;
|
|
margin-bottom: 20px;
|
|
border: 1px solid #e6e6e6;
|
|
padding: 20px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.batchSendTypeTitle p {
|
|
line-height: 1;
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.batchSendTypeTitle:hover {
|
|
background: #F1EBFA;
|
|
border: 1px solid #F1EBFA;
|
|
}
|
|
|
|
.batchSendTypeDialog .el-button,
|
|
.batchSendTypeDialog .el-button:hover,
|
|
.batchSendTypeDialog .el-button:active,
|
|
.batchSendTypeDialog .el-button:focus {
|
|
background: #FFF;
|
|
border: 1px solid #DCDFE6;
|
|
color: #606266;
|
|
}
|
|
|
|
.batchSendTypeDialog .el-button--primary,
|
|
.batchSendTypeDialog .el-button--primary:hover,
|
|
.batchSendTypeDialog .el-button--primary:active,
|
|
.batchSendTypeDialog .el-button--primary:focus {
|
|
background: #7438D5;
|
|
border-color: #7438D5;
|
|
color: #fff;
|
|
}
|
|
|
|
.screen-button {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.screen-button:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.el-date-editor .el-range-separator {
|
|
line-height: 25px;
|
|
} |