This commit is contained in:
X1627315083
2024-12-18 17:38:43 +08:00
90 changed files with 3220 additions and 865 deletions

View File

@@ -215,6 +215,7 @@ li {
border: 2px solid #000;
cursor: pointer;
box-sizing: border-box;
white-space: nowrap;
}
.gallery_btn.gallery_btn_radius {
border-radius: 1.4rem;
@@ -716,19 +717,32 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
color: #fff;
cursor: pointer;
}
.generalModel_page .generalModel_table_search .generalModel_state {
.generalModel_state {
position: relative;
display: flex;
align-items: center;
width: auto;
flex-wrap: wrap;
}
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item {
.generalModel_state .generalModel_state_item {
display: flex;
align-items: center;
margin-right: 5rem;
}
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item > span {
.generalModel_state .generalModel_state_item > input {
height: 2.5rem !important;
border-radius: 4rem;
padding: 2rem !important;
box-sizing: content-box;
background-color: #f3f3f3;
width: calc(100% - 4rem);
font-size: 1.8rem;
transition: all 0.3s;
}
.generalModel_state .generalModel_state_item > input:hover {
border: 1px solid;
}
.generalModel_state .generalModel_state_item > span {
font-size: 2rem;
font-weight: 400;
color: #030303;
@@ -738,31 +752,35 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
min-width: 5rem;
text-align: left;
}
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-picker-range,
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-selector {
height: 2.5rem;
.generalModel_state .generalModel_state_item .ant-picker-range,
.generalModel_state .generalModel_state_item .ant-select-selector,
.generalModel_state .generalModel_state_item .range_picker {
height: 2.5rem !important;
border-radius: 4rem;
padding: 2rem;
padding: 2rem !important;
box-sizing: content-box;
background-color: #f3f3f3;
width: calc(100% - 4rem);
}
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg {
font-size: 14px;
.generalModel_state .generalModel_state_item .ant-picker-input > input {
font-size: 1.8rem;
}
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item {
.generalModel_state .generalModel_state_item .ant-select-lg {
font-size: 1.8rem;
}
.generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item {
height: 100%;
display: flex;
align-items: center;
}
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_current {
.generalModel_state .generalModel_current {
background: #fff;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.generalModel_page .generalModel_table_search .generalModel_state .header_user_content {
.generalModel_state .header_user_content {
position: absolute;
border: 2px solid;
border-radius: 1rem;
@@ -773,14 +791,14 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
display: none;
margin-left: -2rem;
}
.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username {
.generalModel_state .header_user_content .username {
padding: 0 2rem;
color: #000;
}
.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username:hover {
.generalModel_state .header_user_content .username:hover {
background: #e1e1e1;
}
.generalModel_page .generalModel_table_search .generalModel_state .header_user_content.active {
.generalModel_state .header_user_content.active {
display: block;
}
.generalModel {
@@ -1057,7 +1075,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
top: 6rem;
}
.ant-modal-confirm-btns .ant-btn:hover {
color: #39215b !important;
color: #fff !important;
border-color: #39215b !important;
}
.ant-modal-confirm-btns .ant-btn-primary {
@@ -1288,7 +1306,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
.admin_page .admin_table_search .admin_state .header_user_content.active {
display: block;
}
.admin_page .admin_table_content {
.admin_table_content {
margin-top: 2.6rem;
width: 100%;
height: calc(100% - 13.7rem);
@@ -1297,65 +1315,65 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
border-radius: 2rem;
overflow: hidden;
}
.admin_page .admin_table_content .ant-table {
.admin_table_content .ant-table {
background: transparent;
}
.admin_page .admin_table_content .ant-table-body {
.admin_table_content .ant-table-body {
overflow-y: auto !important;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar {
.admin_table_content .ant-table-body::-webkit-scrollbar {
width: 0 !important;
}
.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-horizontal {
.admin_table_content .ant-table-body::-webkit-scrollbar-horizontal {
height: 2px !important;
width: 2px !important;
}
.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-thumb:horizontal {
.admin_table_content .ant-table-body::-webkit-scrollbar-thumb:horizontal {
background-color: #8a8a8a;
/* 水平滚动条手柄颜色 */
border-radius: 5px;
}
.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-track:horizontal {
.admin_table_content .ant-table-body::-webkit-scrollbar-track:horizontal {
background-color: #f1f1f1;
/* 水平滚动条轨道颜色 */
}
.admin_page .admin_table_content .ant-table-thead > tr > th {
.admin_table_content .ant-table-thead > tr > th {
background: #ffffff;
border-bottom: none;
}
.admin_page .admin_table_content .ant-table-tbody > tr > td {
.admin_table_content .ant-table-tbody > tr > td {
border: none;
background: #fff;
}
.admin_page .admin_table_content .operate_list {
.admin_table_content .operate_list {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
}
.admin_page .admin_table_content .operate_list .operate_item {
.admin_table_content .operate_list .operate_item {
font-size: 1.4rem;
font-family: Roboto;
font-weight: 400;
color: #343579;
cursor: pointer;
}
.admin_page .admin_table_content .ant-table-tbody > tr:hover > td {
.admin_table_content .ant-table-tbody > tr:hover > td {
background: #cacaca;
}
.admin_page .admin_table_content .ant-table-pagination-right {
.admin_table_content .ant-table-pagination-right {
padding-right: 3.5rem;
}
.admin_page .admin_table_content .operate_list {
.admin_table_content .operate_list {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
justify-content: center;
}
.admin_page .admin_table_content .operate_list .operate_item {
.admin_table_content .operate_list .operate_item {
font-size: 1.4rem;
font-family: Roboto;
font-weight: 400;
@@ -1878,6 +1896,71 @@ textarea:focus {
top: 0rem;
border: 1px solid #dcdfe6;
}
.collection_modal_body .input_border .generage_btn_box,
.design_detail_modal_component .input_border .generage_btn_box,
.library_page .input_border .generage_btn_box,
.productImg_modal .input_border .generage_btn_box,
.accountEdit_page .input_border .generage_btn_box,
.generalMenu_printModel_upload .input_border .generage_btn_box {
position: relative;
display: flex;
align-items: center;
}
.collection_modal_body .input_border .generage_btn_box .icon-xiala,
.design_detail_modal_component .input_border .generage_btn_box .icon-xiala,
.library_page .input_border .generage_btn_box .icon-xiala,
.productImg_modal .input_border .generage_btn_box .icon-xiala,
.accountEdit_page .input_border .generage_btn_box .icon-xiala,
.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala {
margin-left: 1rem;
transition: all 0.3s;
cursor: pointer;
}
.collection_modal_body .input_border .generage_btn_box .icon-xiala.active,
.design_detail_modal_component .input_border .generage_btn_box .icon-xiala.active,
.library_page .input_border .generage_btn_box .icon-xiala.active,
.productImg_modal .input_border .generage_btn_box .icon-xiala.active,
.accountEdit_page .input_border .generage_btn_box .icon-xiala.active,
.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala.active {
transform: rotate(180deg);
}
.collection_modal_body .input_border .generage_btn_box .content,
.design_detail_modal_component .input_border .generage_btn_box .content,
.library_page .input_border .generage_btn_box .content,
.productImg_modal .input_border .generage_btn_box .content,
.accountEdit_page .input_border .generage_btn_box .content,
.generalMenu_printModel_upload .input_border .generage_btn_box .content {
position: absolute;
top: 100%;
width: calc(100% - 2rem);
left: 2rem;
text-align: center;
border-radius: calc(1rem*1.2);
overflow: hidden;
z-index: 3;
margin-top: 0.2rem;
}
.collection_modal_body .input_border .generage_btn_box .content > div,
.design_detail_modal_component .input_border .generage_btn_box .content > div,
.library_page .input_border .generage_btn_box .content > div,
.productImg_modal .input_border .generage_btn_box .content > div,
.accountEdit_page .input_border .generage_btn_box .content > div,
.generalMenu_printModel_upload .input_border .generage_btn_box .content > div {
background: #cccccc;
line-height: 2;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.collection_modal_body .input_border .generage_btn_box .content > div:hover,
.design_detail_modal_component .input_border .generage_btn_box .content > div:hover,
.library_page .input_border .generage_btn_box .content > div:hover,
.productImg_modal .input_border .generage_btn_box .content > div:hover,
.accountEdit_page .input_border .generage_btn_box .content > div:hover,
.generalMenu_printModel_upload .input_border .generage_btn_box .content > div:hover {
background: #999999;
}
.collection_modal_body .input_border .generage_btn,
.design_detail_modal_component .input_border .generage_btn,
.library_page .input_border .generage_btn,
@@ -1885,6 +1968,7 @@ textarea:focus {
.accountEdit_page .input_border .generage_btn,
.generalMenu_printModel_upload .input_border .generage_btn {
margin-left: 2rem;
display: flex;
}
.hideChecked {
user-select: none;

View File

@@ -220,6 +220,7 @@ input:focus{
border: 2px solid #000;
cursor: pointer;
box-sizing: border-box;
white-space: nowrap;
&.gallery_btn_radius{
border-radius: 1.4rem;
}
@@ -780,77 +781,95 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
cursor: pointer;
}
}
.generalModel_state {
position: relative;
display: flex;
align-items: center;
width: auto;
flex-wrap: wrap;
.generalModel_state_item{
display: flex;
align-items: center;
margin-right: 5rem;
>span{
font-size: 2rem;
font-weight: 400;
color: #030303;
margin-right: 15px;
flex-shrink: 0;
display: block;
min-width: 5rem;
text-align: left;
}
.ant-picker-range,.ant-select-selector{
height: 2.5rem;
border-radius: 4rem;
padding: 2rem;
box-sizing: content-box;
background-color: #f3f3f3;
width: calc(100% - 4rem);
}
.ant-select-lg{
font-size: 14px;
.ant-select-selector{
.ant-select-selection-item{
height: 100%;
display: flex;
align-items: center;
}
}
}
}
.generalModel_current{
background: #fff;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header_user_content {
position: absolute;
border: 2px solid;
border-radius: 1rem;
overflow: hidden;
top: 0;
transform: translateY(6rem);
z-index: 2;
display: none;
margin-left: -2rem;
.username{
padding: 0 2rem;
color: #000;
}
.username:hover{
background: #e1e1e1;
}
&.active{
display: block;
}
}
.generalModel_state {
position: relative;
display: flex;
align-items: center;
width: auto;
flex-wrap: wrap;
.generalModel_state_item{
display: flex;
align-items: center;
margin-right: 5rem;
>input{
height: 2.5rem !important;
border-radius: 4rem;
padding: 2rem !important;
box-sizing: content-box;
background-color: #f3f3f3;
width: calc(100% - 4rem);
font-size: 1.8rem;
transition: all .3s;
}
>input:hover{
border: 1px solid;
}
>span{
font-size: 2rem;
font-weight: 400;
color: #030303;
margin-right: 15px;
flex-shrink: 0;
display: block;
min-width: 5rem;
text-align: left;
}
.ant-picker-range,.ant-select-selector,.range_picker{
height: 2.5rem !important;
border-radius: 4rem;
padding: 2rem !important;
box-sizing: content-box;
background-color: #f3f3f3;
width: calc(100% - 4rem);
}
.ant-picker-input > input{
font-size: 1.8rem;
}
.ant-select-lg{
font-size: 1.8rem;
.ant-select-selector{
.ant-select-selection-item{
height: 100%;
display: flex;
align-items: center;
}
}
}
}
}
.generalModel_current{
background: #fff;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header_user_content {
position: absolute;
border: 2px solid;
border-radius: 1rem;
overflow: hidden;
top: 0;
transform: translateY(6rem);
z-index: 2;
display: none;
margin-left: -2rem;
.username{
padding: 0 2rem;
color: #000;
}
.username:hover{
background: #e1e1e1;
}
&.active{
display: block;
}
}
}
.generalModel{//自带关闭的页面
-moz-user-select: none;
-webkit-user-select: none;
@@ -1158,7 +1177,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
}
.ant-modal-confirm-btns{
.ant-btn:hover{
color: #39215b !important;
color: #fff !important;
border-color: #39215b !important;
}
.ant-btn-primary{
@@ -1403,88 +1422,88 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
}
}
}
}
.admin_table_content {
margin-top: 2.6rem;
width: 100%;
height: calc(100% - 13.7rem);
padding-bottom: 3rem;
background: #fff;
border-radius: 2rem;
overflow: hidden;
.ant-table {
background: transparent;
}
.admin_table_content {
margin-top: 2.6rem;
width: 100%;
height: calc(100% - 13.7rem);
padding-bottom: 3rem;
.ant-table-body {
overflow-y: auto !important;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
&::-webkit-scrollbar {
width: 0 !important;
}
&::-webkit-scrollbar-horizontal {
height: 2px !important;
width: 2px !important;
}
&::-webkit-scrollbar-thumb:horizontal {
background-color: #8a8a8a; /* 水平滚动条手柄颜色 */
border-radius: 5px;
}
&::-webkit-scrollbar-track:horizontal {
background-color: #f1f1f1; /* 水平滚动条轨道颜色 */
}
}
.ant-table-thead > tr > th {
background: #ffffff;
border-bottom: none;
// backdrop-filter: blur(1rem);
}
.ant-table-tbody > tr > td {
border: none;
background: #fff;
border-radius: 2rem;
overflow: hidden;
.ant-table {
background: transparent;
}
// color: #fff;
}
.operate_list{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
.ant-table-body {
overflow-y: auto !important;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
&::-webkit-scrollbar {
width: 0 !important;
}
&::-webkit-scrollbar-horizontal {
height: 2px !important;
width: 2px !important;
}
&::-webkit-scrollbar-thumb:horizontal {
background-color: #8a8a8a; /* 水平滚动条手柄颜色 */
border-radius: 5px;
}
&::-webkit-scrollbar-track:horizontal {
background-color: #f1f1f1; /* 水平滚动条轨道颜色 */
}
.operate_item{
font-size: 1.4rem;
font-family: Roboto;
font-weight: 400;
color: #343579;
cursor: pointer;
}
.ant-table-thead > tr > th {
background: #ffffff;
border-bottom: none;
// backdrop-filter: blur(1rem);
}
.ant-table-tbody > tr {
&:hover > td {
background: rgb(202, 202, 202)
}
.ant-table-tbody > tr > td {
border: none;
background: #fff;
// color: #fff;
}
.operate_list{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
.operate_item{
font-size: 1.4rem;
font-family: Roboto;
font-weight: 400;
color: #343579;
cursor: pointer;
}
}
.ant-table-tbody > tr {
&:hover > td {
background: rgb(202, 202, 202)
}
}
.ant-table-pagination-right {
padding-right: 3.5rem;
}
.operate_list {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
justify-content: center;
.operate_item {
font-size: 1.4rem;
font-family: Roboto;
font-weight: 400;
color: #343579;
cursor: pointer;
}
}
.ant-table-pagination-right {
padding-right: 3.5rem;
}
.operate_list {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
justify-content: center;
.operate_item {
font-size: 1.4rem;
font-family: Roboto;
font-weight: 400;
color: #343579;
cursor: pointer;
}
}
}
.homeMain_heade,.account_message{
.ant-badge{
width: auto;
@@ -1889,9 +1908,45 @@ textarea:focus{
// color: red;
// width: 100%;
// }
.generage_btn_box{
position: relative;
display: flex;
align-items: center;
.icon-xiala{
margin-left: 1rem;
transition: all .3s;
cursor: pointer;
&.active{
transform: rotate(180deg);
}
}
.content{
position: absolute;
top: 100%;
width: calc(100% - 2rem);
left: 2rem;
text-align: center;
border-radius: calc(1rem* 1.2);
overflow: hidden;
z-index: 3;
margin-top: .2rem;
>div{
background: #cccccc;
line-height: 2;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
>div:hover{
background: #999999;
}
}
}
.generage_btn{
// margin: 0 auto;
margin-left: 2rem;
display: flex;
}
}