update 夜间模式
This commit is contained in:
@@ -5,7 +5,6 @@ import { Cropper } from 'react-cropper'
|
||||
import 'cropperjs/dist/cropper.css'
|
||||
import { BlobToFile } from 'util/file'
|
||||
|
||||
import './base.less'
|
||||
import { api } from 'common/api'
|
||||
|
||||
export default class base extends Component {
|
||||
|
||||
@@ -1,51 +0,0 @@
|
||||
@import (reference) '~assets/style/app.less';
|
||||
.yo-avatar-info {
|
||||
position: relative;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
width: 128px;
|
||||
margin: 0 auto;
|
||||
|
||||
border-radius: 50%;
|
||||
&--cover {
|
||||
font-size: @font-size-lg * 2;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
cursor: pointer;
|
||||
transition: @animation-duration-slow;
|
||||
|
||||
opacity: 0;
|
||||
color: @white;
|
||||
background-color: fade(@black, 50%);
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.yo-avatar-cropper {
|
||||
overflow: hidden;
|
||||
|
||||
border-radius: @border-radius-base;
|
||||
background-color: #ccc;
|
||||
}
|
||||
.yo-avatar-preview {
|
||||
overflow: hidden;
|
||||
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
margin: 0 auto;
|
||||
|
||||
border-radius: 50%;
|
||||
background: #ccc;
|
||||
}
|
||||
@@ -7,7 +7,6 @@ import MonacoEditor from 'react-monaco-editor'
|
||||
const initialValues = {}
|
||||
|
||||
export default class form extends Component {
|
||||
|
||||
state = {
|
||||
// 加载状态
|
||||
loading: true,
|
||||
@@ -32,7 +31,7 @@ export default class form extends Component {
|
||||
* 填充数据
|
||||
* 可以在设置this.record之后对其作出数据结构调整
|
||||
* [异步,必要]
|
||||
* @param {*} params
|
||||
* @param {*} params
|
||||
*/
|
||||
async fillData(params) {
|
||||
this.record = cloneDeep(params.record)
|
||||
@@ -45,7 +44,7 @@ export default class form extends Component {
|
||||
this.form.current.setFieldsValue(this.record)
|
||||
|
||||
this.setState({
|
||||
loading: false
|
||||
loading: false,
|
||||
})
|
||||
}
|
||||
|
||||
@@ -53,7 +52,7 @@ export default class form extends Component {
|
||||
* 获取数据
|
||||
* 可以对postData进行数据结构调整
|
||||
* [异步,必要]
|
||||
* @returns
|
||||
* @returns
|
||||
*/
|
||||
async getData() {
|
||||
const form = this.form.current
|
||||
@@ -66,11 +65,11 @@ export default class form extends Component {
|
||||
}
|
||||
//#region 从前段转换后端所需格式
|
||||
try {
|
||||
const code = JSON.parse(this.code.current.editor.getValue());
|
||||
const code = JSON.parse(this.code.current.editor.getValue())
|
||||
if (code.constructor === Object) {
|
||||
postData.extCode = JSON.stringify(code);
|
||||
postData.extCode = JSON.stringify(code)
|
||||
} else {
|
||||
throw new Error(0);
|
||||
throw new Error(0)
|
||||
}
|
||||
} catch {
|
||||
Message.error('错误的JSON格式')
|
||||
@@ -85,18 +84,15 @@ export default class form extends Component {
|
||||
|
||||
render() {
|
||||
return (
|
||||
<Form
|
||||
initialValues={initialValues}
|
||||
ref={this.form}
|
||||
className="yo-form"
|
||||
>
|
||||
<Form initialValues={initialValues} ref={this.form} className="yo-form">
|
||||
<Spin spinning={this.state.loading} indicator={<AntIcon type="loading" />}>
|
||||
<div className="yo-form-group">
|
||||
<MonacoEditor
|
||||
height={300}
|
||||
language="json"
|
||||
theme="vs-dark"
|
||||
options={{
|
||||
fontSize: 12
|
||||
fontSize: 12,
|
||||
}}
|
||||
ref={this.code}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user