落地页H5预览立减金调整
This commit is contained in:
parent
b4c272c93c
commit
0a50e472cf
|
@ -188,6 +188,6 @@ resize: none;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
background-color: rgba(0,0,0,0.5);
|
background-color: rgba(0,0,0,0.5);
|
||||||
z-index: 6;
|
z-index: 66;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -168,9 +168,9 @@
|
||||||
.details-reduce{
|
.details-reduce{
|
||||||
background: #fff;
|
background: #fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
#reduceKnockGold{
|
.reduce-pic{
|
||||||
|
width: 100%;
|
||||||
position: absolute!important;
|
position: absolute!important;
|
||||||
top: 30px!important;
|
|
||||||
left:0;
|
left:0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
|
@ -10,7 +10,6 @@ import Form from "../../../components/form/main"
|
||||||
import FormItem from "../../../components/form-item/main"
|
import FormItem from "../../../components/form-item/main"
|
||||||
import { uploadImg, handelResponse, getThemeType } from "../../../assets/api.js"
|
import { uploadImg, handelResponse, getThemeType } from "../../../assets/api.js"
|
||||||
import Wangeditor from './wangeditorCom.js'
|
import Wangeditor from './wangeditorCom.js'
|
||||||
|
|
||||||
export default class edittemplate extends React.Component {
|
export default class edittemplate extends React.Component {
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props)
|
super(props)
|
||||||
|
|
|
@ -90,7 +90,7 @@ export default class edittemplate extends React.Component {
|
||||||
showPage: 1,
|
showPage: 1,
|
||||||
fontSize: 10000 / (375 * 0.75),
|
fontSize: 10000 / (375 * 0.75),
|
||||||
setStyle: { width: '375px', height: '667px', transform: 'scale(0.75)' },
|
setStyle: { width: '375px', height: '667px', transform: 'scale(0.75)' },
|
||||||
detailType: 2 //详情页1 权益 2-立减金
|
detailType: 1 //详情页1 权益 2-立减金
|
||||||
}
|
}
|
||||||
this.canvasImgDom = this.canvasImgDom.bind(this)
|
this.canvasImgDom = this.canvasImgDom.bind(this)
|
||||||
this.canvasImgDomScr = this.canvasImgDomScr.bind(this)
|
this.canvasImgDomScr = this.canvasImgDomScr.bind(this)
|
||||||
|
@ -1067,12 +1067,13 @@ export default class edittemplate extends React.Component {
|
||||||
this.ondetailTypeChange(e)
|
this.ondetailTypeChange(e)
|
||||||
}}
|
}}
|
||||||
value={this.state.detailType}>
|
value={this.state.detailType}>
|
||||||
<RadioButton value={2} >
|
|
||||||
立减金
|
|
||||||
</RadioButton>
|
|
||||||
<RadioButton value={1} >
|
<RadioButton value={1} >
|
||||||
权益
|
权益
|
||||||
</RadioButton>
|
</RadioButton>
|
||||||
|
<RadioButton value={2} >
|
||||||
|
立减金
|
||||||
|
</RadioButton>
|
||||||
|
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
</div>
|
</div>
|
||||||
{
|
{
|
||||||
|
|
|
@ -1667,7 +1667,6 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 28px;
|
width: 28px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
|
|
|
@ -3,7 +3,6 @@ import React, { Component } from 'react';
|
||||||
import "./main.less"
|
import "./main.less"
|
||||||
import "../../../assets/comm.css"
|
import "../../../assets/comm.css"
|
||||||
import './goodstemplate.less'
|
import './goodstemplate.less'
|
||||||
import ReducePage from '../../plan/knockGold/mobileCmponent'
|
|
||||||
export default class edittemplate extends React.Component{
|
export default class edittemplate extends React.Component{
|
||||||
constructor(props){
|
constructor(props){
|
||||||
super(props)
|
super(props)
|
||||||
|
@ -18,7 +17,7 @@ export default class edittemplate extends React.Component{
|
||||||
return(
|
return(
|
||||||
<div className="editor-main goodstemplate details-reduce">
|
<div className="editor-main goodstemplate details-reduce">
|
||||||
<img src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png'} className="preBtn"/>
|
<img src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png'} className="preBtn"/>
|
||||||
<ReducePage data={this.state.data} />
|
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/coupon/reduce_pic.png" alt="" className="reduce-pic"/>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -14,6 +14,7 @@ export default class previewEffect extends React.Component {
|
||||||
showType: 3, //兑换码/白名单/立减金
|
showType: 3, //兑换码/白名单/立减金
|
||||||
pageStep: 1,
|
pageStep: 1,
|
||||||
showPage: 1,
|
showPage: 1,
|
||||||
|
detailType:3
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -40,7 +41,10 @@ export default class previewEffect extends React.Component {
|
||||||
this.setState({ setStyle: style, activeHeight: height })
|
this.setState({ setStyle: style, activeHeight: height })
|
||||||
}
|
}
|
||||||
onpageChange(e) {
|
onpageChange(e) {
|
||||||
this.setState({ showPage: e.target.value, pageStep: e.target.value })
|
this.setState({ showPage: e.target.value, pageStep: e.target.value,detailType:3 })
|
||||||
|
}
|
||||||
|
ondetailTypeChange(e){
|
||||||
|
this.setState({ detailType: e.target.value,pageStep:e.target.value})
|
||||||
}
|
}
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
|
@ -74,6 +78,17 @@ export default class previewEffect extends React.Component {
|
||||||
<RadioButton value={3}>详情页</RadioButton>
|
<RadioButton value={3}>详情页</RadioButton>
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
</div>
|
</div>
|
||||||
|
{
|
||||||
|
this.state.showPage==3?(
|
||||||
|
<div className='exchange-page'>
|
||||||
|
<p>详情页分类:</p>
|
||||||
|
<RadioGroup onChange={(e) => { this.ondetailTypeChange(e) }} value={this.state.detailType}>
|
||||||
|
<RadioButton value={3}>权 益</RadioButton>
|
||||||
|
<RadioButton value={4}>立减金</RadioButton>
|
||||||
|
</RadioGroup>
|
||||||
|
</div>
|
||||||
|
):null
|
||||||
|
}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -59,15 +59,18 @@ export default class mytemplate extends React.Component {
|
||||||
toTopFlag: false,
|
toTopFlag: false,
|
||||||
endreq: true,
|
endreq: true,
|
||||||
center: "",
|
center: "",
|
||||||
bottom: ""
|
bottom: "",
|
||||||
|
detailType: 3
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
onpageChange(e) {
|
onpageChange(e) {
|
||||||
this.setState({ showPage: e.target.value });
|
this.setState({ showPage: e.target.value, pageStep: e.target.value,detailType:3 });
|
||||||
this.setState({ pageStep: e.target.value });
|
}
|
||||||
|
ondetailTypeChange(e) {
|
||||||
|
this.setState({ detailType: e.target.value, pageStep: e.target.value })
|
||||||
}
|
}
|
||||||
onTypeChange(e) {
|
onTypeChange(e) {
|
||||||
this.setState({ showType: e.target.value, pageStep: 1, showPage: 1 });
|
this.setState({ showType: e.target.value, pageStep: 1, showPage: 1,detailType:3 });
|
||||||
if (e.target.value == 1) {//白名单
|
if (e.target.value == 1) {//白名单
|
||||||
let previewwhite = { ...this.state.previewwhite }
|
let previewwhite = { ...this.state.previewwhite }
|
||||||
this.setState({ previewData: previewwhite });
|
this.setState({ previewData: previewwhite });
|
||||||
|
@ -459,6 +462,15 @@ export default class mytemplate extends React.Component {
|
||||||
<RadioButton value={3}>详情页</RadioButton>
|
<RadioButton value={3}>详情页</RadioButton>
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
</div>
|
</div>
|
||||||
|
{this.state.showPage == 3 ? (
|
||||||
|
<div className='exchange-page'>
|
||||||
|
<p>详情页分类:</p>
|
||||||
|
<RadioGroup onChange={(e) => { this.ondetailTypeChange(e) }} value={this.state.detailType}>
|
||||||
|
<RadioButton value={3}>权 益</RadioButton>
|
||||||
|
<RadioButton value={4}>立减金</RadioButton>
|
||||||
|
</RadioGroup>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
<div className="touse">
|
<div className="touse">
|
||||||
<Button type="primary"
|
<Button type="primary"
|
||||||
onClick={(e) => { this.onUse(this.state.moudleData, this.state.showType) }}> 使用 </Button>
|
onClick={(e) => { this.onUse(this.state.moudleData, this.state.showType) }}> 使用 </Button>
|
||||||
|
|
|
@ -119,7 +119,7 @@ export default class acclist extends React.Component {
|
||||||
}
|
}
|
||||||
<button className="exchangeBtn viewdetailBtn" style={{ background: propsData.product_detail.button_color, color: propsData.product_detail.font_color }}>立即兑换</button>
|
<button className="exchangeBtn viewdetailBtn" style={{ background: propsData.product_detail.button_color, color: propsData.product_detail.font_color }}>立即兑换</button>
|
||||||
</div>
|
</div>
|
||||||
) : null
|
) : (<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/coupon/reduce_pic.png"/>)
|
||||||
|
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue