m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix 实训样式

Browse Source
PCqiandao
harry 5 years ago
parent 450ba26dc7
commit 03be8d94f8
5 changed files with 276 additions and 186 deletions
Show Stats Download Patch File Download Diff File

4
public/react/src/modules/paths/ShixunPathSearch.js
Unescape View File

@ -8,7 +8,7 @@ import Pagination from '@icedesign/base/lib/pagination';
import '@icedesign/base/lib/pagination/style.js';
import './ShixunPaths.css';
import KeywordList from '../tpm/shixuns/shixun-keyword-list';
import btnUrl from '../tpm/shixuns/btn-new.png';
import btnUrl from './btn-new.png';
class ShixunPathSearch extends Component {
constructor(props) {
@ -252,7 +252,7 @@ class ShixunPathSearch extends Component {
</ul>
</div>
</div>
<KeywordList btnUrl={btnUrl} onChangeLabel={this.onChangeLabel.bind(this)} OnSearchInput={this.OnSearchInput.bind(this)} onNewHandler={this.getUser.bind(this, '/paths/new')} btnStyle={{ top: '92px' }} />
<KeywordList btnUrl={btnUrl} onChangeLabel={this.onChangeLabel.bind(this)} OnSearchInput={this.OnSearchInput.bind(this)} onNewHandler={this.getUser.bind(this, '/paths/new')} btnStyle={{ top: '72px' }} />
<PathCard {...this.props} {...this.state}></PathCard>
{

BIN
public/react/src/modules/paths/btn-new.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

452
public/react/src/modules/tpm/TPMIndex.css
Unescape View File

@ -4,48 +4,58 @@
} */
body {
overflow: auto !important;
font-family: "Microsoft YaHei";
font-family: "Microsoft YaHei";
}
#root {
/* ie兼容性 */
position: relative;
min-height: 100%;
/* ie兼容性 */
position: relative;
min-height: 100%;
}
body>.-task-title {
opacity: 1 !important;
opacity: 1 !important;
}
/*<2A><><EFBFBD><EFBFBD><EFBFBD>Ŵ󾵵<C5B4><F3BEB5B5><EFBFBD><EFBFBD><EFBFBD>·Ŵ󾵵<C5B4>λ<EFBFBD><CEBB>*/
#root .search-all {
width: 219px;
width: 219px;
}
/*Header START*/
.newHeader .logoimg {
margin-top: 16px;
float: left;
width: 97px;
margin-top: 16px;
float: left;
width: 97px;
}
.head-right i {
font-size: 20px;
float: none !important;
font-size: 20px;
float: none !important;
}
.headIcon, #header_keyword_search {
padding-top: 13px !important;
.headIcon,
#header_keyword_search {
padding-top: 13px !important;
}
.search-icon {
height: 30px !important;
height: 30px !important;
}
.search-icon i {
font-size: 20px;
font-size: 20px;
}
#header_keyword_search i {
color: #4cacff;
color: #4cacff;
}
.ant-select-selection--multiple{
padding-bottom: 0px!important;
padding-top:3px;
.ant-select-selection--multiple {
padding-bottom: 0px !important;
padding-top: 3px;
}
/* 先注释掉下面2个样式，这样写影响范围太广了，并不是所有的select都需要40px高 */
/* .ant-select-selection--single{
height:40px!important;
@ -53,247 +63,323 @@ body>.-task-title {
.ant-select-selection__rendered{
line-height: 40px!important;
} */
.ant-select-selection--multiple .ant-select-selection__rendered>ul>li, .ant-select-selection--multiple>ul>li{
height: 25px!important;
line-height: 23px!important;
margin-bottom:3px;
margin-top:0px;
.ant-select-selection--multiple .ant-select-selection__rendered>ul>li,
.ant-select-selection--multiple>ul>li {
height: 25px !important;
line-height: 23px !important;
margin-bottom: 3px;
margin-top: 0px;
}
/*Main START*/
.newContainer{
background: #fafafa!important;
.newContainer {
background: #fafafa !important;
}
.ant-modal-title{
font-size: 16px;
font-weight: bold !important;
color: #333;
.ant-modal-title {
font-size: 16px;
font-weight: bold !important;
color: #333;
}
.ant-modal-title{
text-align: center;
.ant-modal-title {
text-align: center;
}
/*.ant-modal{*/
/*top:10rem !important;*/
/*top:10rem !important;*/
/*}*/
@-moz-document url-prefix() {
.ant-radio-inner {
width: 17px !important;
height: 17px !important;
}
.ant-radio-inner {
width: 17px !important;
height: 17px !important;
}
}
/* IE只能用padding，不能用上下居中 */
.shixunDetail_top{
display: block!important;
padding-top: 48px;
}
.totalScore{
display: block!important;
padding-top: 40px;
.shixunDetail_top {
display: block !important;
padding-top: 48px;
}
.head-nav ul#header-nav li{
/*font-weight: 600;*/
.totalScore {
display: block !important;
padding-top: 40px;
}
/*.newFooter{*/
/*position: fixed !important;*/
/*position: fixed !important;*/
/*}*/
.edu-menu-panel .edu-menu-listnew:hover .careersiconfont{
color: #000 !important;
.edu-menu-panel .edu-menu-listnew:hover .careersiconfont {
color: #000 !important;
}
.newHeader {
background: #24292D !important;
height: 60px !important;
background: #24292D !important;
height: 60px !important;
}
/*-------------------个人主页：右侧提示区域--------------------------*/
.-task-sidebar{position:fixed;width:40px;height:180px;right:0;bottom:80px !important;z-index: 10;}
.-task-sidebar>div{height: 40px;line-height: 40px;box-sizing: border-box;width:40px;background:#4CACFF;color:#fff;font-size:20px;text-align:center;margin-bottom:5px;border-radius: 4px;}
.-task-sidebar>div i{ color:#fff;}
.-task-sidebar>div i:hover{color: #fff!important;}
.gotop{background-color: rgba(208,207,207,0.5)!important;padding: 0px!important;}
.-task-desc{background:#494949;width:90px;line-height: 36px;text-align: center;
position: absolute;color: #fff;font-size: 13px;z-index: 999999;opacity: 0;}
.-task-desc div{position: absolute;top:10px;right: -7px;height: 13px;}
.-task-desc div img{float: left}
.-task-sidebar .scan_ewm{
position: absolute !important;
right: 45px !important;
bottom: 0px !important;
background-color: #494949 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
font-size: 14px !important;
line-height: 16px !important;
display: none;
height: 213px !important;
}
.trangle_right{position: absolute;right: -5px;bottom: 15px;width: 0;height: 0px;border-top: 6px solid transparent;border-left: 5px solid #494949;border-bottom: 6px solid transparent}
.HeaderSearch{
margin-top: 18px;
margin-right: 20px;
}
.HeaderSearch .ant-input-search .ant-input{
/*height:30px;*/
background: #373e3f !important;
border: 1px solid #373e3f !important;
}
.ant-input-search .ant-input-affix-wrapper{
border:transparent;
.-task-sidebar {
position: fixed;
width: 40px;
height: 180px;
right: 0;
bottom: 20px !important;
z-index: 10;
}
.-task-sidebar>div {
height: 40px;
line-height: 40px;
box-sizing: border-box;
width: 40px;
background: #4CACFF;
color: #fff;
font-size: 20px;
text-align: center;
margin-bottom: 5px;
border-radius: 4px;
}
.-task-sidebar>div i {
color: #fff;
}
.-task-sidebar>div i:hover {
color: #fff !important;
}
.gotop {
background-color: rgba(208, 207, 207, 0.5) !important;
padding: 0px !important;
}
.-task-desc {
background: #494949;
width: 90px;
line-height: 36px;
text-align: center;
position: absolute;
color: #fff;
font-size: 13px;
z-index: 999999;
opacity: 0;
}
.-task-desc div {
position: absolute;
top: 10px;
right: -7px;
height: 13px;
}
.-task-desc div img {
float: left
}
.-task-sidebar .scan_ewm {
position: absolute !important;
right: 45px !important;
bottom: 0px !important;
background-color: #494949 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
font-size: 14px !important;
line-height: 16px !important;
display: none;
height: 213px !important;
}
.trangle_right {
position: absolute;
right: -5px;
bottom: 15px;
width: 0;
height: 0px;
border-top: 6px solid transparent;
border-left: 5px solid #494949;
border-bottom: 6px solid transparent
}
.HeaderSearch {
margin-top: 18px;
margin-right: 20px;
}
.HeaderSearch .ant-input-search .ant-input {
/*height:30px;*/
background: #373e3f !important;
border: 1px solid #373e3f !important;
}
.ant-input-search .ant-input-affix-wrapper {
border: transparent;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
/* 比较奇怪的需求，先注释掉了，如果需要启用，麻烦增加class限制，别影响别的地方的使用 */
/* border-color: transparent; */
/* 比较奇怪的需求，先注释掉了，如果需要启用，麻烦增加class限制，别影响别的地方的使用 */
/* border-color: transparent; */
}
.ant-input:focus {
/*border-color: transparent;*/
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px transparent;
box-shadow: 0 0 0 2px transparent;
border: 1px solid #d9d9d9;
/*border-color: transparent;*/
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px transparent;
box-shadow: 0 0 0 2px transparent;
border: 1px solid #d9d9d9;
}
.HeaderSearch .ant-input-search .ant-input::-webkit-input-placeholder{
color: #999;
font-size: 14px;
.HeaderSearch .ant-input-search .ant-input::-webkit-input-placeholder {
color: #999;
font-size: 14px;
}
.HeaderSearch .ant-input-search .ant-input:-moz-placeholder {
color: #999;
font-size: 14px;
color: #999;
font-size: 14px;
}
.HeaderSearch .ant-input-search .ant-input::-moz-placeholder{
color: #999;
font-size: 14px;
.HeaderSearch .ant-input-search .ant-input::-moz-placeholder {
color: #999;
font-size: 14px;
}
.HeaderSearch .ant-input-search .ant-input:-ms-input-placeholder{
color: #999;
font-size: 14px;
.HeaderSearch .ant-input-search .ant-input:-ms-input-placeholder {
color: #999;
font-size: 14px;
}
.HeaderSearch .ant-input-search .ant-input-suffix .anticon-search {
color: #999;
color: #999;
}
.HeaderSearch .ant-input-search .ant-input{
color: #fff;
.HeaderSearch .ant-input-search .ant-input {
color: #fff;
}
.HeaderSearch .ant-input-search .ant-input-suffix{
background: transparent !important;
.HeaderSearch .ant-input-search .ant-input-suffix {
background: transparent !important;
}
.roundedRectangles{
position: absolute;
top: 10px;
right: -22px;
.roundedRectangles {
position: absolute;
top: 10px;
right: -22px;
}
.HeaderSearch{
width: 325px;
/*right: 20px;*/
.HeaderSearch {
width: 325px;
/*right: 20px;*/
}
.HeaderSearch .ant-input-search{
right: 20px;
.HeaderSearch .ant-input-search {
right: 20px;
}
.mainheighs{
height: 100%;
display: block;
.mainheighs {
height: 100%;
display: block;
}
.ml18a{
margin-left:18%;
.ml18a {
margin-left: 18%;
}
.logoimg{
float: left;
min-width: 40px;
height:40px;
.logoimg {
float: left;
min-width: 40px;
height: 40px;
}
.headwith100b{
width: 100%;
.headwith100b {
width: 100%;
}
.wechatcenter{
text-align: center;
.wechatcenter {
text-align: center;
}
.myrigthsiderbar{
right: 9% !important;
.myrigthsiderbar {
right: 9% !important;
}
.feedbackdivcolor{
background: #33BD8C !important;
height: 49px !important;
line-height: 24px !important;
.feedbackdivcolor {
background: #33BD8C !important;
height: 49px !important;
line-height: 24px !important;
}
.xiaoshou{
cursor:pointer
.xiaoshou {
cursor: pointer
}
.questiontypes{
width:37px;
height:17px;
font-size:12px;
color:rgba(51,51,51,1);
line-height:17px;
cursor:pointer;
.questiontypes {
width: 37px;
height: 17px;
font-size: 12px;
color: rgba(51, 51, 51, 1);
line-height: 17px;
cursor: pointer;
}
.questiontype{
width: 100%;
font-size: 12px;
color: #333333;
line-height: 17px;
text-align: center;
padding: 11px;
cursor:pointer;
.questiontype {
width: 100%;
font-size: 12px;
color: #333333;
line-height: 17px;
text-align: center;
padding: 11px;
cursor: pointer;
}
.questiontypeheng{
width:100%;
height:1px;
background: #EEEEEE;
.questiontypeheng {
width: 100%;
height: 1px;
background: #EEEEEE;
}
.mystask-sidebar{
right: 181px !important;
.mystask-sidebar {
right: 181px !important;
}
.mystask-sidebars{
right: 20px !important;
.mystask-sidebars {
right: 20px !important;
}
.shitikussmys{
width:29px !important;
height:20px!important;
background:#FF6601 !important;
border-radius:10px !important;
position: absolute !important;
font-size:11px !important;
color:#ffffff !important;
line-height:20px !important;
top: -13px !important;
right: -10px !important;
.shitikussmys {
width: 29px !important;
height: 20px !important;
background: #FF6601 !important;
border-radius: 10px !important;
position: absolute !important;
font-size: 11px !important;
color: #ffffff !important;
line-height: 20px !important;
top: -13px !important;
right: -10px !important;
}
.maxnamewidth30{
max-width: 30px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
cursor: default;
}
.mystask-sidebarss{
right: 5px !important;
.maxnamewidth30 {
max-width: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
.mystask-sidebarss {
right: 5px !important;
}

2
public/react/src/modules/tpm/shixuns/ShixunsIndex.js
Unescape View File

@ -392,7 +392,7 @@ class ShixunsIndex extends Component {
// console.log(this.state.updata)
return (
<div className="newMain clearfix backFAFAFA">
<div className="newMain clearfix backFAFAFA shi-xun-index">
{this.state.updata === undefined ? "" : <UpgradeModals
{...this.state}
/>}

4
public/react/src/modules/tpm/shixuns/shixun-keyword-list.scss
Unescape View File

@ -1,3 +1,7 @@
.shi-xun-index .search-keyword-container {
padding: 20px 0 15px 0;
}
.search-keyword-container {
display: flex;
flex-flow: row nowrap;

Write Preview
Loading…
Cancel
Save