Commit 7ad10835 by 姜雷

修改用车类型选择方式

parent 562de120
...@@ -40,10 +40,15 @@ class PublicCarApply extends Component { ...@@ -40,10 +40,15 @@ class PublicCarApply extends Component {
}); });
} }
selectCategory = id => { selectCategory = id => {
this.setState({ const { showAllCategory } = this.state;
categoryId: id, if (!showAllCategory) {
showAllCategory: false, this.toggleCategoryOptions();
}); } else {
this.setState({
categoryId: id,
showAllCategory: false,
});
}
}; };
toggleCategoryOptions = () => { toggleCategoryOptions = () => {
this.setState(({ showAllCategory }) => ({ this.setState(({ showAllCategory }) => ({
...@@ -149,15 +154,17 @@ class PublicCarApply extends Component { ...@@ -149,15 +154,17 @@ class PublicCarApply extends Component {
<div className={styles.listItemAutoHeight}> <div className={styles.listItemAutoHeight}>
<div className={styles.itemLabel}>用车类型</div> <div className={styles.itemLabel}>用车类型</div>
<div className={styles.itemValue}> <div className={styles.itemValue}>
<div {categoryId ? null : (
className={styles.selectInput} <div
onClick={this.toggleCategoryOptions} className={styles.selectInput}
> onClick={this.toggleCategoryOptions}
请选择 >
<span className={styles.arrow}> 请选择
<img src={arrIcon} alt="" /> <span className={styles.arrow}>
</span> <img src={arrIcon} alt="" />
</div> </span>
</div>
)}
{showAllCategory {showAllCategory
? categoryList.map(i => ( ? categoryList.map(i => (
<div <div
......
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