Explorar o código

一般治疗添加展开收起(未完成)

zhangxc %!s(int64=5) %!d(string=hai) anos
pai
achega
a26a4e9c7f

+ 7 - 1
src/components/Treat/GeneralTreat/index.jsx

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
 import style from './index.less';
+import up from '@common/images/slide-up.png';
+import down from '@common/images/slide-down.png';
 
 class GeneralTreat extends Component {
     constructor(props){
@@ -11,7 +13,11 @@ class GeneralTreat extends Component {
         return(
             generalTreat && generalTreat.content && generalTreat.content.length > 0 && <div className={style['general-wrapper']}>
                 <div className={style['general-title-box']} style={titleStyle}></div>
-                <div className={style['general-title']} ><img className={style['general-icon']} src={icon}/>{title}</div>
+                <div className={`${style['general-title']} ${'clearfix'}`}  onClick={this.slideToggle}>
+                    <img className={style['general-icon']} src={icon}/>
+                    {title}
+                    <img  className={style['slide-toggle']} src={down}/>
+                </div>
                 <div className={style['general-item']} dangerouslySetInnerHTML={{__html: generalTreat.content}}>
                 </div>
 

+ 6 - 0
src/components/Treat/GeneralTreat/index.less

@@ -26,4 +26,10 @@
 .general-item {
     
     line-height: 36px;
+}
+.slide-toggle {
+    position: relative;
+    float: right;
+    top: 8px;
+    right: 10px;
 }