作者 杨乐
1 个管道 的构建 通过 耗费 6 秒

提交

... ... @@ -32,41 +32,229 @@
font-size: 0.8em;
line-height: 1.5;
}
.text-color {
color: #fff;
margin-top: 10%;
margin-left: 5%;
font-size: 3em;
}
.text-center-p {
color: #fff;
margin-left: 5%;
line-height: 3em;
font-size: 1.5em;
width: 60%;
}
.par-pro-Featured {
padding-right: 15px;
padding-left: 10%;
padding-bottom: 20px;
}
.intro {
color: #66CA94;
text-align: left;
}
.portfolio-post {
margin-bottom: 2%;
height: 35%
}
.par-headImg1 {
position: relative;
margin-right: 2%;
width: 25%;
}
.par-headTitle {
position: relative;
}
.par-headImg-all {
position: absolute;
bottom: 4%;
right: 2%;
line-height: 1;
display: flex;
width: 40%;
place-items: center
}
.par-headTitle1 {
font-size: 1.4em;
color: #fff;
padding-bottom: 5%
}
.par-headTitle2 {
font-size: 1.4em;
color: #fff;
}
.login-footer-all {
display: none;
}
@media(max-width: 768px) {
.header-btnL {
display: none;
}
.header-loginBtn {
display: none;
}
.header-txt1 {
place-items: center;
padding: 12px 20px;
}
.header-right-btn {
position: static;
margin-right: 0px;
}
.header-text {
top: 110px;
right: 0;
width: 100%;
padding: 0 5px;
}
.titleDiv div,
.titleDiv p,
.titleDiv span {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
color: #ffffff;
line-height: 24px;
}
.text-color {
margin-top: 0px;
margin-left: 0px;
}
.text-center-p {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #ffffff;
line-height: 16px;
letter-spacing: 0px;
width: 100%;
margin-left: 0;
}
header {
height: 500px;
}
.par-pro-Featured {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 20px;
}
.intro {
color: #66CA94;
text-align: left;
font-size: 9px;
}
#threefield1 {
text-align: center;
font-size: 9px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
color: #66ca94;
line-height: 11px;
letter-spacing: 0px;
padding: 42px 0 13px;
}
#threefield2 {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: center;
color: #323232;
line-height: 24px;
}
.box-content.box-123 {
padding: 0px;
}
.box-content {
padding: 0px;
}
.portfolio-post {
height: 22%;
margin-bottom: 20px;
}
.portfolio-post-item {
height: 60%;
}
.portfolio-content-wrapper {
display: none;
}
.par-headImg1 {
display: none;
}
.par-headTitle {
display: flex;
flex-direction: column;
place-items: center;
width: 100%;
}
.noticeimg-head {
clip: rect(0px 148px 103px 0px);
}
.par-headImg-all {
position: absolute;
bottom: 4%;
right: 2%;
line-height: 1;
display: flex;
width: 100%;
place-items: center
}
.par-headTitle1 {
color: #fff;
font-size: 12px;
font-family: Helvetica;
text-align: center;
color: #ffffff;
line-height: 12px;
}
.par-headTitle2 {
font-size: 12px;
font-family: Helvetica;
text-align: center;
color: #ffffff;
line-height: 12px;
}
img {
max-width: none;
}
.portfolio-items-container img {
width: auto;
}
footer {
display: none;
}
.login-footer-all {
display: flex;
background: #323232;
flex-direction: column;
place-items: center;
display: flex;
}
}
</style>
</head>
<body>
<header>
<!-- <nav class="navbar navbar-default navbar-fixed-top">
<div class="header-text">
<div class="container">
<div class="navbar-header page-scroll">
<img src="img/portfolio/B1.png" class="navbar-brand page-scroll" alt="">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#about">登录</a>
</li>
<li>
<a class="page-scroll" href="#projects">Projects</a>
</li>
</ul>
</div>
</div>
</div>
</nav> -->
<nav>
<div class="header-txt1">
<div class="header-img1">
<img src="./img/portfolio/B1.png" onclick="window.location.href='index.html'">
<img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'" style="width: 100%;">
</div>
<div class="header-right1">
<div id="login-btn" class="header-btnL">
... ... @@ -86,10 +274,10 @@
</nav>
<!-- 文字显示 -->
<div class="header-text hidden-xs">
<div class="header-text">
<div class="col-md-12 text-center">
<div class="titleDiv text-color" style="color: #fff;margin-top: 10%;margin-left: 5%; font-size: 3em;" id="title-one"></div>
<p style="color: #fff;margin-left: 5%;line-height: 3em;font-size: 1.5em;width: 60%;" id="subtitle"></p>
<div class="titleDiv text-color" id="title-one"></div>
<p class="text-center-p" id="subtitle"></p>
</div>
</div>
<!-- /header-text -->
... ... @@ -99,25 +287,27 @@
<!-- 企业实习项目 -->
<section class="box-content box-123" id="projects">
<div style="padding-right:15px;padding-left:10%;padding-bottom: 20px;">
<div class="intro" style="color: #66CA94;text-align: left;" id="threefield1">Featured Programs</div>
<div style="display: flex; justify-content: space-between;">
<h2 id="threefield2">顶尖名企实习项目
</h2>
<!-- <h2><a onclick="morebro()">浏览更多></a></h2> -->
</div>
<div class="par-pro-Featured">
<div class="intro" id="threefield1">Featured Programs</div>
<h2 id="threefield2">顶尖名企实习项目</h2>
</div>
<!-- </div> -->
<!-- 实习项目-->
<div class="portfolio-items-container" id="enterpriseProject" href='profile.html'>
</div>
</section>
<div class="login-footer-all">
<div class="login-footer-img" style="width: 25%;margin-top: 45px;">
<img src="img/portfolio/whiteLogo.png" width="100%">
</div>
<div style="color: #fff;
font-family: PingFangSC, PingFangSC-Regular;
text-align: center;
font-size: 9px;margin-top: 12px;">成功职场第一步,从Start-Line开始</div>
<div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">关注Start-Line</div>
<div style="width: 25%;margin-bottom: 200px;">
<img src="img/portfolio/EWM.png" width="100%">
</div>
</div>
<!-- FOOTER -->
... ...
... ... @@ -33,34 +33,17 @@ $(document).ready(function() {
"token": localStorage.getItem('token'),
}
ajax(url, "GET", header, function(res) {
console.log(res);
}, function(res) {
console.log(res);
$('#title-one').html(res.data.title)
$('#subtitle').html(res.data.subtitle)
})
// $.ajax({
// type: 'GET',
// url: "http://192.168.1.241:9004/warrantyFour/warrantyFourList",
// headers: {
// "Content-Type": "application/x-www-form-urlencoded",
// "token": localStorage.getItem('token'),
// },
// success: function(res) {
// console.log('1', res);
// // let a = htmlDecode(res.data.title)
// // console.log(a);
// $('#title').html(res.data.title)
// $('#subtitle').html(res.data.subtitle)
// }
// })
console.log(res);
}, function(res) {
console.log(res);
$('#title-one').html(res.data.title)
$('#subtitle').html(res.data.subtitle)
})
var url1 = "/warrantyTwo/warrantyTwoList"; // 接口
var header1 = {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
// 调用公共ajax
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
var params = JSON.stringify({
current: 1,
size: 4
... ... @@ -69,37 +52,37 @@ $(document).ready(function() {
console.log(res);
$.each(res.data.records, function(key, value) {
console.log(value)
let title = `<div class="col-xs-6 col-lg-33 portfolio-post contentClick" style="margin-bottom: 2%;height:35%" id=${value.id} onClick="setProfileId(${value.id})">
<article class="portfolio-post-item" style='height:100%'>
<div style="position: relative;height:100%">
<div style="position: relative;" style='height:100%'>
<img src="${value.img}" alt="" style='height:100%'>
</div>
<div style="position: absolute;bottom: 4%;right: 2%;line-height: 1;display: flex;width: 40%;place-items:center">
<div style="position: relative;margin-right: 2%;width: 25%;">
<img src="${value.img1}">
</div>
<div style="position: relative;">
<div style="font-size: 1.4em;color: #fff;padding-bottom:5%">${value.title}</div>
<div style="font-size: 1.4em;color: #fff; ">${value.yyTitle}</div>
</div>
</div>
</div>
<div class="portfolio-content-wrapper ">
<div class="portfolio-content ">
<h3 class="portfolio-title "><a>${value.content}</a></h3>
<div style="display: flex;text-align: left;place-items: center;padding-top: 6%; ">
<img src="${value.img1} " style="width: 10%;height: 1%; ">
<div style="display: flex;flex-direction: column;padding-left: 2%; ">
<div class="portfolio-cat" style='padding-bottom:5%'>${value.title}</div>
<div class="portfolio-cat">${value.yyTitle}</div>
</div>
</div>
</div>
</div>
</article>
</div>`
let title = ` <div class="col-xs-6 col-lg-33 portfolio-post contentClick" id=${value.id} onClick="setProfileId(${value.id})">
<article class="portfolio-post-item" style='height:100%'>
<div style="position: relative;height:100%">
<div style="position: relative;" style='height:100%'>
<img src="${value.img}" alt="" style='height:100%'class='noticeimg-head'>
</div>
<div class='par-headImg-all' >
<div class='par-headImg1'>
<img src="${value.img1}" >
</div>
<div class='par-headTitle'>
<div class='par-headTitle1'>${value.title}</div>
<div class='par-headTitle2'>${value.yyTitle}</div>
</div>
</div>
</div>
<div class="portfolio-content-wrapper">
<div class="portfolio-content ">
<h3 class="portfolio-title "><a>${value.content}</a></h3>
<div style="display: flex;text-align: left;place-items: center;padding-top: 6%; ">
<img src="${value.img1} " style="width: 10%;height: 1%; ">
<div style="display: flex;flex-direction: column;padding-left: 2%; ">
<div class="portfolio-cat" style='padding-bottom:5%'>${value.title}</div>
<div class="portfolio-cat">${value.yyTitle}</div>
</div>
</div>
</div>
</div>
</article>
</div>`
$('#enterpriseProject').append(title)
})
... ... @@ -113,10 +96,9 @@ $(document).ready(function() {
function setPersonal() {
var url2 = "/login/userInfo"; // 接口
var header2 = {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
// 调用公共ajax
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
ajax(url2, "GET", header2, function(res) {
}, function(res) {
... ...
... ... @@ -507,9 +507,6 @@
</div>
</section>
<!-- 企业实习项目 -->
<section class="box-content box-123" id="projects">
<div class="par-pro-Featured">
... ...
... ... @@ -31,7 +31,7 @@ $(document).ready(function() {
$.each(res.data.records, function(key, value) {
// console.log(value)
let title = `
<div class="col-xs-6 col-lg-33 portfolio-post contentClick" style="" id=${value.id} onClick="setProfileId(${value.id})">
<div class="col-xs-6 col-lg-33 portfolio-post contentClick" id=${value.id} onClick="setProfileId(${value.id})">
<article class="portfolio-post-item" style='height:100%'>
<div style="position: relative;height:100%">
<div style="position: relative;" style='height:100%'>
... ...
... ... @@ -30,10 +30,237 @@
.titleDiv p,
.titleDiv span {
color: #fff !important;
font-size: 9px;
font-family: Helvetica;
text-align: justify;
color: #ffffff;
line-height: 20px;
}
#titleExplain {
color: #fff;
padding-top: 20px;
}
.joinStudyPro {
position: relative;
left: 25px;
color: #fff;
z-index: 5;
cursor: pointer;
}
.btn-joinUs {
padding-top: 70px;
display: flex;
place-items: center;
}
#fourGroups {
display: flex;
}
.four-to-one {
width: 30%;
}
.four-to-two {
color: #5A5A5A;
font-size: 0.5em;
font-family: Helvetica;
}
.why-choose {
display: flex;
padding: 4% 7%;
place-items: center;
}
#onefield {
flex: 2;
color: #323232;
font-size: 32px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
line-height: 60px;
}
#onefield1 {
flex: 4;
color: #5a5a5a;
font-family: Arial, Helvetica;
line-height: 1.9;
}
#twofield {
color: #66CA94;
padding-top: 8%;
}
.profile-headName {
padding: 40px 0;
color: #66CA94;
display: flex;
font-size: 30px;
font-family: Helvetica;
text-align: left;
color: #66ca94;
line-height: 30px;
}
.profile-headName div {
font-size: 30px;
font-family: Helvetica;
text-align: left;
color: #66ca94;
line-height: 30px;
}
@media(max-width: 768px) {
.header-btnL {
display: none;
}
.header-loginBtn {
display: none;
}
.header-txt1 {
place-items: center;
padding: 12px 20px;
}
.header-right-btn {
position: static;
margin-right: 0px;
}
.header-text {
width: 100%;
top: 90px;
left: 0px;
right: 0px;
padding-left: 0px;
}
.text-center {
margin: 0 5px;
}
#headTitle {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
color: #ffffff;
line-height: 24px;
}
#titleExplain {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #ffffff;
line-height: 16px;
letter-spacing: 0px;
}
header {
height: 500px !important;
}
.btn-joinUs h5 {
display: none;
}
.btn-joinUs {
padding-top: 0px;
}
.joinStudyPro {
margin-top: 40px;
background: #97dab6;
border-radius: 15px;
padding: 9px 15px;
font-size: 12px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: center;
color: #323232;
line-height: 12px;
}
#fourGroups {
display: flex;
flex-wrap: wrap;
}
.four-to-one {
width: 75px;
}
.four-to-tit span,
.four-to-tit p {
font-size: 9px;
font-family: Helvetica;
text-align: center;
color: #323232;
line-height: 15px;
letter-spacing: 0px;
}
.box-content {
padding: 20px 30px;
}
.four-to-tit {
width: 140px;
}
.box-content.box-7 span {
width: 100%;
}
.why-choose {
display: flex;
padding: 40px;
place-items: center;
flex-direction: column;
}
#onefield {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: justify;
color: #323232;
line-height: 24px;
}
#onefield1 {
font-size: 9px;
font-family: Helvetica;
text-align: justify;
color: #5a5a5a;
line-height: 24px;
padding-top: 12px;
}
.col-lg-1 {
display: none;
}
.mobile-top-fix {
margin-top: 40px;
margin-bottom: 40px;
margin-right: 25px;
margin-left: 25px;
display: flex;
flex-direction: column;
place-items: center;
}
#twofield {
padding-top: 0px;
font-size: 9px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
text-align: center;
color: #66ca94;
line-height: 16px;
}
.profile-headName {
padding: 10px;
}
.profile-headName div {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: center;
color: #66ca94;
line-height: 24px;
}
}
</style>
</head>
<body>
... ... @@ -71,46 +298,40 @@
</div>
</header> -->
</div>
<!--四个小图 -->
<div id="page-content">
<section class="box-content box-7" id="team" style="background-color: #f0f0f0;">
<div class="container1">
<div class="row1" style="display:flex" id="fourGroups">
<div class="row1" id="fourGroups">
</div>
</div>
</section>
<!--为什么选择-->
<section style="background-color:#FCFBFD;">
<div style="display: flex;padding: 4% 7%; place-items: center;">
<h3 style="flex: 2;font-family: PingFangSC; color: #323232;line-height: 2;" id='onefield'></h3>
<a style="flex: 4; color: #5a5a5a; font-family: Arial, Helvetica;line-height:1.9;" id="onefield1"></a>
<div class="why-choose">
<div id='onefield'></div>
<a id="onefield1"></a>
</div>
</section>
<!-- 人物图像-->
<section style="background-color: #323232;">
<div class="container">
<div class="container profile-peopleHead">
<div class="row">
<div id="img1" class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s" style="background-color: #d8d8d8;">
<!-- <img src="images/02-4.png" id="img3" class="rounded img-fluid d-block mx-auto" alt="" style="width: 100%;"> -->
</div>
<div class="col-lg-1"></div>
<div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
<p style="color: #66CA94;padding-top: 8%;" id="twofield"></p>
<div style="color: #66CA94;display: flex;">
<h3 id="twoName" style="color: #66CA94"></h3>
<h3 id="twoNames" style="color: #66CA94"></h3>
<div id="twofield"></div>
<div class="profile-headName">
<div id="twoName" style="color: #66CA94;padding-right: 6px;"></div>
<div id="twoNames" style="color: #66CA94"></div>
</div>
<div class="section-title titleDiv" style="color:red !important;" id="twofield1"></div>
<div class="section-title titleDiv" id="twofield1"></div>
</div>
</div>
</div>
</section>
<!--项目-->
<section class="box-content box-2" id="projects" style="margin-bottom: 20px;padding: 30px 0 30px 70px;">
<div class="container" style="width:100%">
... ...
... ... @@ -51,8 +51,8 @@ $(document).ready(function() {
height: 750px;">
<nav>
<div class="header-txt1">
<div id="img-logo" style='width:300px;height:80px'>
<img src="./img/portfolio/B1.png" onclick="window.location.href='index.html'">
<div id="img-logo" class="header-img1">
<img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'" style="width: 100%;">
</div>
<div class="header-right1">
<div id="login-btn" class="header-btnL"></div>
... ... @@ -62,15 +62,15 @@ $(document).ready(function() {
</div>
</div>
</nav>
<div class="header-text hidden-xs">
<div class="header-text">
<div class="col-md-12 text-center">
<div><img src='${res.data.img}'></div>
<p style="color: #fff; id="explain">${res.data.explain}</p>
<h1 style="color: #fff;" id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目<br/>更快学习交易经纪人的职场能力!</h1>
<p style="color: #fff;padding-top: 20px;" id="titleExplain">${res.data.titleExplain}</p>
<div style="padding-top: 70px;display: flex;place-items: center;">
<p id="titleExplain">${res.data.titleExplain}</p>
<div class='btn-joinUs'>
<h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;opacity: 0.5;">&nbsp;</h5>
<a onclick="setLearingContentId(1)" style="position: relative;left: 25px;color: #fff; z-index: 5;cursor: pointer;">加入虚拟实习项目</a>
<a onclick="setLearingContentId(1)" class='joinStudyPro'>加入实习项目</a>
</div>
</div>
</div>
... ... @@ -107,13 +107,14 @@ $(document).ready(function() {
ajax(url1, "GET", header1, params1, function(res) {
// console.log(res);
$.each(res.data, function(key, value) {
let title = `<div class="col-md-6 box-item">
<a style='width:30%'><img src="${value.img}"></a>
<div class="col-xs-91">
<span>${value.title}</span>
<p style="color:#5A5A5A;font-size: 0.5em;font-family: Helvetica;">${value.englishTitle}</p>
</div>
</div>`
let title = `
<div class="col-md-6 box-item">
<div class='four-to-one'><img src="${value.img}" style='width:100%'></div>
<div class="col-xs-91 four-to-tit">
<span class='four-to-one'>${value.title}</span>
<p class='four-to-two'>${value.englishTitle}</p>
</div>
</div>`
$('#fourGroups').append(title)
})
}, function(res) {
... ...