Commit f78e6242 by chenshu

fix:新增提示

parent b222ccae
...@@ -293,6 +293,11 @@ class CollegeInfoPage extends React.Component { ...@@ -293,6 +293,11 @@ class CollegeInfoPage extends React.Component {
<div id="preview-url-box" style={{width:500,height:282}}> <div id="preview-url-box" style={{width:500,height:282}}>
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
...@@ -339,6 +339,11 @@ class AddLiveBasic extends React.Component { ...@@ -339,6 +339,11 @@ class AddLiveBasic extends React.Component {
<div id="preview-url-box" style={{width:500,height:282}}> <div id="preview-url-box" style={{width:500,height:282}}>
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
...@@ -741,6 +741,11 @@ class AddGraphicsCourse extends React.Component { ...@@ -741,6 +741,11 @@ class AddGraphicsCourse extends React.Component {
<div id="preview-url-box" style={{width:500,height:282}}> <div id="preview-url-box" style={{width:500,height:282}}>
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
...@@ -783,6 +783,11 @@ class AddVideoCourse extends React.Component { ...@@ -783,6 +783,11 @@ class AddVideoCourse extends React.Component {
<div id="preview-url-box" style={{width:500,height:282}}> <div id="preview-url-box" style={{width:500,height:282}}>
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
...@@ -441,6 +441,11 @@ class BasicInfo extends React.Component{ ...@@ -441,6 +441,11 @@ class BasicInfo extends React.Component{
<div id="preview-url-box" style={{width:500,height:282}}> <div id="preview-url-box" style={{width:500,height:282}}>
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
...@@ -294,6 +294,11 @@ export default class CreateCollege extends React.Component { ...@@ -294,6 +294,11 @@ export default class CreateCollege extends React.Component {
<div id="preview-url-box" style={{width:500,height:282}}> <div id="preview-url-box" style={{width:500,height:282}}>
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
...@@ -70,6 +70,13 @@ ...@@ -70,6 +70,13 @@
.preview-img { .preview-img {
width: 500px; width: 500px;
margin-left: 24px; margin-left: 24px;
.tip-box {
margin-top: 16px;
.tip {
color: #333333;
line-height: 20px;
}
}
.title { .title {
font-size: 14px; font-size: 14px;
color: #999; color: #999;
......
...@@ -469,6 +469,11 @@ class StoreH5Decoration extends React.Component { ...@@ -469,6 +469,11 @@ class StoreH5Decoration extends React.Component {
<div id="H5-preview-url-box"> <div id="H5-preview-url-box">
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
...@@ -381,6 +381,11 @@ class StoreInfo extends React.Component { ...@@ -381,6 +381,11 @@ class StoreInfo extends React.Component {
<div id="preview-url-box" style={{width:500,height:282}}> <div id="preview-url-box" style={{width:500,height:282}}>
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
...@@ -467,6 +467,11 @@ class StoreWebDecoration extends React.Component { ...@@ -467,6 +467,11 @@ class StoreWebDecoration extends React.Component {
<div id="H5-preview-url-box"> <div id="H5-preview-url-box">
<img src={this.state.dataUrl} style={{ width: '100%' }} alt="" /> <img src={this.state.dataUrl} style={{ width: '100%' }} alt="" />
</div> </div>
<div className="tip-box">
<div className="tip">温馨提示</div>
<div className="tip">①预览效果图时可能存在延迟,单击左侧图片刷新即可</div>
<div className="tip">②设置图片时可双击旋转图片、滚动放大或缩小图片</div>
</div>
</div> </div>
</div> </div>
</Modal> </Modal>
......
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