index.js
2.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import Taro, {Component} from '@tarojs/taro';
import {View, Swiper, SwiperItem, Image} from '@tarojs/components';
// import {productDetail as productDetailModel} from '../../models';
import {getImgUrl} from '../../utils';
import {PageTitle} from '../../components';
import decIcon from '../../static/images/dec.png';
import addressIcon from '../../static/images/address.png';
import './index.scss';
export default class Sell extends Component {
constructor() {
this.state = {
};
}
componentDidMount() {
}
render() {
return (
<View className="sell-page">
<PageTitle pageTitle="出售"></PageTitle>
<View className="product-info">
<Image src="" className="product-img"></Image>
<View className="product-dec">
<View className="color">白色，42码</View>
<View className="price">最低价格:<Text className="num">¥1233</Text></View>
</View>
</View>
<View className="custom-self">
<Text className="left-nav">$</Text>
<Input placeholder="定价需以9结尾，例如￥1299" placeholderClass="placeholder" className="price-input"></Input>
</View>
<View className="bond-area">
<View className="bond-num">需支付保证金:<Text className="red">¥0</Text><Image src={decIcon} className="dec-icon"></Image></View>
<View className="bond-dec">所有商品必须为国内现货，且承诺36小时内发货，交易成功后将自动退还保证金</View>
</View>
<View className="other-cost">
<View className="cost-item"><View>平台费用:<Image src={decIcon} className="dec-icon"></Image></View><Text>-¥10.00</Text></View>
<View className="cost-item"><Text>银行转账费(0.6%):<Image src={decIcon} className="dec-icon"></Image></Text><Text>-¥0.00</Text></View>
<View className="cost-item"><Text className="black">实际收入:<Image src={decIcon} className="dec-icon"></Image></Text><Text className="red">-¥10.00</Text></View>
</View>
<View className="address">
<View className="add-address"><Image src={addressIcon} className="address-icon"></Image>添加地址</View>
<View className="dec">商品不符合平检查验标准时，将到付寄还给您</View>
</View>
<View className="protocol"><Checkbox value='选中' className="checkbox"></Checkbox>我已阅读并同意<Navigator className="protocol-url" hover-class="none">有货卖家协议</Navigator></View>
<Button className="submit-btn">提交</Button>
</View>
)
}
}