杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 c5aad37e864a5b8a345d4a4eac3bc56ce67a50b3 1 个父辈 563db164
1 个管道 的构建 通过 耗费 4 秒

提交

内嵌 并排对比
正在显示 3 个修改的文件 包含 390 行增加 和 214 行删除
... ... @@ -47,8 +47,190 @@
<link href="assets/css/responsive.css" rel="stylesheet">
<style>
.openProBtn {
position: absolute;
left: 35px;
z-index: 5;
cursor: pointer;
opacity: 1;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: center;
color: #ffffff !important;
line-height: 25px;
letter-spacing: 1px;
}
#fourfields1 {
opacity: 1;
font-size: 18px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
text-align: left;
color: #66ca94;
line-height: 23px;
letter-spacing: 1px;
}
#fourfields2 {
margin: 27px 0 40px;
height: 120px;
opacity: 1;
font-size: 40px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #66ca94;
line-height: 60px;
}
.open_right {
flex: 1;
margin-left: 110px;
}
.openPro {
background: #323232;
padding: 87px 230px;
display: flex;
/* place-content: center; */
place-items: center;
justify-content: space-between;
}
.wenti_daan {
width: 660px;
opacity: 1;
font-size: 18px;
font-family: Helvetica;
text-align: justify;
color: #5a5a5a;
line-height: 40px;
}
.wenti-btn {
margin: 80px 0 40px;
opacity: 1;
font-size: 32px;
font-family: Helvetica;
text-align: justify;
color: #323232;
line-height: 32px;
}
.index_problem_list {
background-color: #FCFBFD;
color: #323232;
padding: 100px 200px;
}
#sevenfields2 {
opacity: 1;
font-size: 32px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: center;
color: #ffffff;
line-height: 32px;
}
#sevenfields1 {
opacity: 1;
font-size: 24px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
text-align: center;
color: #ffffff;
line-height: 29px;
margin-bottom: 37px;
}
.index-greenTitle {
height: 300px;
background-color: #66ca94;
/* padding: 0 220px; */
display: flex;
flex-direction: column;
place-items: center;
place-content: center;
}
.col-lg-3 {
padding-left: 50px;
padding-right: 50px;
}
#FourTitle {
margin: 30px 0 15px;
height: 25px;
opacity: 1;
font-size: 18px;
font-family: Helvetica;
text-align: center;
color: #323232;
line-height: 22px;
letter-spacing: 1px;
}
.imgList {
display: flex;
flex-direction: column;
place-items: center;
place-content: center;
}
.container {
max-width: 100%;
}
#team {
height: 600px;
padding: 100px 120px 120px;
}
.header_yuan {
background-color: #97dab6;
border-radius: 50%;
z-index: 2;
width: 50px;
height: 50px;
}
header {
height: 700px;
}
.header-right1 {
place-items: center;
}
.header-txt1 {
padding: 30px 110px 0 70px;
place-items: center;
}
#sixfields1 {
padding-top: 40px;
opacity: 1;
font-size: 18px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
text-align: left;
color: #66ca94;
line-height: 23px;
letter-spacing: 1px;
}
#sixfields2 {
margin-top: 20px;
/* height: 120px; */
opacity: 1;
font-size: 40px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #323232;
line-height: 60px;
}
#fivefields1 {
... ... @@ -134,16 +316,20 @@
}
.header-text {
padding-left: 70px;
top: 0;
width: 100%;
padding: 109px 0 0 70px;
}
.index-head-btn {
padding-top: 70px;
position: relative;
display: flex;
place-items: center;
}
#onefields1 {
opacity: 1;
font-size: 18px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
... ... @@ -154,16 +340,32 @@
}
#onefields2 {
width: 60%;
width: 862px;
opacity: 1;
font-size: 40px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
color: #323232;
line-height: 80px;
letter-spacing: 1px;
padding: 40px 0 60px;
}
.index-head-btn a {
position: relative;
left: 25px;
position: absolute;
left: 35px;
color: #323232;
z-index: 5;
cursor: pointer;
opacity: 1;
font-size: 18px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: center;
color: #323232;
line-height: 25px;
letter-spacing: 1px;
}
#oneimg1 {
... ... @@ -177,18 +379,22 @@
}
#FourTxt {
color: #5A5A5A;
font-size: 0.5em;
height: 150px;
opacity: 1;
font-size: 18px;
font-family: Helvetica;
text-align: justify;
color: #5a5a5a;
line-height: 32px;
}
.index-row {
display: flex;
place-content: center;
place-items: center;
margin-left: 25px;
margin-right: 25px;
height: 400px;
justify-content: space-between;
height: 750px;
background-color: #f0f0f0;
padding: 0 180px 0 268px;
}
.par-pro-Featured {
... ... @@ -248,32 +454,49 @@
}
#fourimg3 {
width: 100%;
height: 50%;
width: 760px;
height: 826px;
}
#fourfields3 {
color: #fff;
padding-top: 6%;
#fourfields3 p {
padding-bottom: 30px;
opacity: 1;
font-size: 18px;
font-family: Helvetica;
text-align: justify;
color: #ffffff;
line-height: 30px;
}
.openPro_yuan {
border-radius: 50%;
z-index: 2;
width: 50px;
height: 50px;
opacity: 1;
background: rgba(102, 202, 148, 0.50);
}
.index-showBtn {
padding-top: 70px;
margin-top: 70px;
display: flex;
place-items: center;
position: relative;
}
#twoimg2 {
flex: 1;
text-align: center;
width: 514px;
height: 528px;
}
#index_two_title {
flex: 1;
margin-left: 265px;
}
#twofields1 {
padding-right: 100px;
width: 546px;
opacity: 1;
font-size: 18px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
... ... @@ -284,7 +507,7 @@
}
#twofields2 {
padding: 30px 80px 30px 0;
margin: 38px 0 70px;
font-size: 32px;
font-family: Gotham, Gotham-Bold;
font-weight: 700;
... ... @@ -293,12 +516,8 @@
line-height: 60px;
}
.two_imgs {
width: 50%;
}
#twofields3 {
padding-right: 60px;
opacity: 1;
font-size: 18px;
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
font-weight: 400;
... ... @@ -324,14 +543,16 @@
border-bottom: 1px solid #333;
}
#FourImage {
width: 162px;
height: 162px;
}
@media(max-width:768px) {
.header-img1{
.header-img1 {
width: 105px;
height: 15px;
}
.two_imgs {
width: 100%;
}
#fivefields1 {
margin-top: 40px;
... ... @@ -583,8 +804,8 @@
}
#twoimg2 {
width: 150px;
flex: 0;
width: 190px;
height: 196px;
margin: 20px 0;
}
... ... @@ -796,7 +1017,7 @@
line-height: 12px;
}
.index-problem-list {
.index_problem_list {
padding: 40px 5px;
text-align: center;
}
... ... @@ -867,31 +1088,19 @@
</div>
<div class="header-right1">
<div id="login-btn" class="header-btnL">
<!-- <a onclick="loginStatus()">
<div class="header-loginBtn" id="loginTitle">登&nbsp;&nbsp;录</div>
</a> -->
</div>
<!-- <a class="header-btnL" href="aboutUs.html">
<div class="header-loginBtn">加入我们</div>
</a> -->
<a class="header-right-btn" onclick="setPersonal()">
<!-- <a class="header-right-btn" href="personalCenter.html"> -->
<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 index-header-showTitle">
<p id="onefields1"></p>
<h1 id="onefields2"></h1>
<div class="index-head-btn">
<h5
style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">
&nbsp;</h5>
<a onclick="morebro()">浏览实习项目</a>
</div>
<div id="onefields1"></div>
<div id="onefields2"></div>
<div class="index-head-btn">
<h5 class="header_yuan">&nbsp;</h5>
<a onclick="morebro()">浏览实习项目</a>
</div>
</div>
... ... @@ -903,22 +1112,19 @@
</div>
</section>
<!-- 四个小图 -->
<section class="box-content box-7" id="team">
<div class="container4">
<div class="row1" id="fourGroups">
<section id="team">
<div class="container">
<div class="row" id="fourGroups">
</div>
</div>
</section>
<!-- 左图右字 -->
<section class="section padding-top-70 padding-bottom-01" id="features" style="background-color: #f0f0f0;">
<div class="index-row">
<div id="twoimg2">
</div>
<div id="index_two_title">
<div id="twofields1" style="color: #66CA94;"></div>
<div id="twofields2" class="section-title"></div>
<div id="twofields3"></div>
</div>
<section class="index-row">
<div id="twoimg2"></div>
<div id="index_two_title">
<div id="twofields1"></div>
<div id="twofields2"></div>
<div id="twofields3"></div>
</div>
</section>
... ... @@ -937,42 +1143,24 @@
</div>
</section>
<section class="section padding-top-70 padding-bottom-01" id="features" style="background-color: #323232;">
<div class="container" style="z-index: 10;">
<div class="index-infoshow">
<div class="col-lg-5 col-md-12 col-sm-12" id="fourimg3">
<!-- <img src="img/portfolio/F1.png " class="rounded img-fluid d-block mx-auto" alt=" " style="width: 100%;height: 70%;"> -->
</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">
<p style="color: #66CA94; " id="fourfields1"></p>
</div>
<div class="left-heading">
<h2 id="fourfields2" class="section-title" style="color: #66ca94"></h2>
</div>
<div class="left-text">
<p id="fourfields3"></p>
</div>
<!-- <div class="left-text">
<ul type='square' style="color: #fff; ">
<li>在正式进入实习前，同学们将得到行业最资深老师的专业知识培训，全面掌握了解特定行业、公司及各细分领域的系列专业知识。</li>
<li>进入虚拟实习体验项目后，同学们将得到该岗位的一系列工作任务，以及相关参考资料，在导师的悉心指导下挑战完成工作任务</li>
<li>工作任务结束后，可获得实习证明，简历纳入企业人才储备库，加入全球start-line优秀校友会，线上线下获取最新最优机会。</li>
</ul>
</div> -->
<div class="index-showBtn">
<h5
style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;">
&nbsp;</h5>
<a onclick="morebro()"
style="position: relative;left: 25px;color: #fff; z-index: 5;cursor: pointer;">浏览实习项目</a>
</div>
</div>
<section class="openPro" style="background-color: #323232;">
<div id="fourimg3">
</div>
<div class="open_right">
<div id="fourfields1"></div>
<div id="fourfields2"></div>
<p id="fourfields3"></p>
<div class="index-showBtn">
<h5 class="openPro_yuan">&nbsp;</h5>
<a onclick="morebro()" class="openProBtn">浏览实习项目</a>
</div>
</div>
</section>
<!-- 学长学姐分享 -->
</div>
</div>
</section>
<!-- 学长学姐分享 -->
<section>
<div class="banner-box" style="background: #f0f0f0;">
<div class="share_head">
<div id="fivefields1"></div>
... ... @@ -1004,81 +1192,108 @@
</div>
<div class="swiper-pagination"></div>
</div>
<!-- 问题 -->
<section class="box-content box-8 box-style-4 index-problem-list" id="contact"
style="background-color: #FCFBFD;color: #323232; ">
<div class="container">
<div class="row heading">
<div class="col-lg-12" style="text-align: left;">
<div id="sixfields1" class="intro" style="color: #66CA94; "></div>
<h2 id="sixfields2" style="color:#323232;padding-top: 10px;"></h2>
</div>
</div>
<div class="row">
<div class="col-md-6 box-item" id="clickQuestion">
</div>
</div>
</div>
</section>
<!-- 绿底字 -->
<section class="box-content box-8 box-style-4 index-greenTitle" style="background-color: #66ca94;">
<div class="container" style="color: #fff;text-align: center;">
<p id="sevenfields1"></p>
<h3 id="sevenfields2"></h3>
</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;
</section>
<!-- 问题 -->
<section class="index_problem_list">
<div id="sixfields1"></div>
<div id="sixfields2"></div>
<div id="clickQuestion">
</div>
</section>
<!-- 绿底字 -->
<section class="index-greenTitle">
<div id="sevenfields1"></div>
<div id="sevenfields2"></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 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>
</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="index.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>
<script type="text/javascript">
... ... @@ -1106,29 +1321,6 @@
});
}
</script>
<!-- <script type="text/javascript">
//图片滚动JS代码
var speed2 = 20;
var FGgoleft = document.getElementById('goleft');
var FGgoleft1 = document.getElementById('goleft1');
var FGgoleft2 = document.getElementById('goleft2');
FGgoleft2.innerHTML = FGgoleft1.innerHTML
function Marquee2() {
if (FGgoleft2.offsetWidth - FGgoleft.scrollLeft <= 0) {
FGgoleft.scrollLeft -= FGgoleft1.offsetWidth
} else {
FGgoleft.scrollLeft++;
}
}
var MyMar2 = setInterval(Marquee2, speed2)
FGgoleft.onmouseover = function() {
clearInterval(MyMar2)
}
FGgoleft.onmouseout = function() {
MyMar2 = setInterval(Marquee2, speed2)
}
</script> -->
<style type="text/css">
.box1 {
margin: 0 auto;
... ...
... ... @@ -32,9 +32,7 @@ $(document).ready(function() {
}
//首页
var url = "/warranty/warrantyList"; // 接口
ajax(url, "GET", header, function(res) {
ajax("/warranty/warrantyList", "GET", header, function(res) {
console.log('1', res);
}, function(res) {
console.log(res);
... ... @@ -55,21 +53,20 @@ $(document).ready(function() {
$('#sevenfields1').html(res.data.sevenfields1)
$('#sevenfields2').html(res.data.sevenfields2)
//图片
let img1 = `<img src="${res.data.oneimg1}" class="img-responsive" alt="" >`
let img1 = `<img src="${res.data.oneimg1}" class="img-responsive" alt="" style="width: 100%;height: 100%;">`
$('#oneimg1').html(img1)
let img2 = `<img src="${res.data.twoimg2}" alt="" class='two_imgs'>`
let img2 = `<img src="${res.data.twoimg2}" alt="" style='width:100%;height:100%'>`
$('#twoimg2').html(img2)
let img3 = `<img src="${res.data.fourimg3}" alt=" " style="width: 100%;height: 100%;">`
$('#fourimg3').html(img3)
let EWM = `<img src="${res.data.sevenimg4}" width="100%">`
let EWM = `<img src="${res.data.sevenimg4}" style="width: 100%;height: 100%;">`
$('#ewm-footer').html(EWM)
})
var header8 = {
"Content-Type": "application/x-www-form-urlencoded",
}
//获取四张小图
var url1 = "/warrantyOne/warrantyOneList"; // 接口
ajax(url1, "GET", header8, function(res) {
ajax("/warrantyOne/warrantyOneList", "GET", header8, function(res) {
console.log(res);
}, function(res) {
... ... @@ -78,14 +75,12 @@ $(document).ready(function() {
// console.log($(this));
// console.log(value)
let title = `
<div class="box-item">
<div class="imgList col-lg-3 col-sm-6 col-xs-6">
<div id="FourImage">
<img src="${value.img}" style='width:100%'>
</div>
<div class="col-xs-99" id="fourGroups_title">
<span id="FourTitle">${value.title}</span>
<p id="FourTxt">${value.content}</p>
</div>
<div id="FourTitle">${value.title}</div>
<div id="FourTxt">${value.content}</div>
</div>`
$('#fourGroups').append(title)
})
... ... @@ -216,19 +211,16 @@ $(document).ready(function() {
})
//首页问题
var url3 = "/warrantyFive/warrantyFiveList";
ajax(url3, "GET", header, function(res) {
ajax("/warrantyFive/warrantyFiveList", "GET", header, function(res) {
console.log(res);
}, function(res) {
console.log(res);
$.each(res.data, function(key, value) {
console.log(value.question);
let title = `
<div>
<div class='wenti-btn' id="question2" onClick="showAnswer(${value.id})" data-id='${key}'>${value.question}</div>
<p id="answer${value.id}" data-id='${key}' style="color:#323232"></p>
<div class='wenti-btn' id="question2" onClick="showAnswer(${value.id})" data-id='${key}'>${value.question}</div>
<p class='wenti_daan' id="answer${value.id}" data-id='${key}'></p>
</div>`
$('#clickQuestion').append(title)
})
... ... @@ -238,25 +230,17 @@ $(document).ready(function() {
//首页答案
function showAnswer(id) {
console.log(1213);
var url4 = "/warrantyFive/warrantyFiveAnswer"; // 接口
var params1 = {
id: id
}
// 调用公共ajax
ajax(url4, "GET", header, params1, function(res) {
ajax("/warrantyFive/warrantyFiveAnswer", "GET", header, params1, function(res) {
console.log(res);
$('#answer' + id).parent().parent().find('p').html('')
$('#answer' + id).parent().parent().find('.wenti-btn').css('color', 'black')
// console.log($('#answer' + id).parent().parent().find('p').html(''))
// console.log($('#answer' + id).parent().parent().find('.wenti-btn').css('color', 'black'));
$('#answer' + id).parent().find('#question2').css('color', '#66ca94')
$('#answer' + id).html(res.data)
console.log($(this))
}, function(res) {
console.log(res);
})
}, function(res) {})
}
//进入项目页
function setProfileId(id) {
... ...
... ... @@ -660,7 +660,7 @@
#title-content {
/* border-bottom: 1px solid #ccc; */
padding-bottom: 20px;
/* padding-bottom: 20px; */
}
#title-content h3:hover {
... ...