fix:修复编辑器底部栏目分类未回显

style:美化编辑器预览区域样式
This commit is contained in:
Apple 2022-10-21 16:16:14 +08:00
parent 5f7050d9de
commit c63c2c0c2b
4 changed files with 6 additions and 7 deletions

View File

@ -150,8 +150,8 @@ export default class edittemplate extends React.Component {
<div className="activeTip"> <div className="activeTip">
<FormItem required={false} labelname="组件样式:" labelwidth="100px"> <FormItem required={false} labelname="组件样式:" labelwidth="100px">
<RadioGroup onChange={(e) => { this.changeConfig('comType',e.target.value) }} value={this.state.comType}> <RadioGroup onChange={(e) => { this.changeConfig('comType',e.target.value) }} value={this.state.comType}>
<RadioButton onClick={() => this.hasItemFn(1)} value={1}>默认</RadioButton> <RadioButton onClick={() => this.hasItemFn(1)} value={'1'}>默认</RadioButton>
<RadioButton onClick={() => this.hasItemFn(2)} value={2}>自定义</RadioButton> <RadioButton onClick={() => this.hasItemFn(2)} value={'2'}>自定义</RadioButton>
</RadioGroup> </RadioGroup>
</FormItem> </FormItem>
</div> </div>

View File

@ -68,7 +68,7 @@ export default class edittemplate extends React.Component {
<div onClick={e => this.customComponent(e, 'search', 'marketing-sousuolan-', '搜索栏')} className={this.state.selectDom == 'search' ? 'selectBorder' : ''} ref="search"> <div onClick={e => this.customComponent(e, 'search', 'marketing-sousuolan-', '搜索栏')} className={this.state.selectDom == 'search' ? 'selectBorder' : ''} ref="search">
<SearchBarView searchConfig={goodsConfig.search} /></div> : null <SearchBarView searchConfig={goodsConfig.search} /></div> : null
} }
<div className="goodstemplate" style={{ background: goodsConfig.backgroundImg && goodsConfig.backgroundImg.bgImg ? `url('${goodsConfig.backgroundImg.bgImg}') center center /cover` : goodsConfig.backgroundImg && goodsConfig.backgroundImg.bgColor ? goodsConfig.backgroundImg.bgColor : '#f9f9f9', height: this.setHeight() }}> <div className="goodstemplate" style={{ background: goodsConfig.backgroundImg && goodsConfig.backgroundImg.bgImg ? `url('${goodsConfig.backgroundImg.bgImg}') center center /cover` : goodsConfig.backgroundImg && goodsConfig.backgroundImg.bgColor ? goodsConfig.backgroundImg.bgColor : '#f1f5f7', height: this.setHeight() }}>
<img src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png'} className="preBtn" style={{display:goodsConfig.search && goodsConfig.search.iswitch == 1?'none':'block'}}/> <img src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png'} className="preBtn" style={{display:goodsConfig.search && goodsConfig.search.iswitch == 1?'none':'block'}}/>
{ {
!goodsConfig.top_image ? <img className="topbanner" src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/goodstop.png'} /> : <img className="topbanner" src={goodsConfig.top_image} /> !goodsConfig.top_image ? <img className="topbanner" src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/goodstop.png'} /> : <img className="topbanner" src={goodsConfig.top_image} />

View File

@ -262,7 +262,7 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
top: 65px; top: 65px;
// height: 400px; box-shadow: 0 1px 6px 2px rgba(99, 105, 106, 0.063);
width: 375px; width: 375px;
margin-bottom: 200px; margin-bottom: 200px;
.exchageBtn { .exchageBtn {
@ -347,7 +347,7 @@
top: 65px; top: 65px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
box-shadow: 0 1px 6px 2px rgba(99, 105, 106, 0.063);
.delete-component { .delete-component {
display: flex; display: flex;
position: absolute; position: absolute;

View File

@ -39,8 +39,7 @@
} }
.editor-main { .editor-main {
-webkit-box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .03); box-shadow: 0 1px 6px 2px rgba(99, 105, 106, 0.063);
box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .03);
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
top: 65px; top: 65px;