语言适配英文
This commit is contained in:
X1627315083
@@ -1,6 +1,6 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id */
|
||||
src: url('iconfont.ttf?t=1710811554594') format('truetype');
|
||||
src: url('iconfont.ttf?t=1711431581952') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
@@ -119,7 +119,15 @@
|
||||
content: "\e68b";
|
||||
}
|
||||
|
||||
.icon-renwu:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
|
||||
.icon-caizhi:before {
|
||||
content: "\e647";
|
||||
}
|
||||
|
||||
.icon-shangchuantupian:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
@@ -424,6 +424,250 @@ li {
|
||||
.modal_component .ant-modal-content .ant-modal-body {
|
||||
padding: 0;
|
||||
}
|
||||
.ant-drawer-content-wrapper {
|
||||
width: 50rem !important;
|
||||
}
|
||||
.generalModel_page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 9rem;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search {
|
||||
margin-top: 2rem;
|
||||
padding: 2rem 3.5rem 5rem 2.8rem;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_search {
|
||||
width: auto;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_search .generalModel_search_item {
|
||||
background: #343579;
|
||||
border-color: #343579;
|
||||
height: 4rem;
|
||||
padding: 0.64rem 1.5rem;
|
||||
font-size: 1.6rem;
|
||||
border-radius: 2px;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: auto;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 5rem;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item > span {
|
||||
font-size: 2rem;
|
||||
font-weight: 400;
|
||||
color: #030303;
|
||||
margin-right: 15px;
|
||||
flex-shrink: 0;
|
||||
display: block;
|
||||
min-width: 5rem;
|
||||
text-align: left;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-picker-range {
|
||||
height: 5rem;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg {
|
||||
font-size: 14px;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector {
|
||||
height: 5rem;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item {
|
||||
line-height: 5rem;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector input {
|
||||
line-height: 5rem;
|
||||
height: 5rem;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .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 {
|
||||
position: absolute;
|
||||
border: 2px solid;
|
||||
border-radius: 1rem;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
transform: translateY(6rem);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
margin-left: -2rem;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username {
|
||||
padding: 0 2rem;
|
||||
color: #000;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username:hover {
|
||||
background: #e1e1e1;
|
||||
}
|
||||
.generalModel_page .generalModel_table_search .generalModel_state .header_user_content.active {
|
||||
display: block;
|
||||
}
|
||||
.generalModel_table_content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
padding-bottom: 3rem;
|
||||
background: #fff;
|
||||
border-radius: 2rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.generalModel_table_content .ant-table {
|
||||
background: transparent;
|
||||
}
|
||||
.generalModel_table_content .ant-table-body {
|
||||
overflow-y: auto !important;
|
||||
-ms-overflow-style: none;
|
||||
overflow: -moz-scrollbars-none;
|
||||
}
|
||||
.generalModel_table_content .ant-table-body::-webkit-scrollbar {
|
||||
width: 0 !important;
|
||||
}
|
||||
.generalModel_table_content .ant-table-thead > tr > th {
|
||||
background: #ffffff00;
|
||||
border-bottom: none;
|
||||
backdrop-filter: blur(1rem);
|
||||
}
|
||||
.generalModel_table_content .ant-table-tbody > tr > td {
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
.generalModel_table_content .ant-table-tbody > tr > td img {
|
||||
max-width: 100%;
|
||||
max-height: 10rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
.generalModel_table_content .ant-table-tbody > tr:hover > td {
|
||||
background: #ffffff3a;
|
||||
}
|
||||
.generalModel_table_content .ant-table-pagination-right {
|
||||
padding-right: 3.5rem;
|
||||
}
|
||||
.generalModel_table_content .operate_list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 1rem;
|
||||
justify-content: center;
|
||||
}
|
||||
.generalModel_table_content .operate_list .operate_item {
|
||||
font-size: 1.4rem;
|
||||
font-family: Roboto;
|
||||
font-weight: 400;
|
||||
color: #343579;
|
||||
cursor: pointer;
|
||||
}
|
||||
.generalModelOperate {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
position: relative;
|
||||
}
|
||||
.generalModelOperate .ant-modal-content {
|
||||
border-radius: calc(1rem * 1.2);
|
||||
overflow: hidden;
|
||||
}
|
||||
.generalModelOperate .ant-modal-content .ant-modal-header {
|
||||
background-color: #fff;
|
||||
border-bottom: none;
|
||||
}
|
||||
.generalModelOperate .ant-modal-content .ant-modal-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: calc(5rem * 1.2) calc(5rem * 1.2) !important;
|
||||
background: #f9fafb;
|
||||
}
|
||||
.generalModelOperate .ant-modal-content .ant-progress-circle.ant-progress-status-success .ant-progress-text {
|
||||
color: #000;
|
||||
}
|
||||
.generalModelOperate .ant-modal-content .ant-progress-circle .ant-progress-text {
|
||||
color: rgba(0, 0, 0, 0.55);
|
||||
font-size: calc(1.6rem * 1.2);
|
||||
}
|
||||
.generalModelOperate .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
||||
border-color: #d9d9d9;
|
||||
box-shadow: none;
|
||||
}
|
||||
.generalModelOperate .ant-select:hover .ant-select-selector {
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_title {
|
||||
font-size: var(--aida-fsize2);
|
||||
font-weight: 900;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_closeIcon {
|
||||
top: calc(2rem * 1.2);
|
||||
right: calc(2rem * 1.2);
|
||||
cursor: pointer;
|
||||
width: calc(4rem * 1.2);
|
||||
height: calc(4rem * 1.2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_closeIcon .fi-rr-cross-small::before {
|
||||
padding: calc(0.2rem * 1.2);
|
||||
border-radius: 5px;
|
||||
border: solid 2px rgba(0, 0, 0, 0.25);
|
||||
transition: 1s all;
|
||||
color: rgba(0, 0, 0, 0.55);
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_closeIcon.generalModelOperate_closeIcon:hover .fi-rr-cross-small::before {
|
||||
border: solid 2px rgba(0, 0, 0, 0.55);
|
||||
color: #000000;
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_endBtn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_endBtn > div {
|
||||
height: 3.2rem;
|
||||
padding: 4px 1.5rem;
|
||||
font-size: 1.4rem;
|
||||
transition: all 0.3s;
|
||||
border: 1px solid;
|
||||
cursor: pointer;
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_endBtn .generalModelOperate_btn_cancel {
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_endBtn .generalModelOperate_btn_cancel:hover {
|
||||
color: #39215b;
|
||||
border-color: #39215b;
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_endBtn .generalModelOperate_btn_ok {
|
||||
margin-left: 10rem;
|
||||
background: #39215b;
|
||||
border-color: #39215b;
|
||||
color: #fff;
|
||||
}
|
||||
.generalModelOperate .generalModelOperate_endBtn .generalModelOperate_btn_ok:hover {
|
||||
border-color: #543087;
|
||||
background: #543087;
|
||||
}
|
||||
.ant-modal-body {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
@@ -507,6 +507,265 @@ input:focus{
|
||||
}
|
||||
}
|
||||
}
|
||||
.ant-drawer-content-wrapper{//抽屉
|
||||
width: 50rem !important;
|
||||
}
|
||||
.generalModel_page {//常用查询列表样式
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 9rem;
|
||||
overflow: hidden;
|
||||
// min-width: 1440px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.generalModel_table_search {
|
||||
display: flex;
|
||||
margin-top: 2rem;
|
||||
padding: 2rem 3.5rem 5rem 2.8rem;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
|
||||
.generalModel_search{
|
||||
width: auto;
|
||||
.generalModel_search_item{
|
||||
background: #343579;
|
||||
border-color: #343579;
|
||||
height: 4rem;
|
||||
padding: .64rem 1.5rem;
|
||||
font-size: 1.6rem;
|
||||
border-radius: 2px;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
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{
|
||||
height: 5rem;
|
||||
}
|
||||
.ant-select-lg{
|
||||
font-size: 14px;
|
||||
.ant-select-selector{
|
||||
height: 5rem;
|
||||
.ant-select-selection-item{
|
||||
line-height: 5rem;
|
||||
}
|
||||
input{
|
||||
line-height: 5rem;
|
||||
height: 5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.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_table_content {
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
padding-bottom: 3rem;
|
||||
background: #fff;
|
||||
border-radius: 2rem;
|
||||
overflow: hidden;
|
||||
.ant-table {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ant-table-body {
|
||||
overflow-y: auto !important;
|
||||
-ms-overflow-style: none;
|
||||
overflow: -moz-scrollbars-none;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0 !important;
|
||||
}
|
||||
}
|
||||
.ant-table-thead > tr > th {
|
||||
background: #ffffff00;
|
||||
border-bottom: none;
|
||||
backdrop-filter: blur(1rem);
|
||||
}
|
||||
|
||||
.ant-table-tbody > tr > td {
|
||||
border: none;
|
||||
background: transparent;
|
||||
// color: #fff;
|
||||
img{
|
||||
max-width: 100%;
|
||||
max-height: 10rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
.ant-table-tbody > tr {
|
||||
&:hover > td {
|
||||
background: #ffffff3a;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
.generalModelOperate{//常用model样式
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
position: relative;
|
||||
.ant-modal-content {
|
||||
border-radius: calc(1rem * 1.2);
|
||||
overflow: hidden;
|
||||
.ant-modal-header {
|
||||
background-color: #fff;
|
||||
border-bottom: none;
|
||||
}
|
||||
.ant-modal-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: calc(5rem * 1.2) calc(5rem * 1.2) !important;
|
||||
// height: calc(65vh - 6.4rem);
|
||||
background: #f9fafb;
|
||||
}
|
||||
//进度完成字体颜色
|
||||
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
|
||||
color: #000;
|
||||
}
|
||||
.ant-progress-circle .ant-progress-text {
|
||||
color: rgba(0, 0, 0, 0.55);
|
||||
font-size: calc(1.6rem * 1.2);
|
||||
}
|
||||
}
|
||||
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
|
||||
border-color: #d9d9d9;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ant-select:hover .ant-select-selector{
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
.generalModelOperate_title {
|
||||
font-size: var(--aida-fsize2);
|
||||
font-weight: 900;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.generalModelOperate_closeIcon {
|
||||
top: calc(2rem * 1.2);
|
||||
right: calc(2rem * 1.2);
|
||||
cursor: pointer;
|
||||
width: calc(4rem * 1.2);
|
||||
height: calc(4rem * 1.2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
.fi-rr-cross-small::before {
|
||||
padding: calc(0.2rem * 1.2);
|
||||
border-radius: 5px;
|
||||
border: solid 2px rgba(0, 0, 0, 0.25);
|
||||
transition: 1s all;
|
||||
color: rgba(0, 0, 0, 0.55);
|
||||
}
|
||||
&.generalModelOperate_closeIcon:hover .fi-rr-cross-small::before {
|
||||
border: solid 2px rgba(0, 0, 0, 0.55);
|
||||
color: rgba(0, 0, 0, 1);
|
||||
}
|
||||
}
|
||||
.generalModelOperate_endBtn{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
>div{
|
||||
height: 3.2rem;
|
||||
padding: 4px 1.5rem;
|
||||
font-size: 1.4rem;
|
||||
transition: all .3s;
|
||||
border: 1px solid;
|
||||
cursor: pointer;
|
||||
}
|
||||
.generalModelOperate_btn_cancel{
|
||||
border-color: #d9d9d9;
|
||||
|
||||
}
|
||||
.generalModelOperate_btn_cancel:hover{
|
||||
color: #39215b;
|
||||
border-color: #39215b;
|
||||
}
|
||||
|
||||
.generalModelOperate_btn_ok{
|
||||
margin-left: 10rem;
|
||||
background: #39215b;
|
||||
border-color: #39215b;
|
||||
color: #fff;
|
||||
}
|
||||
.generalModelOperate_btn_ok:hover{
|
||||
border-color: #543087;
|
||||
background: #543087;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ant-modal-body{
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user