杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 522293792d35b6418c6a9a258f42512393a7d08f 1 个父辈 d87bea60
1 个管道 的构建 通过 耗费 3 秒

提交

内嵌 并排对比
正在显示 10 个修改的文件 包含 906 行增加 和 337 行删除
... ... @@ -228,6 +228,9 @@
.heading1 {
margin-bottom: 60px;
}
.portfolio-box3{
width: 100%;
}
@media(max-width: 768px) {
.heading1 {
... ... @@ -249,6 +252,7 @@
}
.header-loginBtn {
letter-spacing: 3px;
display: block;
font-size: 14px;
padding: 0;
... ... @@ -515,7 +519,7 @@
</div>
<div class="no-gutter" style="display: flex;flex-wrap: wrap;" id="completeProject">
<div class="col-lg-32 col-sm-60 par-pro-one">
<!-- <div class="col-lg-32 col-sm-60 par-pro-one">
<div class="portfolio-box3" style="display: flex;">
<div class="par-pro-img1">
<img src="img/portfolio/13-3.png" alt="" style="width:100%;height: 100%;">
... ... @@ -526,7 +530,7 @@
</p>
</div>
</div>
</div>
</div> -->
</div>
</section>
... ...
... ... @@ -395,10 +395,10 @@ header {
/* Carousel Header Styles */
.header-text {
position: absolute;
top: 25%;
/* position: absolute; */
/* top: 25%; */
/* left: 70px; */
padding-left: 70px;
/* padding-left: 70px; */
right: auto;
width: 96.66666666666666%;
color: #323232;
... ...
... ... @@ -26,6 +26,11 @@
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<style>
#particulars iframe{
width: 1130px;
height: 630px;
}
.learn_one{
flex:1;background-color: #f0f0f0;padding: 2% 2% 2% 5%;
}
... ...
... ... @@ -29,6 +29,7 @@
.login-all {
display: flex;
background-color: #FCFBFD;
padding-bottom: 145px;
}
.login-title-p {
... ...
... ... @@ -838,7 +838,7 @@
<img src='img/portfolio/13-1.png' style='width:100%;'>
</div>
<div class="finish">你已完成
<span style="color: #66CA94;" id="finish-num">10</span> 个实习项目
<span style="color: #66CA94;" id="finish-num"></span> 个实习项目
</div>
<div class="finish_content">完成更多项目,以获得实践经验,增加你的简历和获得你的品牌完成证书。</div>
<a style="color:#66CA94 ;" href="./completed.html">查看你完成的实习项目></a>
... ... @@ -848,7 +848,7 @@
<img src='img/portfolio/13-2.png' style='width:100%;'>
</div>
<div class="finish">你获得了
<span style="color: #66CA94;" id="recommend-num">10</span> 个推荐
<span style="color: #66CA94;" id="recommend-num"></span> 个推荐
</div>
<div class="finish_content">获得来自行业前辈的推荐,让更多行业领域能看见你的出色的成果展示,以及你的简历和个人资料。</div>
<a style="color: #66CA94;" href="./recommend.html">查看获得的推荐></a>
... ... @@ -869,18 +869,8 @@
<!-- 参与项目 -->
<div class="no-gutter par-pro-list" style="display: flex;flex-wrap: wrap;" id="canyu-project">
<!-- <div class="col-lg-32 col-sm-60 par-pro-one">
<a class="portfolio-box3" style="display: flex;width: 100%;">
<div class="par-pro-img1">
<img src="img/portfolio/13-3.png" alt="" style="width:100%">
</div>
<div class="par-proing-title-one">
<h5>上海国际货币经济实习项目</h5>
<p>start-line虚拟实习项目均在线上进行,每个项目花费时间5-10小时不等,学生可以自由安排时间</p>
</div>
</a>
</div> -->
<div class="col-lg-32 col-sm-60 par-pro-one">
<div class="portfolio-box3" style="display: flex;">
<div class="par-pro-img1">
<img src="img/portfolio/13-3.png" alt="" style="width:100%;height: 100%;">
... ... @@ -915,7 +905,7 @@
</p>
</div>
</div>
</div>
</div> -->
</div>
... ...
... ... @@ -16,7 +16,6 @@ $(document).ready(function() {
})
//企业实习项目
var url1 = "/warrantyTwo/warrantyTwoList";
var header1 = {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
... ... @@ -25,7 +24,7 @@ $(document).ready(function() {
current: 1,
size: 4
})
ajax(url1, "POST", header1, params, function(res) {
ajax("/warrantyTwo/warrantyTwoList", "POST", header1, params, function(res) {
console.log(res);
$.each(res.data.records, function(key, value) {
// console.log(value)
... ... @@ -96,6 +95,7 @@ $(document).ready(function() {
console.log(res);
}, function(res) {
// console.log(res);
localStorage.setItem("name", res.data.surname + res.data.userName);
$("#header-name").html(res.data.surname + res.data.userName)
$("#title-name").html(res.data.surname + res.data.userName)
})
... ...
... ... @@ -36,48 +36,68 @@
color: #ffffff;
line-height: 20px;
}
#titleExplain {
color: #fff;
padding-top: 20px;
}
.joinStudyPro {
position: relative;
left: 25px;
color: #fff;
z-index: 5;
cursor: pointer;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px;
}
.btn-joinUs {
padding-top: 70px;
display: flex;
place-items: center;
}
#fourGroups {
display: flex;
}
.four-to-one {
width: 30%;
width: 140px;
height: 140px;
}
.four-to-two {
color: #5A5A5A;
font-size: 0.5em;
.four-to-one1 {
padding-top: 10px;
font-size: 18px;
font-family: Helvetica;
text-align: center;
color: #323232;
line-height: 32px;
}
.four-to-two1 {
font-size: 18px;
font-family: Helvetica;
text-align: center;
color: #323232;
line-height: 32px;
}
.why-choose {
display: flex;
padding: 4% 7%;
padding: 100px 180px 0 200px;
place-items: center;
justify-content: space-between;
}
#onefield {
flex: 2;
/* flex: 2; */
width: 250px;
color: #323232;
font-size: 32px;
font-family: PingFangSC, PingFangSC-Semibold;
... ... @@ -85,22 +105,32 @@
text-align: left;
line-height: 60px;
}
#onefield1 {
flex: 3;
color: #5a5a5a;
font-family: Arial, Helvetica;
/* flex: 3; */
padding-left: 150px;
width: 1140px;
line-height: 1.9;
padding-left: 30px;
font-size: 18px;
font-family: Helvetica;
text-align: justify;
color: #5a5a5a;
line-height: 32px;
}
#twofield {
color: #66CA94;
padding-top: 8%;
height: 21px;
font-size: 18px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
text-align: left;
color: #66ca94;
line-height: 23px;
letter-spacing: 1px;
}
.profile-headName {
padding: 40px 0;
padding: 37px 0 40px;
color: #66CA94;
display: flex;
font-size: 30px;
... ... @@ -109,7 +139,7 @@
color: #66ca94;
line-height: 30px;
}
.profile-headName div {
font-size: 30px;
font-family: Helvetica;
... ... @@ -117,13 +147,13 @@
color: #66ca94;
line-height: 30px;
}
.profile-project-all .container {
width: 100%;
margin-top: 70px;
.profile-project-all {
padding: 100px 0 100px 200px;
}
#threefield {
height: 25px;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
... ... @@ -132,27 +162,35 @@
line-height: 25px;
letter-spacing: 1px;
}
#threefield1 {
padding-top: 20px;
padding-bottom: 100px;
width: 862px;
height: 120px;
font-size: 40px;
font-family: Helvetica;
text-align: left;
color: #323232;
line-height: 60px;
width: 60%
}
.pro {
display: flex;
justify-content: space-between;
place-items: center;
}
#features {
background-color: #f0f0f0
background-color: #f0f0f0;
height: 750px;
padding: 111px 180px;
}
.profile-footerImg1 {
height: 50%;
width: 100%;
}
#fourfield2 {
font-size: 32px;
font-family: PingFangSC, PingFangSC-Semibold;
... ... @@ -161,37 +199,218 @@
color: #323232;
line-height: 60px;
}
.profile-statement {
padding: 44px 255px 56px 200px;
background-color: #66ca94 !important;
}
.login-footer-all {
display: none;
}
.box-content {
padding: 30px 0 30px 70px;
.header-img1 {
width: 210px;
height: 29px;
}
.header-txt1 {
padding: 30px 110px 0 70px;
place-items: center;
justify-content: space-between;
}
.header-right1 {
place-items: center;
}
.header-right-btn {
margin-right: 0px;
bottom: 0px;
width: 75px;
height: 75px;
}
header {
height: 1080px;
}
.header-text {
top: 0;
padding-left: 0;
padding: 272px 0 170px 200px;
width: 100%;
}
.header-text-img {
width: 300px;
height: 140px;
}
#explain {
height: 25px;
font-size: 18px;
font-family: Gotham, Gotham-Book;
font-weight: Book;
text-align: left;
color: #ffffff;
line-height: 21px;
letter-spacing: 1px;
padding-bottom: 40px;
}
#headTitle {
height: 120px;
font-size: 40px;
font-family: Helvetica;
text-align: left;
color: #ffffff;
line-height: 60px;
letter-spacing: 1px;
}
#titleExplain {
height: 152px;
font-size: 18px;
font-family: Helvetica;
text-align: left;
color: #ffffff;
line-height: 40px;
}
#team {
background-color: #f0f0f0;
height: 280px;
}
.why {
height: 320px;
background-color: #FCFBFD;
}
.people_head {
background: #323232;
height: 560px;
}
.profile-peopleHead {
height: 100%;
width: 100%;
}
.peo_all {
height: 100%;
padding: 0 200px;
display: flex;
justify-content: space-between;
}
#img1 {
background-color: #d8d8d8;
height: 100%;
width: 800px;
}
.peo_info {
padding-left: 80px;
}
#twofield1 p {
font-size: 18px;
font-family: Helvetica;
text-align: justify;
color: #ffffff;
line-height: 30px;
}
#fivefield p {
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #ffffff;
line-height: 40px;
}
.features_all {
display: flex;
place-items: center;
justify-content: space-between;
}
#img3 {
width: 712px;
height: 528px;
}
.fea_right {
width: 693px;
}
#fourfield1 {
height: 21px;
font-size: 18px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
text-align: left;
color: #66ca94;
line-height: 23px;
letter-spacing: 1px;
}
#fourfield2 {
margin: 27px 0 30px;
height: 120px;
font-size: 32px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
color: #323232;
line-height: 60px;
}
#fourfield3 {
height: 222px;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: justify;
color: #5a5a5a;
line-height: 32px;
}
#img2 {
width: 470px;
height: 800px;
}
#recommend-List{
margin-top: 100px;
}
@media(max-width: 768px) {
.header-right1 :first-child {
display: none;
}
.header-btnL {
display: block;
}
.header-loginBtn {
display: block;
}
.header-txt1 {
place-items: center;
padding: 12px 20px;
}
.header-right-btn {
position: static;
margin-right: 0px;
}
.header-text {
width: 100%;
top: 90px;
... ... @@ -199,9 +418,11 @@
right: 0px;
padding-left: 0px;
}
.text-center {
margin: 0 5px;
}
#headTitle {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
... ... @@ -210,6 +431,7 @@
color: #ffffff;
line-height: 24px;
}
#titleExplain {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
... ... @@ -219,15 +441,19 @@
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;
... ... @@ -240,13 +466,16 @@
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;
... ... @@ -256,21 +485,26 @@
line-height: 15px;
letter-spacing: 0px;
}
.box-content {
padding: 20px 30px 40px;
}
.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;
... ... @@ -279,6 +513,7 @@
color: #323232;
line-height: 24px;
}
#onefield1 {
font-size: 9px;
font-family: Helvetica;
... ... @@ -287,10 +522,12 @@
line-height: 24px;
padding-top: 12px;
}
.col-lg-1 {
display: none;
}
.mobile-top-fix {
/* .mobile-top-fix {
margin-top: 40px;
margin-bottom: 40px;
margin-right: 25px;
... ... @@ -298,7 +535,8 @@
display: flex;
flex-direction: column;
place-items: center;
}
} */
#twofield {
padding-top: 0px;
font-size: 9px;
... ... @@ -308,9 +546,11 @@
color: #66ca94;
line-height: 16px;
}
.profile-headName {
padding: 10px;
}
.profile-headName div {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
... ... @@ -319,10 +559,12 @@
color: #66ca94;
line-height: 24px;
}
.profile-project-all .container {
width: 100%;
margin-top: 10px;
}
#threefield {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
... ... @@ -331,6 +573,7 @@
color: #66ca94;
line-height: 16px;
}
#threefield1 {
padding-top: 8px;
padding-bottom: 40px;
... ... @@ -342,30 +585,37 @@
line-height: 24px;
width: 100%
}
#img2 {
display: none;
}
#img2 img {
display: none;
}
.all-list {
display: flex;
flex-direction: column;
place-items: center;
}
.list-left {
display: flex;
flex-direction: column;
place-items: center;
}
.yuan-num {
width: 60px;
height: 60px;
}
.left-yuan {
height: 60px;
width: 60px;
}
.left-num {
top: 20px;
font-size: 16px;
... ... @@ -376,19 +626,23 @@
line-height: 19px;
letter-spacing: 0px;
}
.right-content {
margin-left: 0px;
text-align: center;
margin-bottom: 40px;
}
.bigTitle {
margin: 20px 0;
display: flex;
flex-direction: column;
}
.left-xian {
display: none
}
.bigTitle-one {
font-size: 14px;
font-family: Helvetica;
... ... @@ -396,6 +650,7 @@
color: #323232;
line-height: 14px;
}
.bigTitle-two {
padding-left: 0px;
padding-top: 12px;
... ... @@ -405,6 +660,7 @@
color: #969696;
line-height: 12px;
}
.smallTitle div {
font-size: 9px;
font-family: Helvetica;
... ... @@ -412,6 +668,7 @@
color: #5a5a5a;
line-height: 16px;
}
.title-btn {
padding: 9px 13px;
font-size: 12px;
... ... @@ -421,16 +678,20 @@
color: #323232;
line-height: 12px;
}
.padding-top-70 {
padding-top: 0px !important;
}
#features {
background-color: #fcfbfd;
}
.profile-footerImg1 {
width: 264px;
height: 196px;
}
#fourfield1 {
font-size: 9px;
font-family: Gotham, Gotham-Medium;
... ... @@ -439,6 +700,7 @@
color: #66ca94;
line-height: 16px;
}
#fourfield2 {
padding-top: 10px;
font-size: 14px;
... ... @@ -447,6 +709,7 @@
color: #323232;
line-height: 24px;
}
#fourfield3 {
font-size: 9px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
... ... @@ -455,12 +718,15 @@
color: #323232;
line-height: 20px;
}
.padding-bottom-01 {
padding-bottom: 0px !important;
}
.profile-statement {
background-color: #66ca94 !important;
}
.profile-statement p {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
... ... @@ -470,12 +736,15 @@
line-height: 24px;
letter-spacing: 0px;
}
.profile-statement {
padding: 20px !important;
}
footer {
display: none;
}
.login-footer-all {
display: flex;
background: #323232;
... ... @@ -522,30 +791,28 @@
</div>
</header> -->
</div>
<!--四个小图 -->
<div id="page-content">
<section class="box-content box-7" id="team" style="background-color: #f0f0f0;">
<!--四个小图 -->
<section class="box-content box-7" id="team">
<div class="container1">
<div class="row1" id="fourGroups">
</div>
</div>
</section>
<!--为什么选择-->
<section style="background-color:#FCFBFD;">
<section class="why">
<div class="why-choose">
<div id='onefield'></div>
<a id="onefield1"></a>
</div>
</section>
<!-- 人物图像-->
<section style="background-color: #323232;">
<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%;"> -->
<section class="people_head">
<div class="profile-peopleHead">
<div class="peo_all">
<div id="img1" class="col-lg-5 col-md-12 col-sm-12">
</div>
<div class="col-lg-1"></div>
<div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
<div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix peo_info">
<div id="twofield"></div>
<div class="profile-headName">
<div id="twoName" style="color: #66CA94;padding-right: 6px;"></div>
... ... @@ -557,58 +824,38 @@
</div>
</section>
<!--项目-->
<section class="box-content box-2 profile-project-all" id="projects">
<div class="container">
<div class="row" style="display: flex;place-content: center;">
<div class="col-lg-12" style="text-align: left;">
<div class="intro" id="threefield"></div>
<div id="threefield1"></div>
<!-- 项目列表 -->
<div id="recommend-List">
</div>
</div>
<div style="display: flex;place-items: center;" id="img2">
<!-- <img src="images/02-6.png"> -->
</div>
<section class="profile-project-all">
<div id="threefield"></div>
<div id="threefield1"></div>
<div class="pro">
<!-- 项目列表 -->
<div id="recommend-List">
</div>
<div id="img2">
</div>
</div>
<div class="no-gutter">
</div>
</section>
<!-- 左图右字 -->
<section class="section padding-top-70 padding-bottom-01" id="features">
<div class="container" style="z-index: 10; ">
<div class="row">
<div 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 " id="img3">
<!-- <img src="images/02-7.png" 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">
<div class="left-text">
<div style="color: #66CA94;" id="fourfield1"></div>
</div>
<div class="left-heading">
<div class="section-title" id="fourfield2"></div>
</div>
<p style="font-family: PingFangSC;line-height: 2;color: #5a5a5a; " id="fourfield3"></p>
</div>
<section id="features">
<div class="features_all">
<div id="img3">
</div>
<div class="fea_right">
<div id="fourfield1"></div>
<div id="fourfield2"></div>
<div id="fourfield3"></div>
</div>
</div>
</section>
</div>
<section class="box-content box-8 box-style-4 profile-statement">
<div class="container" style="color: #fff;font-family: PingFangSC,PingFangSC-Medium;line-height: 2; ">
<!-- <p>【非雇佣关系免责声明】</p>
<p>通过参与本计划，您特此确认：</p>
<p>(i) 您与花旗集团、花旗银行(Citigroup,Inc,Citibank,N.A.) (Citigroup,Inc和Citibank,N.A.合称为“花旗”) 或花旗的任何关联方或关联方没有雇佣关系；</p>
<p>(ii) 本计划仅限于提供教育和讨论；及</p>
<p>(iii) 您或任何其他人不得将本计划和/或其内容或您的参与解释为推断或暗示花旗或其任何关联方或关联方与您之间存在任何类型的雇佣关系，也不得将其解释为任何类型的雇佣合同。</p> -->
<div id="fivefield"></div>
</div>
<!-- 绿底白字 -->
<section class="box-8 box-style-4 profile-statement">
<!-- <div class="green_font"> -->
<div id="fivefield"></div>
<!-- </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%">
... ... @@ -617,38 +864,85 @@
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="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 -->
<footer>
<div class="wrap-footer" style="background-color: #323232;">
<div class="container">
<div class="row" style="display: flex;justify-content: space-between;">
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-content: center;">
<img src="img/portfolio/B2.png" width="50%">
<p class="footer-title" style="color: #fff;padding-top: 10%;font-size: 0.8em; text-transform:capitalize">成功职场第一步，从Start-Line开始</p>
</div>
<div class="col-footer col-md-3 widget_recent_entries" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a class="footer-title" href="index.html" style="color:#66CA94">网站导航</a>
<a class="footer-title" href="index.html">网站首页</a>
<a class="footer-title" href="browseMore.html">实习项目</a>
<div class="wrap-footer" style="background-color: #323232;height: 609px;padding-top: 0;">
<!-- <div class="container"> -->
<div class="row"
style="display: flex;justify-content: space-between;height: 100%;place-items: center;margin-left: 0;margin-right: 0;">
<div style="display: flex;flex-direction: column;place-content: center;">
<div style="width: 210px;height: 28px;">
<img src="img/portfolio/B2.png" width="100%">
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a class="footer-title" href="aboutUs.html" style="color:#66CA94">关于我们</a>
<a class="footer-title" href="aboutUs.html">关于Start-Line</a>
<a class="footer-title" href="aboutUs.html">联系我们</a>
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;" id="sevenimg4">
<h2 class="footer-title" style="color: #66CA94;text-transform:capitalize">关注Start-Line</h2>
<div id='ewm-footer' style="text-align: center;">
</div>
<!-- <img src="img/portfolio/EWM.png" style="width: 50%;"> -->
<div style="color: #fff;padding-top: 44px;font-size: 24px; text-transform:capitalize;font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
text-align: center;
color: #ffffff;
line-height: 32px;">
成功职场第一步，从Start-Line开始</div>
</div>
<div style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a href="index.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;">网站导航</a>
<a href="index.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 40px;padding:20px 0 8px">网站首页</a>
<a href="browseMore.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 40px;">实习项目</a>
</div>
<div style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a href="aboutUs.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;">关于我们</a>
<a href="aboutUs.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 40px;padding:20px 0 8px">关于Start-Line</a>
<a href="aboutUs.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 40px;">联系我们</a>
</div>
<div style="display: flex;flex-direction: column;place-items: flex-start;place-content: center;"
id="sevenimg4">
<div style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;padding-bottom: 31px;">关注Start-Line</div>
<div id='ewm-footer' style="text-align: center;width: 155px;height: 155px;">
</div>
</div>
</div>
<!-- </div> -->
</div>
</footer>
... ... @@ -667,7 +961,7 @@
<!-- carousel -->
<script src="owl-carousel/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$(document).ready(function () {
$("#owl-brand").owlCarousel({
autoPlay: 3000,
items: 1,
... ...
... ... @@ -33,13 +33,13 @@ $(document).ready(function () {
// 图片
// let logo = ` <img src="${res.data.img}" style="width: 100%;">`
// $("#img-logo").html(logo)
let img1 = `<img src="${res.data.img1}" class="rounded img-fluid d-block mx-auto" alt="" style="width: 100%;">`
let img1 = `<img src="${res.data.img1}" alt="" style="width: 100%;height:100%">`
$("#img1").html(img1)
let img2 = `<img src="${res.data.img2}" alt="" style="width: 100%;height:50%">`
let img2 = `<img src="${res.data.img2}" alt="" style="width: 100%;height:100%">`
$("#img2").html(img2)
let img3 = `<img src="${res.data.img3}" class="rounded img-fluid d-block mx-auto profile-footerImg1" alt="" >`
let img3 = `<img src="${res.data.img3}" style="width: 100%;height:100%" alt="" >`
$("#img3").html(img3)
let bgimg = `
... ... @@ -47,8 +47,7 @@ $(document).ready(function () {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
height: 750px;">
-o-background-size: cover;">
<nav>
<div class="header-txt1">
<div id="img-logo" class="header-img1">
... ... @@ -57,19 +56,19 @@ $(document).ready(function () {
<div class="header-right1">
<div id="login-btn" class="header-btnL"></div>
<a class="header-right-btn" onclick="setPersonal()">
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
<img src="./img/portfolio/circle.png" style="width: 100%;height: 100%;">
</a>
</div>
</div>
</nav>
<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 id="titleExplain">${res.data.titleExplain}</p>
<div class="text-center">
<div class='header-text-img'><img src='${res.data.img}' style='width:100%;height:100%'></div>
<div style="color: #fff; id="explain">${res.data.explain}</div>
<div style="color: #fff;" id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目<br/>更快学习交易经纪人的职场能力！</div>
<div id="titleExplain">${res.data.titleExplain}</div>
<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>
<h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 50px;height: 50px;opacity: 0.5;">&nbsp;</h5>
<a onclick="setLearingContentId(${str1})" class='joinStudyPro'>加入实习项目</a>
</div>
</div>
... ... @@ -80,15 +79,11 @@ $(document).ready(function () {
//判断右上角是否登录
if (token == null) {
let loginTit1 = `
<a href='login.html'>
<div class="header-loginBtn" id="loginTitle">登&nbsp;&nbsp;录</div>
</a>`
<a href='login.html' class="header-loginBtn" id="loginTitle">登&nbsp;&nbsp;录</a>`
$("#login-btn").html(loginTit1)
} else {
let loginTit2 = `
<a href='login.html'>
<div class="header-loginBtn" id="loginTitle">退出登录</div>
</a>`
<a href='login.html' class="header-loginBtn" id="loginTitle">退出登录</a>`
$("#login-btn").html(loginTit2)
}
}, function (res) {
... ... @@ -96,7 +91,6 @@ $(document).ready(function () {
})
//获取四张小图
var url1 = "/recommendOne/recommendOneList";
var header1 = {
"Content-Type": "application/x-www-form-urlencoded",
// "token": localStorage.getItem('token'),
... ... @@ -104,15 +98,15 @@ $(document).ready(function () {
var params1 = {
id: str1
}
ajax(url1, "GET", header1, params1, function (res) {
ajax("/recommendOne/recommendOneList", "GET", header1, params1, function (res) {
// console.log(res);
$.each(res.data, function (key, value) {
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 class='four-to-one1'>${value.title}</div>
<div class='four-to-two1'>${value.englishTitle}</div>
</div>
</div>`
$('#fourGroups').append(title)
... ... @@ -120,20 +114,16 @@ $(document).ready(function () {
}, function (res) { })
//大标题
var url2 = "/recommend/recommendTwoList";
var header3 = {
"Content-Type": "application/x-www-form-urlencoded",
"token": localStorage.getItem('token'),
}
ajax(url2, "GET", header3, params1, function (res) {
ajax("/recommend/recommendTwoList", "GET", header3, params1, function (res) {
console.log(res);
for (let i in res.data) {
// console.log(res.data[i])
//判断题目高度
var newHeight = $('#get_right').css('height')
// console.log(newHeight);
//${$('#get_right').css('height') ? $('#get_right').css('height').replace('px', '')-150 : 100}
//${newHeight ? newHeight.replace('px','')-150 : 100}
let singltItem = ''
let content = ''
let x = +i + 1
... ... @@ -203,7 +193,6 @@ function setLearingContentId(id) {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
// 调用公共ajax
ajax("/login/userInfo", "GET", header1, function (res) {
console.log(res);
}, function (res) {
... ... @@ -243,7 +232,6 @@ function setPersonal() {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
// 调用公共ajax
ajax("/login/userInfo", "GET", header, function (res) {
console.log(res);
}, function (res) {
... ... @@ -256,6 +244,8 @@ function setPersonal() {
}, function (res) {
if (res) {
alert("请您先登录！")
window.location.href = 'login.html'
}
})
}
\ No newline at end of file
... ...
... ... @@ -24,10 +24,9 @@
<!-- Custom Fonts -->
<link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<style>
/* 分页插件css */
#page {
/* 分页插件css */
#page {
/* margin: 0 auto 60px; */
padding: 30px 0;
color: #666;
... ... @@ -70,116 +69,295 @@
border-color: #66CA94;
color: #FFF
}
/* 分页插件结束 */
.box-content {
padding: 90px 180px;
}
.header-right-btn {
width: 70px;
height: 70px;
}
.header-text {
padding: 0 70px;
top: 0;
right: 0;
left: 0;
width: 100%;
padding: 293px 200px 0;
}
.text-center {
display: flex;
justify-content: space-between;
margin-top: 80px;
}
.par-head-left-title {
flex: 3
.par-head-right-title1 {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.par-head-right-title1 p {
font-size: 24px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: justify;
color: #323232;
line-height: 20px;
}
.header-text p {
margin-bottom: 20px;
}
#finish-num {
font-size: 32px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
text-align: left;
color: #66ca94;
line-height: 32px;
padding: 0 6px;
}
.finish_more {
width: 272px;
font-size: 24px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: justify;
color: #323232;
line-height: 40px;
}
.par-head-left-title h2 {
font-size: 40px;
font-family: Helvetica;
text-align: left;
color: #323232;
line-height: 60px;
letter-spacing: 1px;
}
.par-head-left-hello {
display: flex;
padding-bottom: 20px;
}
.par-head-right-title1 {
flex: 1
.par-head-left-hello h2 {
font-size: 40px;
font-family: Helvetica;
text-align: left;
color: #323232;
line-height: 60px;
letter-spacing: 1px;
}
.par-img1 {
width: 120px
width: 73px;
height: 100px;
}
.intro {
color: #66CA94;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;
}
.par-learning {
padding-top: 10px;
font-size: 40px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
color: #323232;
line-height: 60px;
}
.par-pro-one {
height: 240px;
/* width: 750px; */
width: 48%;
display: flex;
place-content: center;
background-color: #fff;
margin: 0 10px 40px;
}
.par-pro-img1 {
width: 50%;
margin-right: 5%;
width: 240px;
height: 240px;
}
.par-proing-title-one {
display: flex;
flex-direction: column;
padding: 30px;
flex: 1;
}
.par-proing-title-one h5 {
.par-proing-title-one div {
font-size: 32px;
font-family: Helvetica;
text-align: left;
color: #323232;
padding: 30px 30px 40px;
line-height: 50px;
}
.par-proing-title-one p {
padding-top: 40px;
font-size: 18px;
font-family: Helvetica;
text-align: left;
color: #5a5a5a;
line-height: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.login-footer-all {
display: none;
}
@media (max-width: 768px) {
.header-txt1 {
padding: 30px 110px 0 70px;
display: flex;
justify-content: space-between;
place-items: center;
}
.header-right1 {
display: flex;
justify-content: space-around;
place-items: center;
}
.header-btnL1 {
margin-right: 71px;
}
.header-btnL1 div {
font-size: 24px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #323232;
line-height: 24px;
letter-spacing: 1px;
}
.header-loginBtn {
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
color: #323232;
line-height: 18px;
letter-spacing: 9px;
padding-bottom: 10px;
border-bottom: 2px solid #323232;
margin-right: 82px;
}
header {
height: 880px;
}
.heading1 {
margin-bottom: 60px;
}
.portfolio-box3 {
width: 100%;
}
#recommend-num,
#finish-num {
font-size: 32px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
text-align: left;
color: #66ca94;
line-height: 32px;
}
@media(max-width: 768px) {
#recommend-num,
#finish-num {
font-size: 14px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
text-align: left;
color: #66ca94;
line-height: 16px;
}
.heading1 {
margin-bottom: 0;
}
header {
height: 441px;
}
.header-btnL {
display: block;
margin-right: 10px;
margin-right: 10px
}
.header-img1 {
width: 105px;
height: 15px;
}
.header-loginBtn {
letter-spacing: 3px;
display: block;
font-size: 14px;
padding: 0;
line-height: 2;
margin-right: 0px;
}
.hello {
display: none;
}
.header-right1 {
display: flex;
place-items: center;
}
.header-right-btn {
bottom: 0;
margin-right: 0px;
}
.header-txt1 {
margin: 25px 20px;
place-items: center;
padding: 0;
}
.text-center {
display: flex;
flex-direction: column;
}
.header-text {
margin-top: 80px;
margin-top: 92px;
padding: 0 0 20px 15px;
}
.par-head-left-hello {
padding-bottom: 0px;
}
.par-head-left-hello h2 {
display: flex;
flex-direction: column;
padding-bottom: 10px;
}
.par-head-left-hello h2 {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
... ... @@ -188,6 +366,7 @@
color: #323232;
line-height: 24px;
}
.par-head-left-title h2 {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
... ... @@ -196,61 +375,116 @@
color: #323232;
line-height: 24px;
}
.par-head-right-title1 p {
font-size: 9px;
font-family: Helvetica;
color: #5a5a5a;
}
#finish-num {
font-size: 14px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
text-align: left;
color: #66ca94;
line-height: 16px;
padding: 0 3px;
}
.finish_more {
width: 120px;
height: 96px;
font-size: 9px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: justify;
color: #5a5a5a;
line-height: 16px;
}
.par-img1 {
width: 80px;
margin-bottom: 15px;
width: 60px;
height: 60px;
margin-bottom: 25px;
}
.par-head-left-title {
margin-bottom: 10px;
margin: 0 0 32px 15px;
}
.header-text p {
margin-bottom: 7px;
}
.par-head-right-title1 {
width: 50%;
padding-left: 15px;
width: 200px;
display: flex;
place-items: center;
flex-direction: column;
}
.intro {
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: left;
line-height: 16px;
color: #66CA94;
text-align: left;
font-size: 9px;
}
.par-learning {
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
color: #323232;
line-height: 24px;
padding: 10px 0 20px;
}
.box-content {
padding: 40px 30px;
}
.box-content .heading {
margin-bottom: 20px
}
.par-pro-one {
display: flex;
place-content: center;
background-color: #fff;
width: 100%;
height: 80px;
margin: 0 0 20px;
}
.par-pro-img1 {
width: 50%;
margin-right: 10px;
width: 80px;
height: 80px;
}
.par-proing-title-one {
display: flex;
flex-direction: column;
padding-right: 10px;
padding: 10px;
flex: 3;
}
.par-proing-title-one h5 {
padding: 10px 0 2px;
.par-proing-title-one div {
/* padding-bottom: 10px; */
font-size: 12px;
font-family: Helvetica;
text-align: left;
color: #323232;
line-height: 24px;
}
.par-proing-title-one p {
padding-top: 0;
font-size: 9px;
font-family: Helvetica;
text-align: left;
... ... @@ -268,9 +502,11 @@
-webkit-line-clamp: 2;
overflow: hidden;
}
footer {
display: none;
}
.login-footer-all {
display: flex;
background: #323232;
... ... @@ -278,9 +514,20 @@
place-items: center;
display: flex;
}
.header-right1 {
display: flex;
place-items: center;
}
.header-right-btn {
width: 35px;
height: 35px;
}
}
</style>
</head>
<body>
... ... @@ -291,24 +538,26 @@
<img src="./img/portfolio/B1.png" onclick="window.location.href='participated.html'">
</div>
<div class="header-right1">
<a class="header-btnL" style="display: flex;">
<div class="header-loginBtn hello" style="border: none;">
<div class="header-btnL1" style="display: flex;">
<div class="header-loginBtn1 hello" style="border: none;">
Hello,
</div>
<div class="header-loginBtn hello" id="header-name" style="border: none;"></div>
</a>
<a class="header-btnL" href="login.html">
<div class="header-loginBtn1 hello" id="header-name" style="border: none;"></div>
</div>
<a href="login.html">
<div class="header-loginBtn">退出登录</div>
</a>
<a class="header-right-btn" onclick="setPersonal()">
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
<img src="./img/portfolio/circle.png" style="width: 100%;height: 100%;">
</a>
</div>
</div>
</nav>
<div class="header-text">
<div class="col-md-12 text-center">
<div class="text-center">
<div class="par-head-left-title">
<div class="par-head-left-hello">
<h2>你好,</h2>
... ... @@ -321,38 +570,36 @@
<img src='img/portfolio/13-2.png' style='width:100%;'>
</div>
<p>你获得了
<a style="color: #66CA94;" id="recommend-num"></a> 个推荐</p>
<p style="font-size: 0.5em;">获得来自行业前辈的推荐,让更多行业领域<br/>能看见你的出色的成果展示,以及你的简历和个人资料。</p>
<a id="recommend-num"></a>个推荐
</p>
<div class="finish_more">获得来自行业前辈的推荐,让更多行业领域能看见你的出色的成果展示,以及你的简历和个人资料。</div>
</div>
</div>
</div>
</header>
<div id="page-content" style="background-color: #f0f0f0;">
<section class="box-content box-2" id="projects" style="padding-bottom: 6%;">
<div class="container">
<div class="row heading">
<!-- <div class="col-lg-12"> -->
<div class="intro" style="color: #66CA94;text-align: left;">推荐项目 recommendable projects</div>
<!-- <div style="display: flex; justify-content: space-between;"> -->
<h2 class="par-learning">获得推荐的项目</h2>
</div>
<section class="box-content box-2" id="projects">
<div class="heading1">
<div class="intro" style="color: #66CA94;text-align: left;">推荐项目 recommendable projects</div>
<div class="par-learning">获得推荐的项目</div>
</div>
<div class="no-gutter" style="display: flex;flex-wrap: wrap;" id="allProject">
<!-- <div class="col-lg-32 col-sm-60 par-pro-one">
<a class="portfolio-box3" style="display: flex;">
<div class="portfolio-box3" style="display: flex;">
<div class="par-pro-img1">
<img src="img/portfolio/13-3.png" alt="" style="width:100%">
<img src="img/portfolio/13-3.png" alt="" style="width:100%;height: 100%;">
</div>
<div class="par-proing-title-one">
<h5>上海国际货币经济实习项目</h5>
<p>start-line虚拟实习项目均在线上进行,每个项目花费时间5-10小时不等,学生可以自由安排时间</p>
<div>上海国际货币经济实习项目</div>
<p>start-line虚拟实习项目均在线上进行-line虚拟实习项目均在线上进行--line虚拟实习项目均在线上进行-line虚拟实习项目均在线上进行line虚拟实习项目均在线上进行,每个项目花费时间5-10小时不等,学生可以自由安排时间
</p>
</div>
</a>
</div>
</div> -->
</div>
</section>
</div>
... ... @@ -365,39 +612,85 @@
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="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 -->
<footer>
<div class="wrap-footer" style="background-color: #323232;">
<div class="container">
<div class="row" style="display: flex;justify-content: space-between;">
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-content: center;">
<img src="img/portfolio/B2.png" width="50%">
<p class="footer-title" style="color: #fff;padding-top: 10%;font-size: 0.8em; text-transform:capitalize">成功职场第一步，从Start-Line开始</p>
</div>
<div class="col-footer col-md-3 widget_recent_entries" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a class="footer-title" href="participated.html" style="color:#66CA94">网站导航</a>
<a class="footer-title" href="participated.html">网站首页</a>
<a class="footer-title" href="browseMore.html">实习项目</a>
<div class="wrap-footer" style="background-color: #323232;height: 609px;padding-top: 0;">
<!-- <div class="container"> -->
<div class="row"
style="display: flex;justify-content: space-between;height: 100%;place-items: center;margin-left: 0;margin-right: 0;">
<div style="display: flex;flex-direction: column;place-content: center;">
<div style="width: 210px;height: 28px;">
<img src="img/portfolio/B2.png" width="100%">
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a class="footer-title" href="aboutUs.html" style="color:#66CA94">关于我们</a>
<a class="footer-title" href="aboutUs.html">关于Start-Line</a>
<a class="footer-title" href="aboutUs.html">联系我们</a>
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;" id="sevenimg4">
<h2 class="footer-title" style="color: #66CA94;text-transform:capitalize">关注Start-Line</h2>
<div id='ewm-footer' style="text-align: center;">
</div>
<!-- <img src="img/portfolio/EWM.png" style="width: 50%;"> -->
<div style="color: #fff;padding-top: 44px;font-size: 24px; text-transform:capitalize;font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
text-align: center;
color: #ffffff;
line-height: 32px;">
成功职场第一步，从Start-Line开始</div>
</div>
<div style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a href="index.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;">网站导航</a>
<a href="index.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 40px;padding:20px 0 8px">网站首页</a>
<a href="browseMore.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 40px;">实习项目</a>
</div>
<div style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a href="aboutUs.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;">关于我们</a>
<a href="aboutUs.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 40px;padding:20px 0 8px">关于Start-Line</a>
<a href="aboutUs.html" style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 40px;">联系我们</a>
</div>
<div style="display: flex;flex-direction: column;place-items: flex-start;place-content: center;"
id="sevenimg4">
<div style="font-size: 18px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #66ca94;
line-height: 25px;
letter-spacing: 1px;padding-bottom: 31px;">关注Start-Line</div>
<div id='ewm-footer' style="text-align: center;width: 155px;height: 155px;">
</div>
</div>
</div>
<!-- </div> -->
</div>
</footer>
... ... @@ -416,7 +709,7 @@
<!-- carousel -->
<script src="owl-carousel/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$(document).ready(function () {
$("#owl-brand").owlCarousel({
autoPlay: 3000,
items: 1,
... ...
$(document).ready(function() {
//查看已推荐的项目
var pages = ''
var page = 1
var size = 4
// xlPaging.js 使用方法
$("#page").paging({
nowPage: page, // 当前页码
pageNum: pages, // 总页码
buttonNum: size, //要展示的页码数量
callback: function (num) { //回调函数
console.log(num);
page = num
aaaa()
}
});
aaaa()
function aaaa(){
$(document).ready(function () {
//查看个人信息赋值名字
console.log(localStorage.getItem('name'));
$("#header-name").html(localStorage.getItem('name'))
$("#title-name").html(localStorage.getItem('name'))
//首页
var header3 = {
"Content-Type": "application/x-www-form-urlencoded"
}
ajax("/warranty/warrantyList", "GET", header3, function (res) {
console.log('1', res);
}, function (res) {
console.log(res);
let EWM = `<img src="${res.data.sevenimg4}" width="100%">`
$('#ewm-footer').html(EWM)
})
//查看已推荐的项目
var pages = ''
var page = 1
var size = 4
// xlPaging.js 使用方法
$("#page").paging({
nowPage: page, // 当前页码
pageNum: pages, // 总页码
buttonNum: size, //要展示的页码数量
callback: function (num) { //回调函数
console.log(num);
page = num
aaaa()
}
});
aaaa()
function aaaa() {
var header = {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
... ... @@ -23,67 +38,44 @@ $(document).ready(function() {
var params = JSON.stringify({
current: page,//开始页
size: size,//展示条数
})
// 调用公共ajax
var title
ajax("/warrantyTwo/warrantyTwos", "POST", header, params, function(res) {
console.log(res);
pages = res.data.pages
$("#recommend-num").html(res.data.records.length)
$.each(res.data.records, function(key, value) {
let title = `
})
var title
ajax("/warrantyTwo/warrantyTwos", "POST", header, params, function (res) {
console.log(res);
pages = res.data.pages
$("#recommend-num").html(res.data.records.length)
$.each(res.data.records, function (key, value) {
let title = `
<div class="col-lg-32 col-sm-60 par-pro-one" onClick="setLearingContentId(${value.id})">
<a class="portfolio-box3" style="display: flex;">
<div class="par-pro-img1">
<img src="${value.img2}" alt="" style="width:100%">
</div>
<div class="par-proing-title-one">
<h5>${value.field}</h5>
<div>${value.field}</div>
<p>${value.futitle}</p>
</div>
</a>
</div>`
$('#allProject').append(title)
})
}, function(res) {
console.log(res);
})
}
//查看个人信息赋值名字
var url2 = "/login/userInfo"; // 接口
// 调用公共ajax
ajax(url2, "GET", header, function(res) {
console.log(res);
}, function(res) {
console.log(res);
$("#header-name").html(res.data.surname + res.data.userName)
$("#title-name").html(res.data.surname + res.data.userName)
$('#allProject').append(title)
})
//首页
var url3 = "/warranty/warrantyList";
var header3 = {
"Content-Type": "application/x-www-form-urlencoded"
}
ajax(url3, "GET", header3, function(res) {
console.log('1', res);
}, function(res) {
}, function (res) {
console.log(res);
let EWM = `<img src="${res.data.sevenimg4}" width="100%">`
$('#ewm-footer').html(EWM)
})
})
//获取用户VIP信息判断是否是VIP
}
})
//获取用户VIP信息判断是否是VIP
function setPersonal() {
var url = "/login/userInfo"; // 接口
var header = {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
// 调用公共ajax
ajax(url, "GET", header, function(res) {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
// 调用公共ajax
ajax(url, "GET", header, function (res) {
console.log(res);
}, function(res) {
}, function (res) {
console.log(res);
if (res.data.status1 == 2) {
window.location.href = 'personalCenter2.html'
... ... @@ -99,11 +91,11 @@ function setLearingContentId(id) {
"Content-Type": "application/x-www-form-urlencoded",
"token": localStorage.getItem('token'),
}
ajax(url7, "POST", header, function(res) {
console.log(res);
}, function(res) {
console.log(res);
window.location.href = 'learningContent.html?id=' + id
})
// console.log(id);
ajax(url7, "POST", header, function (res) {
console.log(res);
}, function (res) {
console.log(res);
window.location.href = 'learningContent.html?id=' + id
})
// console.log(id);
}
\ No newline at end of file
... ...