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

Merge branch 'couponV1.5' of https://codeup.aliyun.com/5f9118049cffa29cfdd3be1c/marketing/frontend into couponV1.5

This commit is contained in:
zhangds 2022-09-22 18:32:07 +08:00
parent 0be89c1ed6 571edf3c51
commit 0b2b8647b4
8 changed files with 271 additions and 254 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/exchangepage/edittemplate/couponCard/couponViewConfig/comm.less
View File

@ -28,8 +28,8 @@
width: 100%; width: 100%;
height: 50px; height: 50px;
background: #f00; background: #f00;
position: absolute; // position: absolute;
bottom: 0; // bottom: 0;
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
} }

15
src/pages/exchangepage/edittemplate/exchange/detailstemplate.js → src/pages/exchangepage/edittemplate/detailstemplate.js
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import "../main.less" import "./main.less"
import "@/assets/comm.css" import "@/assets/comm.css"
import '../goodstemplate.less' import './goodstemplate.less'
export default class edittemplate extends React.Component{ export default class edittemplate extends React.Component{
constructor(props){ constructor(props){
super(props) super(props)
@ -10,6 +10,7 @@ export default class edittemplate extends React.Component{
this.props.opendesc(true) this.props.opendesc(true)
} }
render(){ render(){
let detailInfo=this.props.detaildata;
return( return(
<div className="editor-main detailstemplate"> <div className="editor-main detailstemplate">
<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"/>
@ -18,19 +19,19 @@ export default class edittemplate extends React.Component{
<img className="iptbg" src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/detailipt.png'}/> <img className="iptbg" src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/detailipt.png'}/>
<p className="splitLine"></p> <p className="splitLine"></p>
{ {
this.props.detaildata.describe.bg_image&&this.props.detaildata.describe.type==1?<img className="detail_bottomImg" src={this.props.detaildata.describe.bg_image}/>:this.props.detaildata.describe.type==3?<div className="bottomactiveTip" dangerouslySetInnerHTML = {{ __html:this.props.detaildata.describe.content}}></div>:null detailInfo.describe.bg_image&&detailInfo.describe.type==1?<img className="detail_bottomImg" src={detailInfo.describe.bg_image}/>:detailInfo.describe.type==3?<div className="bottomactiveTip" dangerouslySetInnerHTML = {{ __html:detailInfo.describe.content}}></div>:null
} }
{ {
this.props.detaildata.describe.type==2?<img className="susactive_tip" onClick={this.opendescFn.bind(this)} src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png'}/>:null detailInfo.describe.type==2?<img className="susactive_tip" onClick={this.opendescFn.bind(this)} src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png'}/>:null
} }
{ {
[1,3].includes(this.props.templateType)?<button className="exchangeBtn" style={{background:this.props.detaildata.button_color,color:this.props.detaildata.font_color}}>立即兑换</button>: [1,3].includes(this.props.templateType)?<button className={detailInfo.describe.type == 1 && detailInfo.describe.bg_image || detailInfo.describe.type == 3 ? "exchageBtn bottomBtn" : "exchageBtn"} style={{background:detailInfo.button_color,color:detailInfo.font_color}}>立即兑换</button>:
<div className="dflexaj payBtn-view"> <div className={'dflexaj payBtn-view good-Btnview'}>
<div className="coupon-price"> <div className="coupon-price">
<p>￥<span>0.00</span></p> <p>￥<span>0.00</span></p>
<p>共省￥0.01</p> <p>共省￥0.01</p>
</div> </div>
<button className="payBtn" style={{background:this.props.detaildata.button_color,color:this.props.detaildata.font_color}}>立即支付</button> <button className="payBtn" style={{background:detailInfo.button_color,color:detailInfo.font_color}}>立即支付</button>
</div> </div>
} }

109
src/pages/exchangepage/edittemplate/goodstemplate.js
View File

@ -4,63 +4,50 @@ import "../../../assets/comm.css"
import './goodstemplate.less' import './goodstemplate.less'
import SearchBarView from './couponCard/couponViewConfig/searchBar' //商品详情搜索栏 import SearchBarView from './couponCard/couponViewConfig/searchBar' //商品详情搜索栏
import BottomBarView from './couponCard/couponViewConfig/bottomBar' //底部栏 import BottomBarView from './couponCard/couponViewConfig/bottomBar' //底部栏
import {Sweetalert} from 'zent' import { Sweetalert } from 'zent'
import Bus from '@/assets/eventBus.js' import Bus from '@/assets/eventBus.js'
export default class edittemplate extends React.Component { export default class edittemplate extends React.Component {
constructor(props) { constructor(props) {
super(props) super(props)
this.state={ this.state = {
clientY:0, clientY: 0,
selectDom:'', selectDom: '',
icon:'', icon: '',
comName:'' comName: ''
} }
} }
opendescFn() { opendescFn() {
this.props.opendesc(true) this.props.opendesc(true)
} }
customComponent(e,name,icon,comName){ customComponent(e, name, icon, comName) {
//getBoundingClientRect().top ;获取div最顶边距离浏览器的位置 //getBoundingClientRect().top ;获取div最顶边距离浏览器的位置
let offset_top = this.refs[name].getBoundingClientRect().top;
let b=this.refs[name]; console.log(25, offset_top - 125);
this.setState({ clientY: (offset_top - 125), selectDom: name, icon: icon, comName });
let offset_top=this.refs[name].getBoundingClientRect().top; if (name == 'searchBar') {
this.setState({ clientY: 0 });
this.setState({clientY:(offset_top-125),selectDom:name,icon:icon,comName}); }
if(name=='searchBar'){
this.setState({clientY:0});
} }
if(name=='bottomBar'){ deleteFn() {
this.setState({clientY:600}); let selectDom = this.state.selectDom;//需删除组件名称
}
}
deleteFn(){
let selectDom=this.state.selectDom;//需删除组件名称
Sweetalert.confirm({ Sweetalert.confirm({
title:'确认信息', title: '确认信息',
content: <p>确认删除该模块？</p>, content: <p>确认删除该模块？</p>,
onConfirm:()=>{ onConfirm: () => {
this.setState({selectDom:''}); this.setState({ selectDom: '' });
Bus.emit('componentLibClose',selectDom) Bus.emit('componentLibClose', selectDom)
}, },
onCancel:()=>{ onCancel: () => {
@ -75,22 +62,22 @@ export default class edittemplate extends React.Component {
render() { render() {
let goodsConfig=this.props.goodsdata; let goodsConfig = this.props.goodsdata;
console.log(48,goodsConfig); console.log(48, goodsConfig);
let naVisual=[] let naVisual = []
if(goodsConfig.bottomBar){ if (goodsConfig.bottomBar) {
naVisual=goodsConfig.bottomBar.navlist.filter(item=>item.iswitch); naVisual = goodsConfig.bottomBar.navlist.filter(item => item.iswitch);
} }
return ( return (
<div className="editor-main goodstemplate" style={{ background:goodsConfig.backgroundImg&&goodsConfig.backgroundImg.bgImg? `url('${goodsConfig.backgroundImg.bgImg}') center center /cover`:goodsConfig.backgroundImg&&goodsConfig.backgroundImg.bgColor?goodsConfig.backgroundImg.bgColor:'#F2F7F8' }}> <div className="goodstemplate_Xcenter" style={{ background: goodsConfig.backgroundImg && goodsConfig.backgroundImg.bgImg ? `url('${goodsConfig.backgroundImg.bgImg}') center center /cover` : goodsConfig.backgroundImg && goodsConfig.backgroundImg.bgColor ? goodsConfig.backgroundImg.bgColor : '#F2F7F8' }}>
<div className="goodstemplate">
{ {
goodsConfig.search&&goodsConfig.search.iswitch? goodsConfig.search && goodsConfig.search.iswitch ?
<div onClick={e=>this.customComponent(e,'search','marketing-sousuolan-','搜索栏')} className={this.state.selectDom=='search'?'selectBorder':''} ref="search"><SearchBarView searchConfig={goodsConfig.search} /></div>:null <div onClick={e => this.customComponent(e, 'search', 'marketing-sousuolan-', '搜索栏')} className={this.state.selectDom == 'search' ? 'selectBorder' : ''} ref="search"><SearchBarView searchConfig={goodsConfig.search} /></div> : null
} }
@ -104,26 +91,26 @@ export default class edittemplate extends React.Component {
{ {
goodsConfig.picture&&goodsConfig.picture.iswitch? <div onClick={e=>this.customComponent(e,'picture','marketing-tupian','图片')} ref="picture" className={this.state.selectDom=='picture'?'selectBorder':''}><img src={goodsConfig.picture.img} alt="" className="picture"/></div>:null goodsConfig.picture && goodsConfig.picture.iswitch ? <div onClick={e => this.customComponent(e, 'picture', 'marketing-tupian', '图片')} ref="picture" className={this.state.selectDom == 'picture' ? 'selectBorder' : ''}><img src={goodsConfig.picture.img} alt="" className="picture" /></div> : null
} }
{ {
goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.comstyle==1?<div onClick={e=>this.customComponent(e,'title','marketing-fuwenbenkuang','标题')} ref="title" className={this.state.selectDom=='title'?'selectBorder':''}><div className={goodsConfig.title.textAlign +' content-title '+goodsConfig.title.fontSize} style={{color:goodsConfig.title.fontColor,fontWeight:'bold'}}>{goodsConfig.title.text}</div></div>:null goodsConfig.title && goodsConfig.title.iswitch && goodsConfig.title.comstyle == 1 ? <div onClick={e => this.customComponent(e, 'title', 'marketing-fuwenbenkuang', '标题')} ref="title" className={this.state.selectDom == 'title' ? 'selectBorder' : ''}><div className={goodsConfig.title.textAlign + ' content-title ' + goodsConfig.title.fontSize} style={{ color: goodsConfig.title.fontColor, fontWeight: 'bold' }}>{goodsConfig.title.text}</div></div> : null
} }
{ {
goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.comstyle==2?<div onClick={e=>this.customComponent(e,'title','marketing-fuwenbenkuang','标题')} ref="title" className={this.state.selectDom=='title'?'selectBorder':''}> goodsConfig.title && goodsConfig.title.iswitch && goodsConfig.title.comstyle == 2 ? <div onClick={e => this.customComponent(e, 'title', 'marketing-fuwenbenkuang', '标题')} ref="title" className={this.state.selectDom == 'title' ? 'selectBorder' : ''}>
<img src={goodsConfig.title.pic} alt="" className="title-pic"/> <img src={goodsConfig.title.pic} alt="" className="title-pic" />
</div>:null </div> : null
} }
{ {
goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.text||goodsConfig.picture&&goodsConfig.picture.iswitch&&goodsConfig.picture.img?<div className="parting-line"></div>:null goodsConfig.title && goodsConfig.title.iswitch && goodsConfig.title.text || goodsConfig.picture && goodsConfig.picture.iswitch && goodsConfig.picture.img ? <div className="parting-line"></div> : null
} }
@ -133,13 +120,7 @@ export default class edittemplate extends React.Component {
} }
{
goodsConfig.list == 2 ? <button className={goodsConfig.describe.type == 1 && goodsConfig.describe.bg_image || goodsConfig.describe.type == 3 ? "exchageBtn bottomBtn" : "exchageBtn"} style={{ color: goodsConfig.font_color, background: goodsConfig.button_color }}>
{goodsConfig.search?'立即购买':'立即兑换'}
</button> : null
}
{ {
@ -152,14 +133,23 @@ export default class edittemplate extends React.Component {
goodsConfig.describe.type == 2 ? <img className="susactive_tip" onClick={this.opendescFn.bind(this)} src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png'} /> : null goodsConfig.describe.type == 2 ? <img className="susactive_tip" onClick={this.opendescFn.bind(this)} src={'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png'} /> : null
} }
{ {
goodsConfig.bottomBar&&goodsConfig.bottomBar.iswitch&&naVisual.length>1? <div ref="bottomBar" onClick={e=>this.customComponent(e,'bottomBar','marketing-list','底部栏')} className={this.state.selectDom=='bottomBar'?'selectBottomBorder':''}><BottomBarView bottomBarConfig={goodsConfig.bottomBar}/></div>:null
goodsConfig.list == 2 ? <button className={goodsConfig.describe.type == 1 && goodsConfig.describe.bg_image || goodsConfig.describe.type == 3 ? "exchageBtn bottomBtn" : "exchageBtn"} style={{ color: goodsConfig.font_color, background: goodsConfig.button_color }}>
{goodsConfig.search ? '立即购买' : '立即兑换'}
</button> : null
}
{
goodsConfig.bottomBar && goodsConfig.bottomBar.iswitch && naVisual.length > 1 ? <div ref="bottomBar" onClick={e => this.customComponent(e, 'bottomBar', 'marketing-list', '底部栏')} className={this.state.selectDom == 'bottomBar' ? 'selectBottomBorder' : ''}><BottomBarView bottomBarConfig={goodsConfig.bottomBar} /></div> : null
} }
</div>
{ {
this.state.selectDom?<div className="delete-component" style={{top:this.state.clientY}}> this.state.selectDom ? <div className="delete-component" style={{ top: this.state.clientY }}>
<span>{this.state.comName}</span> <span>{this.state.comName}</span>
@ -167,12 +157,9 @@ export default class edittemplate extends React.Component {
<span className="del-color" onClick={this.deleteFn.bind(this)}>删除</span> <span className="del-color" onClick={this.deleteFn.bind(this)}>删除</span>
</div>:null </div> : null
} }
</div> </div>
) )

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

@ -3,6 +3,9 @@
height: 653px; height: 653px;
background: #F2F7F8; background: #F2F7F8;
position: relative; position: relative;
overflow-y: auto;
overflow-x: hidden;
>.preBtn { >.preBtn {
position: absolute; position: absolute;
width: 28px; width: 28px;
@ -25,9 +28,11 @@
padding: 0 13px; padding: 0 13px;
display: flex; display: flex;
} }
.parting-line{
.parting-line {
height: 50px; height: 50px;
} }
>.goodsPic, >.goodsPic,
>.goodsPicMatrax { >.goodsPicMatrax {
width: 349px; width: 349px;
@ -36,6 +41,7 @@
position: relative; position: relative;
margin-top: -50px; margin-top: -50px;
} }
>.goodsPicMatrax { >.goodsPicMatrax {
height: auto; height: auto;
} }
@ -49,12 +55,7 @@
background: #E8EAEC; background: #E8EAEC;
border-radius: 44px; border-radius: 44px;
height: 44px; height: 44px;
margin: 30px 0 0 13px; margin: 30px 0 30px 13px;
&.bottomBtn {
position: fixed;
top: 695px;
}
} }
.susactive_tip { .susactive_tip {
@ -69,7 +70,7 @@
.bottomactiveTip { .bottomactiveTip {
width: 375px; width: 375px;
margin: 10px 0; margin: 10px 0;
padding: 24px 20px 60px; padding: 24px 20px;
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #fff;
border-radius: 4px; border-radius: 4px;
@ -79,41 +80,15 @@
p { p {
width: 335px; width: 335px;
} }
.fixbottom {
bottom: 0 !important;
} }
.delete-component {
display: flex;
position: absolute;
top: 0;
right: -36px;
-ms-flex-align: center;
align-items: center;
padding: 6px 8px;
border-radius: 2px;
background: #fff;
font-size: 14px;
-webkit-transform: translateX(73px);
transform: translateX(70px);
&:before{
position: absolute;
left: 0;
top: 50%;
border-width: 5px 6px 5px 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
content: "";
-webkit-transform: translate3d(-100%,-50%,0);
transform: translate3d(-100%,-50%,0);
} }
.split{ .payBtn-view {
padding: 0 5px; //优惠券支付模块
color: #b4b8b4;
}
}
.fixbottom{
bottom: 0!important;
}
.payBtn-view{//优惠券支付模块
width: 100%; width: 100%;
height: 60px; height: 60px;
position: absolute; position: absolute;
@ -121,22 +96,29 @@
left: 0; left: 0;
z-index: 9; z-index: 9;
background: #D7D7D7; background: #D7D7D7;
.coupon-price{ &.good-Btnview{
position: static;
margin-top: 50px;
}
.coupon-price {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
text-align: left; text-align: left;
padding-left: 15px; padding-left: 15px;
:first-of-type{
:first-of-type {
color: #FF5533; color: #FF5533;
span{
span {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
} }
} }
} }
.payBtn{
.payBtn {
width: 100px; width: 100px;
height: 100%; height: 100%;
border: 0; border: 0;
@ -144,36 +126,34 @@
} }
}
.goodstemplate {
// overflow-y: auto; .selectBorder {
.selectBorder {
z-index: 2; z-index: 2;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
border: 2px solid #1985ff; border: 2px solid #1985ff;
width: 100%; width: 100%;
height: auto; height: auto;
background: rgba(25,133,255,.2); background: rgba(25, 133, 255, .2);
content: ""; content: "";
} }
.title-pic{
height:40px; .title-pic {
} height: 40px;
.selectBottomBorder { }
position: absolute;
left: 0; .selectBottomBorder {
bottom: 0;
z-index: 2; z-index: 2;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
border: 2px solid #1985ff; border: 2px solid #1985ff;
width: 100%; width: 100%;
height: 54px; height: 54px;
background: rgba(25,133,255,.2); background: rgba(25, 133, 255, .2);
content: ""; content: "";
} }
.bottomactiveTip { .bottomactiveTip {
width: 350px; width: 350px;
margin: 12.5px; margin: 12.5px;
@ -189,7 +169,7 @@
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
box-sizing: border-box; box-sizing: border-box;
border:0; border: 0;
border-radius: 20px; border-radius: 20px;
} }
} }
@ -197,6 +177,9 @@
.detailstemplate { .detailstemplate {
position: relative; position: relative;
background: #fff; background: #fff;
overflow-y: auto;
overflow-x: hidden;
.detail_bottomImg { .detail_bottomImg {
width: 100%; width: 100%;
padding-bottom: 30px; padding-bottom: 30px;
@ -281,10 +264,12 @@
font-size: 16px; font-size: 16px;
} }
} }
.sort_number{
border: 0!important; .sort_number {
border-bottom: 1px solid #e0e0e0!important; border: 0 !important;
border-bottom: 1px solid #e0e0e0 !important;
} }
//商品详情页区分立减金/权益 //商品详情页区分立减金/权益
.details_type { .details_type {
position: relative; position: relative;
@ -318,22 +303,67 @@
.picture { .picture {
width: 100%; width: 100%;
} }
.goodstemplate::-webkit-scrollbar { .goodstemplate::-webkit-scrollbar {
width: 6px; width: 6px;
} }
.goodstemplate::-webkit-scrollbar-track { .goodstemplate::-webkit-scrollbar-track {
background-color:#F3F4F5; background-color: #F3F4F5;
border-radius: 4px; border-radius: 4px;
} }
.goodstemplate::-webkit-scrollbar-thumb { .goodstemplate::-webkit-scrollbar-thumb {
background-color:#C1C1C1; background-color: #C1C1C1;
border-radius: 4px; border-radius: 4px;
opacity: 0.7; opacity: 0.7;
width: 6px; width: 6px;
height: 4px; height: 4px;
}
.goodstemplate_Xcenter {
width: 375px;
top: 65px;
margin: 0 auto;
position: relative;
.delete-component {
display: flex;
position: absolute;
top: 0;
right: -36px;
-ms-flex-align: center;
align-items: center;
padding: 6px 8px;
border-radius: 2px;
background: #fff;
font-size: 14px;
-webkit-transform: translateX(73px);
transform: translateX(70px);
&:before {
position: absolute;
left: 0;
top: 50%;
border-width: 5px 6px 5px 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
content: "";
-webkit-transform: translate3d(-100%, -50%, 0);
transform: translate3d(-100%, -50%, 0);
} }
.split {
padding: 0 5px;
color: #b4b8b4;
}
}
}
.goodsList-item .goodstemplate_Xcenter {
top: 0;
}

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

@ -13,7 +13,7 @@ import CouponLandingForm from './couponCard/landPage'; //优惠券落地页表
import CouponComLib from './couponCard/goodsPage/componentLib/main'; //优惠券组件库 import CouponComLib from './couponCard/goodsPage/componentLib/main'; //优惠券组件库
import CouponGoodsListForm from './couponCard/goodsPage/config/main'; //优惠券商品列表页 import CouponGoodsListForm from './couponCard/goodsPage/config/main'; //优惠券商品列表页
import DetailsPage from './exchange/detailsPage'; //商品详情form页面 import DetailsPage from './exchange/detailsPage'; //商品详情form页面
import Detailstemplate from './exchange/detailstemplate' import Detailstemplate from './detailstemplate'
import Descteplate from './goodsdesc' import Descteplate from './goodsdesc'
import GoodsForm from './exchange/goodsPage'; //商品页表单 import GoodsForm from './exchange/goodsPage'; //商品页表单
import Goodstemplate from './goodstemplate' import Goodstemplate from './goodstemplate'

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

@ -16,6 +16,7 @@
} }
.xj-center-small { .xj-center-small {
z-index: 4;
margin: 0 430px 0 470px; margin: 0 430px 0 470px;
} }
@ -432,7 +433,7 @@
div { div {
width: 100%; width: 100%;
padding: 0 25px; padding: 25px;
line-height: 1.5rem; line-height: 1.5rem;
font-size: 13px; font-size: 13px;
box-sizing: border-box; box-sizing: border-box;

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

@ -206,23 +206,7 @@ export default class preview extends React.Component {
} }
/> />
)} )}
{propsData.product_list.list == 2 ? (
<button
className={
(propsData.product_list.describe.type == 1 &&
propsData.product_list.describe.bg_image) ||
propsData.product_list.describe.type == 3
? "exchageBtn"
: "exchageBtn"
}
style={{
color: propsData.product_list.font_color,
background: propsData.product_list.button_color,
}}
>
立即兑换
</button>
) : null}
{propsData.product_list.describe.type == 1 ? ( {propsData.product_list.describe.type == 1 ? (
<img <img
src={propsData.product_list.describe.bg_image} src={propsData.product_list.describe.bg_image}
@ -251,6 +235,23 @@ export default class preview extends React.Component {
} }
/> />
) : null} ) : null}
{propsData.product_list.list == 2 ? (
<button
className={
(propsData.product_list.describe.type == 1 &&
propsData.product_list.describe.bg_image) ||
propsData.product_list.describe.type == 3
? "exchageBtn bottomBtn"
: "exchageBtn"
}
style={{
color: propsData.product_list.font_color,
background: propsData.product_list.button_color,
}}
>
立即兑换
</button>
) : null}
{goodsConfig.bottomBar && {goodsConfig.bottomBar &&
goodsConfig.bottomBar.iswitch && goodsConfig.bottomBar.iswitch &&
naVisual.length > 1 ? ( naVisual.length > 1 ? (
@ -315,7 +316,7 @@ export default class preview extends React.Component {
) : null} ) : null}
{[1, 3].includes(this.props.pageType) ? ( {[1, 3].includes(this.props.pageType) ? (
<button <button
className="exchangeBtn" className={propsData.product_detail.describe.type == 1 && propsData.product_detail.describe.bg_image || propsData.product_detail.describe.type == 3 ? "exchageBtn bottomBtn" : "exchageBtn"}
style={{ style={{
background: propsData.product_detail.button_color, background: propsData.product_detail.button_color,
color: propsData.product_detail.font_color, color: propsData.product_detail.font_color,
@ -324,7 +325,7 @@ export default class preview extends React.Component {
立即兑换 立即兑换
</button> </button>
) : ( ) : (
<div className="dflexaj payBtn-view"> <div className="dflexaj payBtn-view good-Btnview">
<div className="coupon-price"> <div className="coupon-price">
<p>￥<span>0.00</span></p> <p>￥<span>0.00</span></p>
<p>共省￥0.01</p> <p>共省￥0.01</p>

5
src/pages/exchangepage/template/preview.less
View File

@ -113,7 +113,7 @@
.textTip_land { .textTip_land {
position: absolute; position: absolute;
top: 0; top: 0;
padding: 70px 25px 0; padding: 70px 25px 10px;
line-height: 1.5rem; line-height: 1.5rem;
font-size: 13px; font-size: 13px;
box-sizing: border-box; box-sizing: border-box;
@ -186,8 +186,5 @@
overflow: hidden; overflow: hidden;
} }
.previewComponent .preview-show .bottomBtn { .previewComponent .preview-show .bottomBtn {
width: 200px;
left: 50%;
margin-left: -100px;
height: 40px; height: 40px;
} }