Commit 0d79e759 by chenshu

feat:初始化页面

parent ec7e23da
...@@ -14,7 +14,10 @@ ...@@ -14,7 +14,10 @@
.w-e-text pre { .w-e-text pre {
margin: 0; margin: 0;
} }
.w-e-menu .w-e-panel-container {
margin-top: 0 !important;
}
.w-e-toolbar { .w-e-toolbar {
background-color: #fff !important; background-color: #fff !important;
border: none !important; border: none !important;
...@@ -32,4 +35,9 @@ ...@@ -32,4 +35,9 @@
right: 8px; right: 8px;
color: #f5222d; color: #f5222d;
} }
.w-e-full-screen-editor {
.w-e-text-container {
height: ~'calc(100vh - 81px)' !important;
}
}
} }
\ No newline at end of file
...@@ -298,9 +298,9 @@ class AddGraphicsCourse extends React.Component { ...@@ -298,9 +298,9 @@ class AddGraphicsCourse extends React.Component {
showSelectVideoModal: false showSelectVideoModal: false
}) })
const { ossUrl } = file; const { ossUrl } = file;
const { courseMedia, introduce, isContent } = this.state; const { courseMedia } = this.state;
this.setState({ this.setState({
[isContent ? 'courseMedia' : 'introduce']: `${isContent ? courseMedia : introduce}<p style="width: 100%;padding-top: 56.25%;position: relative;"><iframe style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;" src="${ossUrl}" /><br><p>` courseMedia: `${courseMedia}<p style="width: 100%;padding-top: 56.25%;position: relative;"><iframe style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;" src="${ossUrl}" /><br><p>`
}); });
} }
...@@ -316,11 +316,12 @@ class AddGraphicsCourse extends React.Component { ...@@ -316,11 +316,12 @@ class AddGraphicsCourse extends React.Component {
} }
handleSelectCover = (file)=> { handleSelectCover = (file)=> {
this.uploadImage(file); this.uploadCoverImage(file);
} }
//上传图片 //上传图片
uploadImage = (imageFile) => { uploadCoverImage = (imageFile) => {
debugger
const { folderName } = imageFile; const { folderName } = imageFile;
const fileName = window.random_string(16) + folderName.slice(folderName.lastIndexOf(".")); const fileName = window.random_string(16) + folderName.slice(folderName.lastIndexOf("."));
const self = this; const self = this;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: 吴文洁 * @Author: 吴文洁
* @Date: 2020-07-16 11:05:17 * @Date: 2020-07-16 11:05:17
* @Last Modified by: chenshu * @Last Modified by: chenshu
* @Last Modified time: 2021-03-22 10:20:41 * @Last Modified time: 2021-03-22 17:43:10
* @Description: 添加直播-简介 * @Description: 添加直播-简介
*/ */
...@@ -107,12 +107,16 @@ class AddGraphicsIntro extends React.Component { ...@@ -107,12 +107,16 @@ class AddGraphicsIntro extends React.Component {
changeDetail = (value) => { changeDetail = (value) => {
this.props.onChange('isContent', !!this.isContent); this.props.onChange('isContent', !!this.isContent);
this.props.onChange('courseMedia', value); setTimeout(() => {
this.props.onChange('courseMedia', value);
}, 0)
} }
changeIntro = (value) => { changeIntro = (value) => {
this.props.onChange('isContent', !!this.isContent); this.props.onChange('isContent', !!this.isContent);
this.props.onChange('introduce', value); setTimeout(() => {
this.props.onChange('introduce', value);
}, 0)
} }
whetherVisitorsJoinChange = ()=>{ whetherVisitorsJoinChange = ()=>{
...@@ -145,7 +149,7 @@ class AddGraphicsIntro extends React.Component { ...@@ -145,7 +149,7 @@ class AddGraphicsIntro extends React.Component {
<div> <div>
<div className="desc"> <div className="desc">
<div>开启:允许未绑定手机号的用户观看</div> <div>开启:允许未绑定手机号的用户观看</div>
<div>关闭:仅限绑定了手机号的用户可以进入观看视频</div> <div>关闭:仅限绑定了手机号的用户可以进入观看图文课</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -159,8 +163,8 @@ class AddGraphicsIntro extends React.Component { ...@@ -159,8 +163,8 @@ class AddGraphicsIntro extends React.Component {
</Col> </Col>
<Col span={21}> <Col span={21}>
<div className="desc"> <div className="desc">
<div>开启:此视频将在用户店铺的视频列表中出现</div> <div>开启:此图文课将在用户店铺的图文课列表中出现</div>
<div>关闭:此视频将在用户店铺的视频列表中隐藏</div> <div>关闭:此图文课将在用户店铺的图文课列表中隐藏</div>
</div> </div>
</Col> </Col>
</Row> </Row>
......
/*
* @Author: 吴文洁
* @Date: 2020-08-05 10:11:57
* @LastEditors: zhangleyuan
* @LastEditTime: 2021-02-23 16:35:37
* @Description: 视频课-搜索模块
* @Copyright: 杭州杰竞科技有限公司 版权所有
*/
import React from 'react'; import React from 'react';
import { Row, Input, Select,Tooltip } from 'antd'; import { Row, Input, Select,Tooltip } from 'antd';
...@@ -141,7 +132,7 @@ class GraphicsCourseFilter extends React.Component { ...@@ -141,7 +132,7 @@ class GraphicsCourseFilter extends React.Component {
<span className="search-name">图文课名称:</span> <span className="search-name">图文课名称:</span>
<Search <Search
value={courseName} value={courseName}
placeholder="搜索视频课名称" placeholder="搜索图文课名称"
onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}} onChange={(e) => { this.handleChangeQuery('courseName', e.target.value)}}
onSearch={ () => { this.props.onChange(this.state.query) } } onSearch={ () => { this.props.onChange(this.state.query) } }
style={{ width: "calc(100% - 84px)" }} style={{ width: "calc(100% - 84px)" }}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment