diff --git a/public/react/src/modules/tpm/TPMBanner.js b/public/react/src/modules/tpm/TPMBanner.js index 1ac81fe86..70e837bec 100644 --- a/public/react/src/modules/tpm/TPMBanner.js +++ b/public/react/src/modules/tpm/TPMBanner.js @@ -8,7 +8,7 @@ import PropTypes from 'prop-types'; import { Rating ,Progress} from "@icedesign/base"; -import {Modal,Input,Radio,Pagination,message,Spin,Icon,Tooltip} from 'antd'; +import {Modal,Input,Radio,Pagination,message,Spin,Icon,Tooltip,Rate} from 'antd'; import AccountProfile from"../user/AccountProfile"; @@ -607,7 +607,19 @@ class TPMBanner extends Component { </p> <div className="clearfix mt50"> - <ul className="fl color-grey-c pathInfo"> + <style> + { + ` + .anticon-star{ + font-size:14px; + } + .pathInfo{ + margin-right:-5px; + } + ` + } + </style> + <ul className="fl color-grey-c pathInfo" > <li> <span>学习人数</span> <span className="mt10">{shixunsDetails.stu_num}</span> @@ -624,11 +636,11 @@ class TPMBanner extends Component { </ul> <div className="pr fl" id="commentsStar" onMouseOver={()=>this.showonMouseOver()} onMouseOut={()=>this.hideonMouseOut()}> - <div className={"color-grey-c mb7"} style={{color: "#Fff",textAlign: "center"}}>学员评分</div> + <div className={"color-grey-c ml15"} style={{color: "#Fff",textAlign: "center"}}>学员评分</div> <div className="rateYo"> - <Rating value={star_info[0]} disabled allowHalf/> + <Rate value={star_info[0]} disabled allowHalf/> </div> - <div id="ratePanel" className="showratePanel" style={{"width":"512px"}} onMouseOut={()=>this.hideonMouseOut()}> + <div id="ratePanel" className="showratePanel" style={{"width":"530px"}} onMouseOut={()=>this.hideonMouseOut()}> <div className="pr"> <span className="rateTrangle"></span> <div className="pr clearfix ratePanelContent" style={{height: '177px'}}> @@ -639,16 +651,16 @@ class TPMBanner extends Component { <span className="displayblock">总评分</span> <div className="rateYo"> {showradios === true ? - <Rating value={star_info[0]} allowHalf/> + <Rate value={star_info[0]} allowHalf/> : ""} </div> </div> </div> - <div className="fr width360"> + <div className="fr"> <div className="clearfix"> <div className="rateYo fl mt3"> {showradios === true ? - <Rating value={5} disabled allowHalf/> + <Rate value={5} disabled allowHalf/> : ""} </div> <Progress percent={star_infos[1]} showInfo={false}></Progress> @@ -657,7 +669,7 @@ class TPMBanner extends Component { <div className="clearfix"> <div className="rateYo fl mt3"> {showradios === true ? - <Rating value={4} disabled allowHalf/> + <Rate value={4} disabled allowHalf/> : ""} </div> <Progress percent={star_infos[2]} showInfo={false}></Progress> @@ -666,7 +678,7 @@ class TPMBanner extends Component { <div className="clearfix"> <div className="rateYo fl mt3"> {showradios === true ? - <Rating value={3} disabled allowHalf/> + <Rate value={3} disabled allowHalf/> : ""} </div> <Progress percent={star_infos[3]} showInfo={false}></Progress> @@ -675,7 +687,7 @@ class TPMBanner extends Component { <div className="clearfix"> <div className="rateYo fl mt3"> {showradios === true ? - <Rating value={2} disabled allowHalf/> + <Rate value={2} disabled allowHalf/> : ""} </div> <Progress percent={star_infos[4]} showInfo={false}></Progress> @@ -684,7 +696,7 @@ class TPMBanner extends Component { <div className="clearfix"> <div className="rateYo fl mt3"> {showradios === true ? - <Rating value={1} disabled allowHalf/> + <Rate value={1} disabled allowHalf/> : ""} </div> <Progress percent={star_infos[5]} showInfo={false}></Progress> diff --git a/public/react/src/modules/tpm/TPMShixunDiscuss.css b/public/react/src/modules/tpm/TPMShixunDiscuss.css index 6006b3f30..3af4ec269 100644 --- a/public/react/src/modules/tpm/TPMShixunDiscuss.css +++ b/public/react/src/modules/tpm/TPMShixunDiscuss.css @@ -1,47 +1,47 @@ -.tpmComment .-fit { - position: inherit; -} -.tpmComment .rc-pagination { - margin-left: auto; - margin-right: auto; - margin-top: 12px; - margin-bottom: 20px; -} -.tpmComment .paginationSection { - background: #FAFAFA; -} -.tpmComment .comment_item_cont.df.clearfix:nth-last-child(1) { - border-bottom: none; -} - -/*.tpmComment .fl.edu-back-white {*/ -/*min-height: 600px;*/ -/*}*/ - - -.user_watch_btn { - cursor: pointer; -} - - -/*md编辑器*/ -.tpmComment .commentItemMDEditor a.task-btn { - background: #4cacff!important; - margin-right: 16px; - margin-top: 16px; -} -/* md编辑器 resizeBar*/ - .tpmComment .commentItemMDEditor .editor__resize { - transform: translateX(-176%) -} - -#ratePanel > div > div > div.fr div.rateYo.fl.mt3 { - height: 20px; - line-height: 20px; - cursor: default; - width: 90px; -} - -.tpmComment .icon-jiangli { - /* margin-top: 2px; */ +.tpmComment .-fit { + position: inherit; +} +.tpmComment .rc-pagination { + margin-left: auto; + margin-right: auto; + margin-top: 12px; + margin-bottom: 20px; +} +.tpmComment .paginationSection { + background: #FAFAFA; +} +.tpmComment .comment_item_cont.df.clearfix:nth-last-child(1) { + border-bottom: none; +} + +/*.tpmComment .fl.edu-back-white {*/ +/*min-height: 600px;*/ +/*}*/ + + +.user_watch_btn { + cursor: pointer; +} + + +/*md编辑器*/ +.tpmComment .commentItemMDEditor a.task-btn { + background: #4cacff!important; + margin-right: 16px; + margin-top: 16px; +} +/* md编辑器 resizeBar*/ + .tpmComment .commentItemMDEditor .editor__resize { + transform: translateX(-176%) +} + +#ratePanel > div > div > div.fr div.rateYo.fl.mt3 { + height: 20px; + line-height: 20px; + cursor: default; + width: 110px; +} + +.tpmComment .icon-jiangli { + /* margin-top: 2px; */ } \ No newline at end of file diff --git a/public/react/src/modules/tpm/shixuns/css/TPMBanner.css b/public/react/src/modules/tpm/shixuns/css/TPMBanner.css index a6a7acc9a..fe059fccd 100644 --- a/public/react/src/modules/tpm/shixuns/css/TPMBanner.css +++ b/public/react/src/modules/tpm/shixuns/css/TPMBanner.css @@ -8,7 +8,7 @@ .rateYo{ text-align: center; cursor: default; - width: 90px; + width: 111px; } a:link, a:visited {