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

新版实训弹窗调整

Browse Source
dev_cs
杨树明 5 years ago
parent 031b9df0ba
commit 74723c4b29
3 changed files with 285 additions and 30 deletions
Show Stats Download Patch File Download Diff File

2
public/react/src/AppConfig.js
Unescape View File

@ -10,7 +10,7 @@ broadcastChannelOnmessage('refreshPage', () => {
})
function locationurl(list){
debugger
if (window.location.port === "3007") {
} else {

156
public/react/src/modules/courses/coursesPublic/NewShixunModel.js
Unescape View File

@ -1,8 +1,8 @@
import React,{Component} from 'react';
import { Modal,Checkbox,Select,Input,Tooltip,Spin,Icon,Drawer} from "antd";
import { Modal,Checkbox,Select,Input,Tooltip,Spin,Icon,Drawer,Dropdown,Menu,} from "antd";
import axios from'axios';
import './Newshixunmodel.css';
const Search = Input.Search;
class NewShixunModel extends Component{
constructor(props){
super(props)
@ -15,12 +15,52 @@ class NewShixunModel extends Component{
// let {Searchvalue,type,hometypepvisible,shixunmodallist,newshixunmodallist,}=this.state;
// let {visible,patheditarry}=this.props;
const menu = (
<Menu>
<Menu.Item></Menu.Item>
</Menu>
);
const menus = (
<Menu>
<Menu.Item>
<a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">
初级
</a>
</Menu.Item>
<Menu.Item>
<a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">
中级
</a>
</Menu.Item>
<Menu.Item>
<a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
高级
</a>
</Menu.Item>
<Menu.Item>
<a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
顶级
</a>
</Menu.Item>
</Menu>
);
return(
<div>
<style>
{
`body{ overflow: hidden !important; }
.ant-drawer-content{ overflow:auto !important; background: #f5f5f5; }
.yslbottomsj{position: absolute;bottom: -8px;}
`
}
</style>
<Drawer
title="Basic Drawer"
placement="top"
closable={false}
onClose={this.onClose}
@ -28,34 +68,92 @@ class NewShixunModel extends Component{
visible={true}
height={'100%'}
>
{/*this.state.visible*/}
<p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p> <p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p>
<div className={"clearfix educontent pr"}>
</Drawer>
<div className={"square-list clearfix"}>
<div className="newshixunheadersear">
<div style={{height:"53px"}}></div>
<Search
style={{ width: "800px"}}
className="packinput"
placeholder="实训信息 / 院校名称 / 创建者"
value={this.state.keywords}
enterButton={<span>搜索</span>}
onInput={(e)=>this.setdatafunsval(e)}
onSearch={ (value)=>this.setdatafuns(value)} />
</div>
<div className="clearfix font-12 mt20 mb10">
<p className="font-12 ml5 fl">
<span className="fl color-grey-9 mr20">已选 <span className={"color-blue"}>6</span> 个实训</span>
<span className="fl color-grey-9 mr20">共 <span className={"color-blue"}>5</span> 个实训</span>
<Dropdown overlay={menu} visible={true}>
<span className="fl color-grey-9 pointer mr30">
<a>学习人数</a>
<sapn className="relativef ml5 " onClick={()=>this.updatedlist(sort_by)}>
<i className={"iconfont icon-sanjiaoxing-up font-12 topsj color-blue"}></i>
<i className={"iconfont icon-sanjiaoxing-down font-12 yslbottomsj"}></i>
</sapn>
</span>
</Dropdown>
<Dropdown overlay={menus}>
<a className="ant-dropdown-link" href="#">
难度<Icon type="down" />
</a>
</Dropdown>
</p>
<p className="font-12 alltopiscright ml25 fr">
<span className="fr mr30 topcsactive pointer">我的实训</span>
<span className="fr mr30 topcsactive pointer color-blue">全部实训</span>
</p>
</div>
<div className="mt20 edu-back-white pd1323 relativef">
<div className="clearfix">
<div className="item-body">
<div className="clearfix ds pr pt10 contentSection">
<a title={""} className="ml10 fl mt3 font-16 color-dark maxwidth900">
移动云启 ——JAVA面向对象
</a>
<div className="cl"></div>
<p className="newshixunmodelmidfont">
已被广泛应用于移动及桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等各个领域的软件开发中。
</p>
<p className="newshixunmodelbotfont">
已被广泛应用于移动及桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等各个领域的软件开发中。
</p>
<p className="color-grey panel-lightgrey mt16 fl">
<span className={"topicswidth600"}>
<span className="topsics135 color-grey9 mr50">13123</span>
<span className="mr50 color-grey9">213次引用</span>
<span className="mr50 color-grey9">312次答题</span>
<span className="mr50 color-grey9">123</span>
</span>
<span className={"topsicrelative topsicinline"} title={"123123"}>
<div className={"topicsbtn topsicsmax550"}>123123</div>
</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</Drawer>
</div>
)

157
public/react/src/modules/courses/coursesPublic/Newshixunmodel.css
Unescape View File

@ -0,0 +1,157 @@
.searchinput{
width: 800px;
margin-top: 53px;
}
.newshixunheadersear{
display: flex;
justify-content: center;
}
.packinput .ant-input{
height: 55px;
width:663px !important;
font-size: 14px;
color: #681616 !important;
border-color: #E1EDF8 !important;
padding-left: 20px;
}
.packinput .ant-input-group-addon .ant-btn{
width:137px !important;
font-size: 18px;
height: 53px;
background:rgba(76,172,255,1);
}
.tabtitle{
height: 62px !important;
box-shadow: 3px 10px 21px 0px rgba(76, 76, 76, 0.15);
border-radius: 6px;
background: #fff;
display: flex;
justify-content: center;
}
.tabtitles2{
background: #fff;
height: 62px !important;
width: 1200px;
}
.tabtitless{
height: 62px !important;
line-height: 62px !important;
}
.tabtitle1{
}
.tabtitle2{
margin-left: 30px !important;
}
.counttit{
display: flex;
justify-content: center;
}
.counttittext{
text-align: left;
width: 1200px;
height: 18px;
color: #888888;
font-size: 13px;
margin-top: 24px;
}
.counttittexts{
color: #4CACFF !important;
font-size: 13px;
}
.mainx{
display: flex;
justify-content: center;
margin-top: 17px;
}
.project-packages-list{
}
.project-package-item{
display: -webkit-flex;
display: flex;
flex-direction:column;
margin-bottom: 20px;
padding: 20px;
background: white;
/* box-shadow: 1px 3px 3px 1px rgba(156,156,156,0.16); */
}
.xuxianpro{
height: 20px;
border-bottom: 1px dashed;
border-color: #EAEAEA;
margin-bottom: 18px;
}
.magr11{
margin-top: 11px;
}
.highlight{
color: #4CACFF;
}
.fonttext{
font-size: 20px;
font-weight:bold;
}
.fontextcolor{
color: #777777;
}
.tzbq{
margin-left: 68px;
}
.tzbqx{
/* margin-left: 24px; */
}
.bjyss{
background: #F8F8F8;
}
.zj{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.ziticor{
color: #777777;
font-size: 13px;
}
.foohter{
margin-top: 20px;
display: flex;
flex-direction:row;
}
.maxwidth900{
max-width: 900px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size: 18px !important;
font-weight: 500;
color: rgba(51,51,51,1) !important;
}
.newshixunmodelmidfont{
font-size: 14px;
font-weight: 400;
color: #999999;
margin-top: 20px;
}
.newshixunmodelbotfont{
font-size:12px;
font-weight:400;
color:rgba(102,102,102,1);
}
Write Preview
Loading…
Cancel
Save