Commit bcc929e9 by 万亚飞

fix bug

parent 3724e420
...@@ -227,12 +227,12 @@ module.exports = merge(base, { ...@@ -227,12 +227,12 @@ module.exports = merge(base, {
// name: 'async-commons', // name: 'async-commons',
// priority: 10 // priority: 10
// }, // },
commons: { // commons: {
// 其他同步加载公共包 // // 其他同步加载公共包
chunks: 'initial', // chunks: 'initial',
priority: 2, // priority: 2,
minChunks: 2 // minChunks: 2
} // }
} }
} }
} }
......
import React, { Component } from 'react';
import './pay.less';
class Pay extends Component {
render() {
return (
<div className="pay-box">
<ul className="y-cells">
<li>
<div className="head-cell">
<span className="b">预约咨询(王尼玛)</span>
</div>
<div className="footer-cell">
<span className="fs12"></span>
<span>129.00</span>
</div>
</li>
<li>
<div className="head-cell" />
<div className="footer-cell">
<span className="c3">还需支付</span>
<span></span>
<span className="fs24">129.00</span>
</div>
</li>
</ul>
<div className="fs12 separate">选择支付方式</div>
<ul className="y-cells pay-list">
<li>
<label for="wechat">
<i className="y-icon-wechat" />
<span className="ml5 flex1">微信支付</span>
<input id="wechat" checked className="y-checkbox" type="radio" name="payType" value="2" />
</label>
</li>
<li>
<label for="alipay">
<i className="y-icon-alipay" />
<span className="ml5 flex1">支付宝支付</span>
<input id="alipay" className="y-checkbox" type="radio" name="payType" value="1" />
</label>
</li>
</ul>
<div className="fs12 box-c pt30 c6">
<div>付款保障:</div>
<ul>
<li>1.国内专业的心理服务平台,300万客户的选择;</li>
<li>2.CCTV12"我和你说"栏目诚邀合作,信心保障;</li>
<li>3.咨询不满意,随时退款!</li>
</ul>
</div>
<div className="bottom-operate bottom-cover">
<div className="customer">
<span>客服</span>
</div>
<button className="am-button am-button-primary">(¥36.00) 确认付款</button>
</div>
</div>
);
}
}
export default Pay;
.pay-box {
height: 100%;
background-color: #f6f6f6;
}
.y-cells {
background: #fff;
}
.y-cells li {
position: relative;
padding: 15px;
display: flex;
font-size: 15px;
}
.y-cells li label {
width: 100%;
display: flex;
align-items: center;
}
.y-cells li:not(:last-child)::after,
.pay-list li:not(:last-child)::after {
content: ' ';
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
height: 1px;
border-bottom: 1px solid #e0e0e0;
transform: scaleY(0.5);
}
.y-cells li .head-cell {
color: #242424;
}
.y-cells li .footer-cell {
flex: 1;
color: #333;
text-align: right;
}
.y-cells li.access .footer-cell:after {
content: ' ';
display: inline-block;
height: 8px;
width: 8px;
border-width: 2px 2px 0 0;
border-color: #b2b2b2;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
margin-top: -5px;
right: 15px;
}
.access .footer-cell {
padding-right: 15px;
}
.separate {
background: #f7f7f7;
height: 30px;
color: #666;
line-height: 30px;
padding-left: 15px;
padding-right: 15px;
}
.pay-box {
.bottom-operate {
height: 55px;
.customer {
font-size: 14px;
text-align: center;
width: 125px;
}
.am-button {
height: 55px;
line-height: 55px;
}
}
}
...@@ -179,7 +179,9 @@ class Train extends Component { ...@@ -179,7 +179,9 @@ class Train extends Component {
}; };
delFile = () => { delFile = () => {
this.setState({ this.setState({
certificateFiles: [] certificateFiles: [],
viewImages: [],
imgUrls: []
}); });
this.hansChangeForm(); this.hansChangeForm();
}; };
......
...@@ -110,7 +110,9 @@ class AddMaterial extends Component { ...@@ -110,7 +110,9 @@ class AddMaterial extends Component {
}; };
delFile = () => { delFile = () => {
this.setState({ this.setState({
certificateFiles: [] certificateFiles: [],
viewImages: [],
imgUrls: []
}); });
this.hansChangeForm(); this.hansChangeForm();
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment