HandOver-liuwu
/
frontend
mirror of https://codeup.aliyun.com/lsxd/marketing/frontend.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

落地页H5预览立减金调整

This commit is contained in:
许红梅 2022-05-18 15:16:43 +08:00
parent b4c272c93c
commit 0a50e472cf
9 changed files with 42 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.css
View File

@ -188,6 +188,6 @@ resize: none;
left: 0;
top: 0;
background-color: rgba(0,0,0,0.5);
z-index: 6;
z-index: 66;
}

4
src/pages/exchangepage/edittemplate/goodstemplate.less
View File

@ -168,9 +168,9 @@
.details-reduce{
background: #fff;
position: relative;
#reduceKnockGold{
.reduce-pic{
width: 100%;
position: absolute!important;
top: 30px!important;
left:0;
z-index: 1;
}

1
src/pages/exchangepage/edittemplate/landingPage.js
View File

@ -10,7 +10,6 @@ import Form from "../../../components/form/main"
import FormItem from "../../../components/form-item/main"
import { uploadImg, handelResponse, getThemeType } from "../../../assets/api.js"
import Wangeditor from './wangeditorCom.js'
export default class edittemplate extends React.Component {
constructor(props) {
super(props)

9
src/pages/exchangepage/edittemplate/main.js
View File

@ -90,7 +90,7 @@ export default class edittemplate extends React.Component {
showPage: 1,
fontSize: 10000 / (375 * 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.canvasImgDomScr = this.canvasImgDomScr.bind(this)
@ -1067,12 +1067,13 @@ export default class edittemplate extends React.Component {
this.ondetailTypeChange(e)
}}
value={this.state.detailType}>
<RadioButton value={2} >
立减金
</RadioButton>
<RadioButton value={1} >
权益
</RadioButton>
<RadioButton value={2} >
立减金
</RadioButton>
</RadioGroup>
</div>
{

1
src/pages/exchangepage/edittemplate/main.less
View File

@ -1667,7 +1667,6 @@
box-sizing: border-box;
justify-content: space-between;
align-items: center;
img {
width: 28px;
height: 28px;

3
src/pages/exchangepage/edittemplate/reduce.js
View File

@ -3,7 +3,6 @@ import React, { Component } from 'react';
import "./main.less"
import "../../../assets/comm.css"
import './goodstemplate.less'
import ReducePage from '../../plan/knockGold/mobileCmponent'
export default class edittemplate extends React.Component{
constructor(props){
super(props)
@ -18,7 +17,7 @@ export default class edittemplate extends React.Component{
return(
<div className="editor-main goodstemplate details-reduce">
<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>
)
}

17
src/pages/exchangepage/previewEffect/main.js
View File

@ -14,6 +14,7 @@ export default class previewEffect extends React.Component {
showType: 3, //兑换码/白名单/立减金
pageStep: 1,
showPage: 1,
detailType:3
}
}
@ -40,7 +41,10 @@ export default class previewEffect extends React.Component {
this.setState({ setStyle: style, activeHeight: height })
}
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() {
return (
@ -74,6 +78,17 @@ export default class previewEffect extends React.Component {
<RadioButton value={3}>详情页</RadioButton>
</RadioGroup>
</div>
{
this.state.showPage==3?(
<div className='exchange-page'>
<p>详情页分类:</p>
<RadioGroup onChange={(e) => { this.ondetailTypeChange(e) }} value={this.state.detailType}>
<RadioButton value={3}>权&emsp;益</RadioButton>
<RadioButton value={4}>立减金</RadioButton>
</RadioGroup>
</div>
):null
}
</div>
</div>
</div>

20
src/pages/exchangepage/template/main.js
View File

@ -59,15 +59,18 @@ export default class mytemplate extends React.Component {
toTopFlag: false,
endreq: true,
center: "",
bottom: ""
bottom: "",
detailType: 3
}
}
onpageChange(e) {
this.setState({ showPage: e.target.value });
this.setState({ 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 })
}
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) {//白名单
let previewwhite = { ...this.state.previewwhite }
this.setState({ previewData: previewwhite });
@ -459,6 +462,15 @@ export default class mytemplate extends React.Component {
<RadioButton value={3}>详情页</RadioButton>
</RadioGroup>
</div>
{this.state.showPage == 3 ? (
<div className='exchange-page'>
<p>详情页分类:</p>
<RadioGroup onChange={(e) => { this.ondetailTypeChange(e) }} value={this.state.detailType}>
<RadioButton value={3}>权&emsp;益</RadioButton>
<RadioButton value={4}>立减金</RadioButton>
</RadioGroup>
</div>
) : null}
<div className="touse">
<Button type="primary"
onClick={(e) => { this.onUse(this.state.moudleData, this.state.showType) }}> 使用 </Button>

2
src/pages/exchangepage/template/preview.js
View File

@ -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>
</div>
) : null
) : (<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/coupon/reduce_pic.png"/>)
}
</div>