Skip to content

W
WebPublic
提交 9e8c0faf authored 作者: 徐立's avatar 徐立
浏览文件
操作

调整表格padding

上级 f8917abb
显示空白字符变更
内嵌 并排
正在显示 包含 89 行增加 和 51 行删除
one_stop_public/Table/index.jsx
浏览文件 @ 9e8c0faf
......@@ -50,7 +50,12 @@ export default class ZdyTable extends Component {
formDeafault = '', // 为二维码快捷发起默认值
} = this.props;
if (isPreview || isChild) {
this.setState({ ...this.state, ...this.props, isReady: true ,formConfig:{...this.state.formConfig,style:this.props.style }});
this.setState({
...this.state,
...this.props,
isReady: true,
formConfig: { ...this.state.formConfig, style: this.props.style },
});
return;
}
......@@ -233,7 +238,12 @@ export default class ZdyTable extends Component {
isChild, // 是否为子表单
} = nextProps;
if (isPreview || isChild) {
this.setState({ ...this.state, ...this.props, isReady: true,formConfig:{...this.state.formConfig,style:this.props.style }});
this.setState({
...this.state,
...this.props,
isReady: true,
formConfig: { ...this.state.formConfig, style: this.props.style },
});
return;
}
......@@ -611,7 +621,8 @@ export default class ZdyTable extends Component {
...styles,
display:
cell.content &&
cell.content.comName === 'InputHidden' &&
(cell.content.comName === 'InputHidden' ||
cell.content.comName === 'PartForm') &&
'none',
}}
>
......
one_stop_public/Table/isNewMobileTable.jsx
浏览文件 @ 9e8c0faf
......@@ -129,7 +129,12 @@ export default class isNewTable extends Component {
return (
<Col
style={{
...styles
display:
ary.content &&
(ary.content.comName === 'InputHidden' ||
ary.content.comName === 'PartForm') &&
'none',
...styles,
}}
span={ary.content?.labelSpan}
>
......@@ -167,9 +172,17 @@ export default class isNewTable extends Component {
);
}
return (
<Col span={24} style={{
...styles
}}>
<Col
span={24}
style={{
display:
ary.content &&
(ary.content.comName === 'InputHidden' ||
ary.content.comName === 'PartForm') &&
'none',
...styles,
}}
>
{!allhidden && ary.hidden ? (
''
) : (
......@@ -243,6 +256,11 @@ export default class isNewTable extends Component {
width: '100%',
height: '100%',
...styles,
display:
ary.content &&
(ary.content.comName === 'InputHidden' ||
ary.content.comName === 'PartForm') &&
'none',
}}
>
<TableCom
......@@ -280,11 +298,14 @@ export default class isNewTable extends Component {
''
) : (
<Card.Body
style={
{
style={{
// textAlign:ary.content&&ary.content.comName === 'Table'?"left":'right'
}
}
display:
ary.content &&
(ary.content.comName === 'InputHidden' ||
ary.content.comName === 'PartForm') &&
'none',
}}
>
{' '}
<div
......
one_stop_public/libs/formList/NormalTable/index.less
浏览文件 @ 9e8c0faf
.FormArray {
padding: 18px 12px 0 12px;
......@@ -14,12 +13,10 @@
text-decoration: line-through;
}
}
}
.colDom {
:global {
}
}
}
......@@ -32,7 +29,9 @@
margin-bottom: 6px;
}
.ant-tag, .ant-tag a, .ant-tag a:hover {
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
color: #84d945;
}
}
......@@ -63,7 +62,7 @@
.discrib {
padding-left: 5px;
font-size: 12px;
letter-spacing: .1px;
letter-spacing: 0.1px;
color: #3a3a3a;
white-space: nowrap;
overflow: hidden;
......@@ -72,7 +71,6 @@
line-height: @height;
}
}
}
.FieldListWithoutBg {
......@@ -99,7 +97,7 @@
}
div:after {
content: " ";
content: ' ';
display: inline-block;
width: 100%;
}
......@@ -108,7 +106,7 @@
.withoutBgDiscrib {
padding-left: 12px;
font-size: 14px;
letter-spacing: .1px;
letter-spacing: 0.1px;
color: #555;
white-space: nowrap;
overflow: hidden;
......@@ -124,7 +122,7 @@
// margin-top: 20px;
.row {
background-color: rgba(255, 255, 255, 1);;
background-color: rgba(255, 255, 255, 1);
}
}
......@@ -195,14 +193,13 @@
.NormalTable {
@TableThemeColor: #5e9ede;
@TableThemeBgColor: #e6f7ff;
padding: 6px 12px 0 12px;
// padding: 6px 12px 0 12px;
:global {
.ant-table-thead > tr > th {
padding: 0 12px;
height: 50px;
color: rgba(0, 0, 0, .65);
color: rgba(0, 0, 0, 0.65);
background-color: #e9f2fb;
}
......@@ -218,11 +215,14 @@
color: @TableThemeColor;
}
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
padding: 10px 16px;
}
.ant-pagination-item-active, .ant-pagination-item:focus, .ant-pagination-item:hover {
.ant-pagination-item-active,
.ant-pagination-item:focus,
.ant-pagination-item:hover {
border-color: @TableThemeColor;
}
......@@ -235,11 +235,13 @@
border-color: @TableThemeColor;
}
.ant-pagination-item:focus a, .ant-pagination-item:hover a {
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
color: @TableThemeColor;
}
.ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a {
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
color: @TableThemeColor;
}
......@@ -248,7 +250,9 @@
border-color: @TableThemeColor;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner {
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
border-color: @TableThemeColor;
}
......@@ -260,7 +264,8 @@
background: @TableThemeColor;
}
tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
background: @TableThemeBgColor;
}
......@@ -272,11 +277,10 @@
}
}
.ButtonDiy {
@blue: rgba(25, 152, 240, 1);
@white: rgba(255, 255, 255, 1);
@red: #F14B5A;
@red: #f14b5a;
padding-right: 12px;
button {
......@@ -292,7 +296,9 @@
border-radius: 2px;
border-color: @blue;
&:hover, &:active, &:focus {
&:hover,
&:active,
&:focus {
background: @blue;
color: @white;
border-color: @white;
......@@ -314,7 +320,9 @@
border-radius: 2px;
border-color: @red;
&:hover, &:active, &:focus {
&:hover,
&:active,
&:focus {
background: @red;
color: @white;
border-color: @white;
......@@ -330,7 +338,9 @@
border-radius: 2px;
border-color: @blue;
&:hover, &:active, &:focus {
&:hover,
&:active,
&:focus {
background: @white;
color: @blue;
border-color: @blue;
......@@ -346,13 +356,14 @@
border-radius: 2px;
border-color: @red;
&:hover, &:active, &:focus {
&:hover,
&:active,
&:focus {
background: @white;
color: @red;
border-color: @red;
}
}
}
.collegeTitle {
......@@ -361,8 +372,6 @@
text-align: center;
padding-bottom: 74px;
font-weight: 600;
}
.collegeStyle {
......@@ -370,17 +379,17 @@
:global {
.ant-col-2 {
width: 10%;
text-align: center
text-align: center;
}
}
}
.colStyle {
color: #4992DF
color: #4992df;
}
.colStyle:hover {
background: green
background: green;
}
.picName {
......@@ -398,7 +407,6 @@
color: rgba(51, 51, 51, 1);
}
}
}
/*:global{
......@@ -407,7 +415,6 @@
}
}*/
.searchChangeMaintain {
margin-bottom: 0;
padding-top: 15px;
......@@ -463,7 +470,7 @@
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all .3s;
transition: all 0.3s;
&:hover {
border-color: #29a6ff;
......@@ -500,7 +507,7 @@
cursor: pointer;
.itemInner {
transition: all .3s linear;
transition: all 0.3s linear;
background-color: #fff;
height: 110px;
padding: 20px;
......@@ -508,7 +515,8 @@
display: flex;
&:hover {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 20px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 20px 4px rgba(0, 0, 0, 0.12) !important;
}
.left {
......@@ -592,7 +600,6 @@
}
}
.customMultiple {
.multipleBox {
width: 100%;
......@@ -608,16 +615,15 @@
line-height: 1.5;
&:hover {
transition: all .3s linear;
background: #E9F2FB;
transition: all 0.3s linear;
background: #e9f2fb;
}
&.active {
background: #008DFF;
background: #008dff;
color: white;
}
}
}
.operationBtnBox {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论