mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2024-12-21 05:19:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

opti: view style

Browse Source
This commit is contained in:
suxiaoxin 2017-09-23 12:13:16 +08:00
parent db7957afe0
commit 33a2bbd6c3
3 changed files with 37 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/containers/Project/Activity/Activity.scss
View File

@ -86,9 +86,9 @@
border-radius: 8px;
.logMesHeade{
color: white;
padding: 16px 8px 8px 8px;
background-color: rgb(91, 104, 117);
padding: 8px 8px 8px 8px;
line-height: 24px;
background-color: #eceef1;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

57
client/containers/Project/Interface/InterfaceList/View.js
View File

@ -39,11 +39,13 @@ class View extends Component {
const columns = [{
title: '参数名称',
dataIndex: 'name',
key: 'name'
key: 'name',
width: 140
}, {
title: '参数类型',
dataIndex: 'type',
key: 'type',
width: 100,
render: (text) => {
text = text || "";
return text.toLowerCase() === "text" ? <span><i className="query-icon text">T</i>文本</span> : <span><Icon type="file" className="query-icon" />文件</span>
@ -51,22 +53,21 @@ class View extends Component {
}, {
title: '是否必须',
dataIndex: 'required',
key: 'required'
key: 'required',
width: 100
}, {
title: '示例',
dataIndex: 'example',
key: 'example',
width: 4,
render(_, item) {
return <pre>{item.example}</pre>;
return <p style={{whiteSpace: 'pre-wrap'}}>{item.example}</p>;
}
}, {
title: '备注',
dataIndex: 'value',
key: 'value',
width: 4,
render(_, item) {
return <pre>{item.value}</pre>;
return <p style={{whiteSpace: 'pre-wrap'}}>{item.value}</p>;
}
}];
@ -121,28 +122,26 @@ class View extends Component {
const columns = [{
title: '参数名称',
dataIndex: 'name',
width: 4,
width: 140,
key: 'name'
}, {
title: '是否必须',
width: 4,
width: 100,
dataIndex: 'required',
key: 'required'
}, {
title: '示例',
dataIndex: 'example',
key: 'example',
width: 4,
render(_, item) {
return <pre>{item.example}</pre>;
return <p style={{whiteSpace: 'pre-wrap'}}>{item.example}</p>;
}
}, {
title: '备注',
dataIndex: 'value',
key: 'value',
width: 4,
render(_, item) {
return <pre>{item.value}</pre>;
return <p style={{whiteSpace: 'pre-wrap'}}>{item.value}</p>;
}
}];
@ -229,50 +228,60 @@ class View extends Component {
req_dataSource.push({
key: i,
name: item.name,
value: item.desc
desc: item.desc,
example: item.example
})
})
}
const req_params_columns = [{
title: '参数名称',
dataIndex: 'name',
key: 'name'
key: 'name',
width: 140
}, {
title: '示例',
dataIndex: 'example',
key: 'example',
render(_, item) {
return <p style={{whiteSpace: 'pre-wrap'}}>{item.example}</p>;
}
}, {
title: '备注',
dataIndex: 'value',
key: 'value'
dataIndex: 'desc',
key: 'desc',
render(_, item) {
return <p style={{whiteSpace: 'pre-wrap'}}>{item.desc}</p>;
}
}];
const columns = [{
title: '参数名称',
dataIndex: 'name',
key: 'name',
width: 2
width: '100px'
}, {
title: '参数值',
dataIndex: 'value',
key: 'value',
width: 2
width: '100px'
}, {
title: '是否必须',
dataIndex: 'required',
key: 'required',
width: 1
width: '100px'
}, {
title: '示例',
dataIndex: 'example',
key: 'example',
width: 4,
render(_, item) {
return <pre>{item.example}</pre>;
return <p style={{whiteSpace: 'pre-wrap'}}>{item.example}</p>;
}
}, {
title: '备注',
title: '备注',
dataIndex: 'desc',
key: 'desc',
width: 4,
render(_, item) {
return <pre>{item.desc}</pre>;
return <p style={{whiteSpace: 'pre-wrap'}}>{item.desc}</p>;
}
}];
let status = {

1
client/containers/Project/Interface/InterfaceList/View.scss
View File

@ -17,6 +17,7 @@
padding-left: 10px;
}
}
.col-title{margin-bottom: 5px}
.colValue.href {
color: #2395f1;
cursor: pointer;