模板男女弹窗样式调整

src/components/Operation/index.jsx

@@ -243,9 +243,9 @@ class Operation extends Component {
       <div className={style['line']}></div>
       <div className={style['iptWrap']}>
         <p>请选择模板性别归属(错误引用页面显示可能有误)</p>
-        <span className={style['commonSex']} id="commonSex" onClick={this.changeRadio.bind(this,1)}><img src={check_right} alt=""/>通用</span>
-        <span id="maleSex" onClick={this.changeRadio.bind(this,2)}><img src={check_circle} alt=""/>男</span>
-        <span id="femaleSex" onClick={this.changeRadio.bind(this,3)}><img src={check_circle} alt=""/>女</span>
+        <span className={style['commonSex']} id="commonSex" onClick={this.changeRadio.bind(this,1)}><img src={check_right} alt=""/><i style={{color:'#000'}}>通用</i></span>
+        <span id="maleSex" onClick={this.changeRadio.bind(this,2)}><img src={check_circle} alt=""/><i>男</i></span>
+        <span id="femaleSex" onClick={this.changeRadio.bind(this,3)}><img src={check_circle} alt=""/><i>女</i></span>
       </div>
     </div>
   }
@@ -254,16 +254,25 @@ class Operation extends Component {
       $('#commonSex img').attr('src',check_right)
       $('#maleSex img').attr('src',check_circle)
       $('#femaleSex img').attr('src',check_circle)
+      $('#commonSex i').css('color','#000')
+      $('#maleSex i').css('color','#6b6969')
+      $('#femaleSex i').css('color','#6b6969')
       this.setState({sex:'3'})
     }else if(sex == 2){
       $('#commonSex img').attr('src',check_circle)
       $('#maleSex img').attr('src',check_right)
       $('#femaleSex img').attr('src',check_circle)
+      $('#commonSex i').css('color','#6b6969')
+      $('#maleSex i').css('color','#000')
+      $('#femaleSex i').css('color','#6b6969')
       this.setState({sex:'1'})
     }else if(sex == 3){
       $('#commonSex img').attr('src',check_circle)
       $('#maleSex img').attr('src',check_circle)
       $('#femaleSex img').attr('src',check_right)
+      $('#commonSex i').css('color','#6b6969')
+      $('#maleSex i').css('color','#6b6969')
+      $('#femaleSex i').css('color','#000')
       this.setState({sex:'2'})
     }
   }

src/components/Operation/index.less

@@ -115,12 +115,18 @@
   text-align: center;
   p {
     text-align: left;
+    font-size: 12px;
+    color: #6b6969;
+    margin-bottom: 5px;
   }
   span {
     display: inline-block;
     cursor: pointer;
     padding-right: 24px;
     font-size: 14px;
+    i {
+      color: #6b6969;
+    }
     img {
       vertical-align: middle;
       position: relative;