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

提交

... ... @@ -43,9 +43,72 @@
<link href="assets/css/responsive.css" rel="stylesheet">
<style>
#sixfields1{
padding-top: 40px;
}
#fivefields1{
font-size: 18px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
text-align: left;
color: #66ca94;
line-height: 23px;
}
#fivefields2{
margin-top: 20px;
font-size: 40px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
text-align: left;
color: #323232;
line-height: 60px;
}
.share_head{
text-align: left;margin: 80px 0 80px 200px;
}
.share_all{
display: flex;flex-direction: column; padding: 20px;
}
.share_top{
display: flex;place-items: center;
}
.login-footer-all {
display: none;
}
.share_img{
width: 130px;
height: 130px;
}
.share_name{
margin-left: 40px;
}
.share_name p{
font-size: 32px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: justify;
color: #323232;
line-height: 32px;
}
.share_name div{
font-size: 20px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: justify;
color: #323232;
line-height: 32px;
}
.share_title{
margin-top: 30px;
font-size: 18px;
font-family: Helvetica;
text-align: left;
color: #5a5a5a;
line-height: 32px;
}
.index-header-showTitle {
width: 70%;
... ... @@ -179,6 +242,75 @@
}
@media(max-width:768px) {
#fivefields1{
margin-top: 40px;
font-size: 9px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
text-align: center;
color: #66ca94;
}
#fivefields2{
margin-top: 10px;
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: center;
color: #323232;
line-height: 14px;
}
.share_head{
text-align: left;
margin: 0;
/* margin: 80px 0 80px 200px; */
}
.share_all{
display: flex;flex-direction: column; padding: 10px;
}
.share_top{
display: flex;place-items: center;
}
/* .login-footer-all {
display: none;
} */
.share_img{
width: 90px;
height: 50px;
}
.share_name{
margin-left: 6px;
}
.share_name p{
font-size: 10px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: justify;
color: #323232;
line-height: 10px;
}
.share_name div{
padding-top: 2px;
font-size: 9px;
font-family: PingFangSC, PingFangSC-Semibold;
text-align: justify;
color: #323232;
line-height: 10px;
}
.share_title{
margin-top: 8px;
font-size: 9px;
font-family: Helvetica;
text-align: left;
color: #5a5a5a;
line-height: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
header {
height: 350px;
}
... ... @@ -677,32 +809,30 @@
</div>
</div>
</section>
<!-- 测试 -->
<div class="banner-box">
<div class="banner-top"></div>
<div class="banner-top-one"></div>
<!-- 学长学姐分享 -->
<div class="banner-box" style="background: #f0f0f0;">
<div class="share_head">
<div id="fivefields1"></div>
<h2 id="fivefields2"></h2>
</div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-center none-effect">
<a href="javascript:;">
<img src="swiperCss/images/t1.png" about="" title="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:;">
<img src="swiperCss/images/t2.png" about="" title="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:;">
<img src="swiperCss/images/t3.png" about="" title="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:;">
<img src="swiperCss/images/t4.png" about="" title="">
</a>
</div>
<!-- <div class="swiper-slide swiper-slide-center none-effect">
<div class="share_all">
<div class="share_top">
<div class="share_img">
<img src="img/portfolio/H1.png" style="width: 100%;">
</div>
<div class="share_name">
<p>张同学</p>
<div>加入START-LINE已有3个月</div>
</div>
</div>
<div class="share_title">Start-line提供了各种不同行业不同角色的真实职场工作体验机会,通过不同项目的完成,我可以快速深入了解各类型工作及企业的真实状态及企业文化情况,使自己可以清晰透彻地评估自身性格特点,优势劣势,与职位及企业的匹配程度,在信息充分 </div>
</div>
</div> -->
</div>
<div class="banner-arrow">
<div class="swiper-button-prev"></div>
... ...
... ... @@ -145,52 +145,68 @@ $(document).ready(function() {
console.log(res);
})
//学长学姐分享
var url7 = "/warrantyThree/warrantyThreeList"
header5 = {
"Content-Type": "application/x-www-form-urlencoded"
}
ajax(url7, "GET", header5, function(res) {
ajax("/warrantyThree/warrantyThreeList", "GET", header5, function(res) {
}, function(res) {
console.log(res);
for (let i in res.data) {
console.log(res.data[i]);
let img = `<img src='${res.data[i].img}' style="width: 100%; ">`
$("#head-img").append(img)
$("#little-name").html(res.data[i].name)
$("#remark").html(res.data[i].remark)
$("#sketch").html(res.data[i].sketch)
$("#h-name").html(res.data[i].name)
$("#h-remark").html(res.data[i].remark)
$("#header-content").html(res.data[i].content)
let title = `
<div class="training-block-one">
<div class="inner-box">
<div class="content-box">
<figure><img src="img/portfolio/white.png" alt=""></figure>
<div class="text" style="top: 0px;">
<div style="display: flex;place-items: center;padding-left: 5%; ">
<div id="head-img" style="width:30%"><img src='${res.data[i].img}' style="width: 100%; "></div>
<div style='display:flex;flex-direction: column;padding-left: 8%;text-align: left;'>
<h3 id="little-name" style="color: #323232;">${res.data[i].name}</h3>
<p id="remark" style="color: #5a5a5a;">${res.data[i].remark}</p>
let tit = `
<div class="swiper-slide swiper-slide-center none-effect">
<div class="share_all">
<div class="share_top">
<div class="share_img">
<img src="${res.data[i].img}" style="width: 100%;">
</div>
<div class="share_name">
<p>${res.data[i].name}</p>
<div>${res.data[i].remark}</div>
</div>
</div>
<h4 id="sketch" style="color: #5A5A5A;">${res.data[i].sketch}</h4>
</div>
</div>
<div class="overlay-box">
<div class="text" style="display: flex;">
<h4 id="h-name" style="padding-right: 10px;">${res.data[i].name}</h4>
<h4 id="h-remark">${res.data[i].remark}</h4>
<div class="share_title">${res.data[i].sketch}</div>
</div>
<p id="header-content">${res.data[i].content}</p>
</div>
</div>
</div>`
$(".owl-stage").append(title)
</div>`
$(".swiper-wrapper").append(tit)
// let img = `<img src='${res.data[i].img}' style="width: 100%; ">`
// $("#head-img").append(img)
// $("#little-name").html(res.data[i].name)
// $("#remark").html(res.data[i].remark)
// $("#sketch").html(res.data[i].sketch)
// $("#h-name").html(res.data[i].name)
// $("#h-remark").html(res.data[i].remark)
// $("#header-content").html(res.data[i].content)
// let title = `
// <div class="training-block-one">
// <div class="inner-box">
// <div class="content-box">
// <figure><img src="img/portfolio/white.png" alt=""></figure>
// <div class="text" style="top: 0px;">
// <div style="display: flex;place-items: center;padding-left: 5%; ">
// <div id="head-img" style="width:30%"><img src='${res.data[i].img}' style="width: 100%; "></div>
// <div style='display:flex;flex-direction: column;padding-left: 8%;text-align: left;'>
// <h3 id="little-name" style="color: #323232;">${res.data[i].name}</h3>
// <p id="remark" style="color: #5a5a5a;">${res.data[i].remark}</p>
// </div>
// </div>
// <h4 id="sketch" style="color: #5A5A5A;">${res.data[i].sketch}</h4>
// </div>
// </div>
// <div class="overlay-box">
// <div class="text" style="display: flex;">
// <h4 id="h-name" style="padding-right: 10px;">${res.data[i].name}</h4>
// <h4 id="h-remark">${res.data[i].remark}</h4>
// </div>
// <p id="header-content">${res.data[i].content}</p>
// </div>
// </div>
// </div>`
// $(".owl-stage").append(title)
... ...
... ... @@ -21,20 +21,14 @@ $(document).ready(function() {
//传回code值 微信登录
ajax('/login/loginCheck', "POST", header1, params, function(res) {
console.log(res);
//res.data
//id:"1351093655816945665"
//status:1
//status1:2
//token:'****'
//w_name:null
var header2 = {
"Content-Type": "application/x-www-form-urlencoded",
"token": res.data.token
}
// alert("登录成功!")
localStorage.setItem("token", res.data.token);
localStorage.setItem("userId", res.data.id);
localStorage.setItem("w_name", res.data.w_name);
var params = { code: ncode }
//绑定账号的用户授权
ajax('/login/loginCheck1', "PUT", header2, params, function(res) {
... ...
... ... @@ -702,7 +702,7 @@
</div> -->
<div style="margin-bottom: 50px;">
<div style="background: url(./img/portfolio/Y10.png) no-repeat;background-size: 100% 100%;padding-left: 2%;">
<h3 id="vip-info">普通会员</h3>
<h3 id="vip-info"></h3>
<div class="per2-date">
<img src="./img/portfolio/Y11.png" style="width: 15px;height: 15px;">
<div class="per2-date-a">
... ... @@ -794,7 +794,7 @@
<!-- Custom Theme JavaScript -->
<script src="js/agency.js"></script>
<script src='./personalCenter.js'></script>
<script src='./personalCenter2.js'></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
... ...
$(document).ready(function() {
//获取个人信息(传一个token)
var url = "/login/userInfo"; // 接口
var header = {
"Content-Type": "application/x-www-form-urlencoded",
"token": localStorage.getItem('token'),
}
// 调用公共ajax
ajax(url, "GET", header, function(res) {
ajax("/login/userInfo", "GET", header, function(res) {
console.log(res);
}, function(res) {
console.log(res);
... ... @@ -35,17 +33,18 @@ $(document).ready(function() {
$('#Pnumber').html(res.data.phoneNumber)
$("#startTime").html(res.data.startTime)
$("#dateTime").html(res.data.dateTime)
$("#vip-info").html(res.data.memberName)
let title = ` <img src="${res.data.img}" style='width:100%'>`
$("#head-img").html(title)
if (res.data.memberName == '1') {
$("#vip-info").html("基础会员")
} else if (res.data.memberName == '2') {
$("#vip-info").html("标准会员")
} else if (res.data.memberName == '3') {
$("#vip-info").html("超级会员")
} else {
$("#vip-info").html("无会员信息")
}
// if (res.data.memberName == '1') {
// $("#vip-info").html("基础会员")
// } else if (res.data.memberName == '2') {
// $("#vip-info").html("标准会员")
// } else if (res.data.memberName == '3') {
// $("#vip-info").html("超级会员")
// } else {
// $("#vip-info").html("无会员信息")
// }
})
//修改个人信息
$(".btnSave button").click(function() {
... ...