优惠券立减金页面编写
This commit is contained in:
parent
dd738fffbd
commit
8775714379
|
@ -0,0 +1,54 @@
|
||||||
|
import React from 'react';
|
||||||
|
import { ColorPicker} from 'zent';
|
||||||
|
import Form from "@/components/form/main"
|
||||||
|
import FormItem from "@/components/form-item/main"
|
||||||
|
export default class edittemplate extends React.Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props)
|
||||||
|
this.state = {
|
||||||
|
model: {
|
||||||
|
font_color: "#AB582F",
|
||||||
|
button_color: "#fff",
|
||||||
|
describe: { type: "", content: " ", bg_image: '' },
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
handleChange = (color) => {
|
||||||
|
let model1 = this.state.model;
|
||||||
|
model1.font_color = color;
|
||||||
|
this.setState({
|
||||||
|
model: model1
|
||||||
|
});
|
||||||
|
}
|
||||||
|
handleChange1 = (color) => {
|
||||||
|
let model1 = this.state.model;
|
||||||
|
model1.button_color = color;
|
||||||
|
this.setState({
|
||||||
|
model: model1
|
||||||
|
});
|
||||||
|
}
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<div className='control page-title-control'>
|
||||||
|
<h1 style={{ fontSize: '16px' }}>商品详情页立减金设置</h1>
|
||||||
|
</div>
|
||||||
|
<div style={{ width: "92%", "margin": "0 auto", "overflow": "auto", "maxHeight": "100%" }}>
|
||||||
|
<Form model={this.state.model} ref="form1">
|
||||||
|
<div style={{ fontWeight: 'bold', marginBottom: '20px' }}>样式</div>
|
||||||
|
<FormItem labelname="字体颜色:" prop="button_color" id="button_color" labelwidth="80px">
|
||||||
|
<div className="colorItembg dfleac" >
|
||||||
|
<ColorPicker className="setbgColor" color={this.state.model.font_color} onChange={this.handleChange} />
|
||||||
|
</div>
|
||||||
|
</FormItem>
|
||||||
|
<FormItem labelname="背景颜色:" prop="font_color" id="font_color" labelwidth="80px">
|
||||||
|
<div className="colorItemfont dfleac">
|
||||||
|
<ColorPicker className="setbgColor" color={this.state.model.button_color} onChange={this.handleChange1} />
|
||||||
|
</div>
|
||||||
|
</FormItem>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
|
@ -23,6 +23,7 @@ import BottomBarView from './couponConfig/bottomBar'
|
||||||
import CouponLandingForm from '../couponTemplate/landingPage/config/main' //优惠券落地页表单
|
import CouponLandingForm from '../couponTemplate/landingPage/config/main' //优惠券落地页表单
|
||||||
import CouponGoodsListForm from '../couponTemplate/goodsPage/config/main' //优惠券商品列表页
|
import CouponGoodsListForm from '../couponTemplate/goodsPage/config/main' //优惠券商品列表页
|
||||||
import CouponGoodsDetailForm from '../couponTemplate/goodDetail/product/config' //优惠券商品详情页
|
import CouponGoodsDetailForm from '../couponTemplate/goodDetail/product/config' //优惠券商品详情页
|
||||||
|
import CouponReduceDetailForm from '../couponTemplate/goodDetail/reduce/main' //优惠券商品详情页
|
||||||
import CouponComLib from '../couponTemplate/goodsPage/componentLib/main' //优惠券组件库
|
import CouponComLib from '../couponTemplate/goodsPage/componentLib/main' //优惠券组件库
|
||||||
// import
|
// import
|
||||||
import _ from 'lodash'
|
import _ from 'lodash'
|
||||||
|
@ -1250,7 +1251,7 @@ export default class edittemplate extends React.Component {
|
||||||
setbottomImg={(c) => this.getbottomimgFn(c)}
|
setbottomImg={(c) => this.getbottomimgFn(c)}
|
||||||
setdetailftc={(c) => this.getdetailfont_color(c)}
|
setdetailftc={(c) => this.getdetailfont_color(c)}
|
||||||
/>:<CouponGoodsDetailForm/>
|
/>:<CouponGoodsDetailForm/>
|
||||||
) :this.state.activeNavStatus == 1?<ReduceConfig />:<CouponGoodsDetailForm/>
|
) :this.state.activeNavStatus == 1?<ReduceConfig />:<CouponReduceDetailForm/>
|
||||||
}
|
}
|
||||||
{this.state.preview_visible ? (
|
{this.state.preview_visible ? (
|
||||||
<PreviewEffect previewData={this.state.previewData} showType={this.state.showType} onCloseFn={this.onClose.bind(this)} />
|
<PreviewEffect previewData={this.state.previewData} showType={this.state.showType} onCloseFn={this.onClose.bind(this)} />
|
||||||
|
|
Loading…
Reference in New Issue