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

首页

... ... @@ -235,12 +235,12 @@ hr {
/* ---------------------------------------------------------------------------- */
header {
background: url(../images/02-1.png) no-repeat scroll center center;
-webkit-background-size: cover;
/* background: url(../images/02-1.png) no-repeat scroll center center; */
/* -webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
height: 750px;
height: 750px; */
}
... ...
... ... @@ -40,7 +40,7 @@
<nav>
<div class="header-txt1" style="display: flex;justify-content: space-between;">
<div class="header-img1">
<img src="./img/portfolio/B1.png">
<img src="./img/portfolio/B1.png" style="width: 100%;">
</div>
<div class="header-right1">
<!-- <div class="header-btnL">
... ...
... ... @@ -39,8 +39,6 @@ $(document).ready(function() {
alert("手机号不能为空!")
} else if (inputCode.length === 0) {
alert("验证码不能为空!")
} else if (inputCode.length !== 6) {
alert("验证码错误!")
} else {
$.ajax({
type: "POST",
... ...
... ... @@ -37,47 +37,40 @@
</head>
<body>
<header>
<!-- /////////////////////////////////////////Navigation -->
<!-- <nav class="navbar navbar-default navbar-fixed-top"> -->
<nav>
<div class="header-txt1">
<div class="header-img1">
<img src="./img/portfolio/B1.png">
<div id="bgimg">
<!-- <header style="background: url(./images/02-1.png) no-repeat scroll center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
height: 750px;">
<nav>
<div class="header-txt1">
<div class="header-img1" id="img-logo">
</div>
<div class="header-right1">
<a class="header-btnL" href='login.html'>
<div class="header-loginBtn">登&nbsp;&nbsp;录</div>
</a>
<a class="header-right-btn" onclick="setPersonal()">
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
</a>
</div>
</div>
<div class="header-right1">
<a class="header-btnL" href='login.html'>
<div class="header-loginBtn">&nbsp;&nbsp;</div>
</a>
<!-- <a class="header-btnL" href="aboutUs.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;">
</a>
</nav>
<div class="header-text hidden-xs" style="top: 10%;">
<div class="col-md-12 text-center">
<p style="color: #fff; margin-top: 10%;" id="explain"></p>
<h1 style="color: #fff;" id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目<br/>更快学习交易经纪人的职场能力!</h1>
<p style="color: #fff;padding-top: 20px;" id="titleExplain"></p>
<div style="padding-top: 70px;display: flex;place-items: center;">
<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;">加入虚拟实习项目</a>
</div>
</div>
</div>
</nav>
<div class="header-text hidden-xs" style="top: 10%;">
<div class="col-md-12 text-center">
<p style="color: #fff; margin-top: 10%;" id="explain"></p>
<h1 style="color: #fff;" id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目<br/>更快学习交易经纪人的职场能力!</h1>
<p style="color: #fff;padding-top: 20px;" id="titleExplain"></p>
<div style="padding-top: 70px;display: flex;place-items: center;">
<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;">加入虚拟实习项目</a>
</div>
</div>
</div>
<!-- /header-text -->
</header>
</header> -->
</div>
... ... @@ -102,8 +95,8 @@
<section style="background-color: #323232;">
<div class="container">
<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" 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 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">
... ... @@ -129,8 +122,8 @@
<div id="recommend-List">
</div>
</div>
<div style="display: flex;place-items: center;">
<img src="images/02-6.png">
<div style="display: flex;place-items: center;" id="img2">
<!-- <img src="images/02-6.png"> -->
</div>
</div>
</div>
... ... @@ -142,8 +135,8 @@
<section class="section padding-top-70 padding-bottom-01" id="features" style="background-color: #f0f0f0; ">
<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 ">
<img src="images/02-7.png" class="rounded img-fluid d-block mx-auto" alt=" " style="width: 100%;">
<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">
... ...
... ... @@ -4,12 +4,13 @@ $(document).ready(function() {
if (url.indexOf('?') != -1) {
//截取url ?id=1 第四位
var str1 = url.substr(4)
//公司介绍
$.ajax({
type: 'GET',
url: "http://192.168.1.241:9004/recommend/recommendList",
headers: {
"Content-Type": "application/x-www-form-urlencoded",
"token": localStorage.getItem('token'),
// "token": localStorage.getItem('token'),
},
// data: localStorage.getItem('userId'),
data: {
... ... @@ -32,8 +33,53 @@ $(document).ready(function() {
$('#threefield').html(res.data.threefield)
$('#threefield1').html(res.data.threefield1)
// 图片
let str = `<img src="${res.data.img1}" class="rounded img-fluid d-block mx-auto" alt="" style="border: 1px dashed #333;width: 100%;">`
$('#img3').html(str)
// 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%;">`
$("#img1").html(img1)
let img2 = `<img src="${res.data.img2}" alt="" style="width: 100%;height:40%">`
$("#img2").html(img2)
let img3 = `<img src="${res.data.img3}" class="rounded img-fluid d-block mx-auto" alt="" style="width: 100%;height:70%">`
$("#img3").html(img3)
let bgimg = `
<header style="background: url(${res.data.img4}) no-repeat scroll center center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
height: 750px;">
<nav>
<div class="header-txt1">
<div class="header-img1" id="img-logo">
<img src="${res.data.img}" style="width: 100%;">
</div>
<div class="header-right1">
<a class="header-btnL" href='login.html'>
<div class="header-loginBtn">&nbsp;&nbsp;</div>
</a>
<a class="header-right-btn" onclick="setPersonal()">
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
</a>
</div>
</div>
</nav>
<div class="header-text hidden-xs" style="top: 10%;">
<div class="col-md-12 text-center">
<p style="color: #fff; margin-top: 10%;" id="explain"></p>
<h1 style="color: #fff;" id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目<br/>更快学习交易经纪人的职场能力!</h1>
<p style="color: #fff;padding-top: 20px;" id="titleExplain"></p>
<div style="padding-top: 70px;display: flex;place-items: center;">
<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;">加入虚拟实习项目</a>
</div>
</div>
</div>
</header>
`
$("#bgimg").html(bgimg)
}
})
... ...
... ... @@ -36,58 +36,30 @@
<body>
<header>
<nav>
<div class="header-txt1" style="display: flex;justify-content: space-between;">
<div class="header-img1">
<img src="./img/portfolio/B1.png">
</div>
<div class="header-right1">
<!-- <div class="header-btnL">
<a href="aboutUs.html">
<div class="header-loginBtn" style="color: #323232;border-bottom: 1px solid #323232;margin-right: 30px;">加入我们</div>
</a>
</div> -->
<!-- <a class="header-right-btn"> -->
<a class="header-right-btn" onclick="setPersonal()">
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
</a>
<!-- /////////////////////////////////////////Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="header-text">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<img src="img/portfolio/B1.png" class="navbar-brand page-scroll" alt="">
<!-- <img src="img/portfolio/B1.png" class="img-responsive" 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>
<!-- <span class="icon-bar"></span> -->
</button>
<!-- <a class="navbar-brand page-scroll" href="#page-top">CLEMENTINE</a> -->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- <li class="hidden">
<a href="#page-top"></a>
</li> -->
<li>
<a class="page-scroll" href="#about">退出登录</a>
</li>
<li>
<!-- <a class="navbar-brand page-scroll" href="#page-top">CLEMENTINE</a> -->
<a class="page-scroll" href="#projects">Projects</a>
<!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> -->
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</div>
<!-- /.container-fluid -->
</nav>
<!-- Navigation -->
</header>
<div style="display: flex;background-color: #FCFBFD;margin: 5% 10%;">
<div style="display: flex;background-color: #FCFBFD;margin:0 10%;">
<div style="flex: 2;">
<p style="color: #66CA94;">Complete Your Background.</p>
<h1>完善你的信息</h1>
... ...
... ... @@ -57,4 +57,25 @@ $(document).ready(function() {
});
}
})
});
\ No newline at end of file
});
//获取用户VIP信息判断是否是VIP
function setPersonal() {
// $.ajax({
// type: 'GET',
// url: 'http://192.168.1.241:9004/login/userInfo',
// headers: {
// "Content-Type": "application/json",
// "token": localStorage.getItem('token'),
// },
// success: function(res) {
// console.log(res);
// if (res.data.status1 == 1) {
// window.location.href = 'personalCenter.html'
// } else {
// window.location.href = 'personalCenter2.html'
// }
// }
// })
alert('请完善个人信息!')
}
\ No newline at end of file
... ...