修改红山开源整体样式以及细节样式

This commit is contained in:
unknown 2022-02-10 15:52:07 +08:00
parent ad27cfb042
commit 5d5570b6fc
13 changed files with 104 additions and 38 deletions

View File

@ -300,7 +300,8 @@ class App extends Component {
<ConfigProvider locale={zhCN}> <ConfigProvider locale={zhCN}>
<MuiThemeProvider theme={theme}> <MuiThemeProvider theme={theme}>
<LoginDialog {...this.props} {...this.state} Modifyloginvalue={() => this.Modifyloginvalue()}></LoginDialog> <LoginDialog {...this.props} {...this.state} Modifyloginvalue={() => this.Modifyloginvalue()}></LoginDialog>
<SiderBar /> {/* 红山开源项目暂无右下方便捷按钮 */}
{/* <SiderBar /> */}
{/* <Router> */} {/* <Router> */}
<Switch> <Switch>
{/* wiki预览 */} {/* wiki预览 */}

View File

@ -9,7 +9,20 @@ class Loading extends Component {
} }
render() { render() {
return "" return (
<div className="App" style={{ minHeight: '800px', width: "100%" }}>
<style>
{
`
.margintop{
margin-top:20%;
}
`
}
</style>
<Spin size="large" className={"margintop"} />
</div>
);
} }
} }

View File

@ -10,6 +10,7 @@ import ListItem from './IndexItem';
import axios from 'axios'; import axios from 'axios';
import img_new from '../Images/new.png'; import img_new from '../Images/new.png';
import img_array from '../Images/array.png'; import img_array from '../Images/array.png';
import banner from '../Images/banner_list.png';
import CheckProfile from '../Component/ProfileModal/Profile'; import CheckProfile from '../Component/ProfileModal/Profile';
const Search = Input.Search; const Search = Input.Search;
@ -291,9 +292,9 @@ class Index extends Component {
return ( return (
<div> <div>
{/* <p className="t_project_banner"> <p className="t_project_banner">
<img src={banner} width="100%" alt=""/> <img src={banner} width="100%" alt=""/>
</p> */} </p>
{/* { {/* {
recommendOriList && recommendOriList.length>0? recommendOriList && recommendOriList.length>0?
<Slider {...settings} className="recommandOri"> <Slider {...settings} className="recommandOri">

View File

@ -102,18 +102,12 @@ class IndexItem extends Component {
} }
</AlignCenter> </AlignCenter>
<span className="p-r-tags"> <span className="p-r-tags">
{
item.praises_count && item.praises_count>0 ?
<span className="pariseTag"> <span className="pariseTag">
<img src={img_parise} alt="" className="pariseImg" /> {item.praises_count} <img src={img_parise} alt="" className="pariseImg" /> {item.praises_count}
</span>:"" </span>
}
{
item.forked_count && item.forked_count>0 ?
<span> <span>
<i className="iconfont icon-fork mr3 font-16" style={{ color: "#1B8FFF" }} />fork {item.forked_count} <i className="iconfont icon-fork mr3 font-16" style={{ color: "#1B8FFF" }} />fork {item.forked_count}
</span>:"" </span>
}
</span> </span>
</div> </div>
<p className="break_word task-hide-2 mt10" style={{ maxHeight: "44px",lineHeight:"22px" }}>{item.description}</p> <p className="break_word task-hide-2 mt10" style={{ maxHeight: "44px",lineHeight:"22px" }}>{item.description}</p>

View File

@ -2,7 +2,8 @@ ul,ol,dl{
margin-bottom: 0px; margin-bottom: 0px;
} }
.newMain{ .newMain{
background-color: #fff; padding-bottom: 110px;
background-color: #f5f5f5;
} }
.newTable{ .newTable{
background-color: #F0F5FF; background-color: #F0F5FF;

View File

@ -123,11 +123,11 @@
max-width: 500px; max-width: 500px;
} }
.link { .link, .link:hover {
color: #0089ff; color: #4154f1;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: #509eff; opacity: 0.8;
} }
} }

View File

@ -41,9 +41,16 @@
justify-content: space-between; justify-content: space-between;
padding: .3rem 2rem 1.5rem; padding: .3rem 2rem 1.5rem;
margin: 0px -1.25rem; margin: 0px -1.25rem;
// border: 1px solid;
border-bottom: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;
// background: #f5f5f5; .ant-input:hover{
border-color: #4154f1;
}
.ant-btn-primary{
background-color: #4154f1;
&:hover{
opacity: 0.8;
}
}
} }
.notice-center-content{ .notice-center-content{
@ -66,7 +73,7 @@
} }
i{ i{
margin-right: .25em; margin-right: .25em;
color: #1890FF; color: #4154f1;
} }
} }
} }
@ -91,10 +98,10 @@
color: #333; color: #333;
cursor: pointer; cursor: pointer;
&:hover{ &:hover{
color: #1890FF; color: #4154f1;
} }
&.active{ &.active{
color: #1890FF; color: #4154f1;
} }
} }
} }
@ -108,6 +115,9 @@
margin-right: 20px; margin-right: 20px;
width: 20.8em; width: 20.8em;
caret-color: rgba(0, 0, 0, 0); caret-color: rgba(0, 0, 0, 0);
.menu-ul:last-child{
margin-top: 12px;
}
} }
.none_p_title{ .none_p_title{
@ -135,9 +145,9 @@
} }
span:hover{ span:hover{
color: #1484EF; color: #4154f1;
.iconfont{ .iconfont{
color: #1484EF !important; color: #4154f1 !important;
} }
} }
} }
@ -174,7 +184,7 @@
width: 6px; width: 6px;
content: ''; content: '';
height: 30px; height: 30px;
background: #1484EF; background: #4154f1;
} }
} }
@ -186,3 +196,20 @@
.ant-input-group-addon .ant-btn-lg { .ant-input-group-addon .ant-btn-lg {
height: 40px; height: 40px;
} }
.edu-txt-center .ant-pagination {
margin: 2rem auto;
text-align: center;
.ant-pagination-item:focus, .ant-pagination-item:hover, .ant-pagination-item-active, .ant-pagination-prev:hover a, .ant-pagination-next:hover a, .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input:hover{
border-color: #4154f1;
}
.ant-pagination-disabled{
& a, & :hover a, & :focus a, & .ant-pagination-item-link, &:hover .ant-pagination-item-link , &:focus .ant-pagination-item-link {
color: rgba(0, 0, 0, 0.25) !important;
border-color: #d9d9d9;
}
}
.ant-pagination-item-active a{
color: #4154f1
}
}

View File

@ -90,6 +90,15 @@ span.list-gray {
.center-content .ant-pagination { .center-content .ant-pagination {
margin: 2rem auto; margin: 2rem auto;
text-align: center; text-align: center;
.ant-pagination-item:focus, .ant-pagination-item:hover, .ant-pagination-item-active, .ant-pagination-prev:hover a, .ant-pagination-next:hover a, .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input:hover{
border-color: #4154f1;
}
.ant-pagination-disabled{
& a, & :hover a, & :focus a, & .ant-pagination-item-link, &:hover .ant-pagination-item-link , &:focus .ant-pagination-item-link {
color: rgba(0, 0, 0, 0.25) !important;
border-color: #d9d9d9;
}
}
} }
.text-ellipsis { .text-ellipsis {
@ -105,3 +114,18 @@ span.list-gray {
max-width: 80%; max-width: 80%;
} }
} }
.demand_submission,.demand_submission:focus,.failByPression .ant-modal-body .ant-btn-primary{
background-color: #4154f1;
border: none;
&:hover{
background-color: #4154f1;
opacity: 0.8;
}
}
.center-right-but .ant-input:hover, .center-content .ant-pagination-prev:hover{
border-color: #4154f1 !important;
}
.failByPression .ant-modal-body .anticon, .center-right-but .ant-input-search-icon:hover, .center-content .ant-pagination-item-active a{
color: #4154f1;
}

View File

@ -470,7 +470,7 @@ export default Form.create()(
</div> </div>
{!current_user.enterpriseCertification && <div className="edu-back-white padding30 mt20 font-16 text-center mb50"> {!current_user.enterpriseCertification && <div className="edu-back-white padding30 mt20 font-16 text-center mb50">
<a onClick={goUserProfiles} className="color-blue_4C">请先完善主体信息</a> <a onClick={goUserProfiles} className="color-blue_41">请先完善主体信息</a>
</div>} </div>}
{current_user.enterpriseCertification && detailData.status === 3 && (!detailData.exceptClosedBoolean) && signContent()} {current_user.enterpriseCertification && detailData.status === 3 && (!detailData.exceptClosedBoolean) && signContent()}

View File

@ -21,7 +21,7 @@
background: #f1f8ff; background: #f1f8ff;
border-radius: 4px; border-radius: 4px;
float: left; float: left;
color: #459be6; color: #4154f1;
height: 1.25rem; height: 1.25rem;
line-height: 1.25rem; line-height: 1.25rem;
} }
@ -61,7 +61,7 @@
} }
.tasks_status li.active { .tasks_status li.active {
background: #4cacff; background: #4154f1;
color: #fff; color: #fff;
} }
@ -92,7 +92,7 @@
} }
.tasks_status li.active:after { .tasks_status li.active:after {
border-color: transparent transparent #4cacff transparent; border-color: transparent transparent #4154f1 transparent;
transform: rotate(90deg); transform: rotate(90deg);
} }
@ -168,3 +168,7 @@ li.except-close{
background: #fa6400; background: #fa6400;
color: #fff; color: #fff;
} }
.color-blue_41{
color: #4154f1;
}

View File

@ -163,7 +163,8 @@ export default ({ history, current_user, showLoginDialog, location }) => {
}); });
} else { } else {
Modal.info({ Modal.info({
content: '您没有权限需求提报' content: '您没有权限需求提报',
className:'failByPression'
}); });
} }
} }
@ -227,7 +228,7 @@ export default ({ history, current_user, showLoginDialog, location }) => {
onSearch={(value) => { setSearchInput(value); setCurPage(1); }} onSearch={(value) => { setSearchInput(value); setCurPage(1); }}
/> />
<Button className="mr20 font-12" type="primary" onClick={goAdd}><i className="iconfont icon-zaibianji font-12 mr3"></i>需求提报</Button> <Button className="mr20 font-12 demand_submission" type="primary" onClick={goAdd}><i className="iconfont icon-zaibianji font-12 mr3"></i>需求提报</Button>
</div> </div>
</div> </div>

View File

@ -580,7 +580,7 @@ span.CodeMirror-selectedtext {
body #root { body #root {
background: #fff; background: #f5f5f5;
} }
.newedu-class-leftnav { .newedu-class-leftnav {
@ -1531,7 +1531,7 @@ samp {
} }
.ant-input-search-icon:hover { .ant-input-search-icon:hover {
color: #4CACFF !important; /* color: #4CACFF !important; */
} }
.coursehomework:hover .activity-title { .coursehomework:hover .activity-title {

View File

@ -32,7 +32,7 @@ body>.-task-title {
position: fixed; position: fixed;
background: #fff; background: #fff;
color: #333; color: #333;
box-shadow: 0 0 12px rgb(0 ,0 ,0,10%); /* box-shadow: 0 0 12px rgb(0 ,0 ,0,10%); */
} }
.newHeaders.publicNav{ .newHeaders.publicNav{
position: absolute; position: absolute;
@ -103,7 +103,7 @@ body>.-task-title {
} }
.newContainer { .newContainer {
background: #fff; background: #fafafa;
} }
.ant-modal-title { .ant-modal-title {