杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 e7fb9ad082bb9b38201bc863869ad87927916140 1 个父辈 52229379
1 个管道 的构建 通过 耗费 6 秒

提交

内嵌 并排对比
正在显示 8 个修改的文件 包含 604 行增加 和 185 行删除
... ... @@ -109,8 +109,9 @@
}
.header-right11 {
margin: 30px 110px 0 0;
text-align: right;
/* margin: 30px 110px 0 0; */
height: 75px;
width: 75px;
}
.aboutUs-img {
... ... @@ -128,6 +129,14 @@
line-height: 100px;
}
.closer {
background: #66CA94;
width: 25%;
display: flex;
justify-content: flex-end;
padding: 30px 110px 0 0;
}
@media (max-width: 768px) {
.aboutUs-img {
width: 150px;
... ... @@ -237,10 +246,9 @@
}
.aboutUs-left {
margin: 55px 30px 40px;
padding: 55px 30px 40px;
display: flex;
width: 100%;
padding: 0;
}
}
</style>
... ... @@ -257,9 +265,10 @@
style='width:100%'>
</div>
</div>
<div style="background: #66CA94;width: 25%;">
<div class="closer">
<div class="header-right11">
<a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"></a>
<a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"
style="width: 100%;height: 100%;"></a>
</div>
</div>
</div>
... ...
... ... @@ -3,12 +3,11 @@ $(document).ready(function() {
})
//获取用户VIP信息判断是否是VIP
function myselfInfo() {
var url = "/login/userInfo"; // 接口
var header = {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
ajax(url, "GET", header, function(res) {
ajax("/login/userInfo", "GET", header, function(res) {
}, function(res) {
if (res.data.status1 == 2) {
... ...
... ... @@ -1656,7 +1656,7 @@ a.btn:focus {
/* 立即支付 */
.lijiPay {
/* .lijiPay {
color: #fff;
background: linear-gradient(226deg, #77e77f 8%, #39aa6d 96%);
border-radius: 10em;
... ... @@ -1664,7 +1664,7 @@ a.btn:focus {
margin-right: 10%;
border: 1px solid #66ca94;
transition: all 0.3s;
}
} */
.lijiPay:hover {
opacity: 0.8;
... ...
... ... @@ -437,7 +437,6 @@ $(".fileTxt").change(function (e) {
// console.log(data);
internshipJob = data.data
if (internshipJob) {
var url12 = "/warrantyTwo/warrantyTwoById"
var header12 = {
"Content-Type": "application/x-www-form-urlencoded",
"token": localStorage.getItem('token'),
... ... @@ -445,7 +444,7 @@ $(".fileTxt").change(function (e) {
var params12 = {
id: newId
}
ajax(url12, "GET", header12, params12, function (res) {
ajax("/warrantyTwo/warrantyTwoById", "GET", header12, params12, function (res) {
// console.log(res.data);
username = res.data.username
var url1 = '/recommendFour/recommendFourAdd'
... ...
... ... @@ -31,24 +31,24 @@
background: #323232;
width: 75%;
}
.personal-header-txt1 {
display: none;
}
.personalCenter-left-all {
display: flex;
background-color: #323232;
padding: 0 70px;
width: 75%;
}
.personalCenter-right-all {
background-color: #66CA94;
padding: 5%;
padding: 125px 100px;
width: 25%;
}
.personalConter-left-headLine {
display: flex;
flex-direction: column;
... ... @@ -56,110 +56,133 @@
margin-right: 80px;
width: 100px;
}
#head-img {
width: 100px;
height: 100px;
width: 106px;
height: 104px;
}
.personal-all {
display: flex;
}
.personal-input-all {
width: 65%;
width: 630px;
}
.personal-zhanghao {
display: flex;
place-items: center;
}
.personal-huiyuan {
display: flex;
place-items: center;
margin-top: 5%;
margin-top: 50px;
margin-bottom: 50px;
}
.per-zhanghao-img {
margin-right: 10px;
width: 40px;
height: 40px;
}
.per-huiyuan-img {
margin-right: 10px;
width: 40px;
height: 40px;
}
.per-weixin-bind {
display: flex;
justify-content: space-between;
margin-top: 5%;
margin-top: 35px;
}
.personal-wxh {
display: flex;
width: 30%;
place-items: center;
justify-content: space-between;
}
#WXunbind {
border-radius: 50%;
background-color: #66ca94;
color: #323232;
border: 1px solid #66ca94;
padding: 3%;
height: 50px;
width: 50px;
height: 58px;
width: 58px;
opacity: 1;
font-size: 18px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: center;
color: #323232;
line-height: 16px;
}
#Punbind {
border-radius: 50%;
background-color: #66ca94;
color: #323232;
border: 1px solid #66ca94;
padding: 3%;
height: 50px;
width: 50px;
height: 58px;
width: 58px;
opacity: 1;
font-size: 18px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: center;
color: #323232;
line-height: 16px;
}
#meau_nav {
display: flex;
}
.personal-vip-basic {
width: 130%;
width: 195px;
margin-right: 5%;
border-radius: 4px;
}
.personal-vip-info {
/* background-color: #66CA94; */
display: flex;
flex-direction: column;
padding: 5%;
padding: 24px 45px;
place-items: center;
}
.personal-vip-info p {
color: #fff;
font-size: 1.5em;
opacity: 1;
font-size: 20px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: left;
color: #ffffff;
line-height: 30px;
}
.personal-vip-info a {
color: #fff;
font-size: 0.8em;
opacity: 1;
font-size: 14px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 21px;
}
.personal-vip-standard {
width: 130%;
margin-right: 5%;
border-radius: 4px;
}
.personal-vip-info1 {
/* background-color: #ff8000; */
display: flex;
... ... @@ -167,31 +190,33 @@
padding: 5%;
place-items: center;
}
.personal-vip-info1 p {
color: #fff;
font-size: 1.5em;
}
.personal-vip-info1 a {
color: #fff;
font-size: 0.8em;
}
.personal-ol {
color: #333;
font-size: 0.8em;
padding-bottom: 10%;
display: flex;
flex-direction: column;
place-items: center;
padding-inline-start: 0px;
opacity: 1;
font-size: 14px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: center;
color: #323232;
line-height: 21px;
letter-spacing: 1px;
padding-bottom: 32px;
}
.personal-vip-super {
width: 130%;
}
.personal-vip-info2 {
/* background-color: #6F1C0B; */
display: flex;
... ... @@ -199,70 +224,82 @@
padding: 5%;
place-items: center;
}
.personal-vip-info2 p {
color: #fff;
font-size: 1.5em;
}
.personal-vip-info2 a {
color: #fff;
font-size: 0.8em;
}
.personal-pay {
display: flex;
margin: 35px 0 25px;
place-content: center;
}
.personal-pay-zhifubao {
display: flex;
padding-right: 5%;
margin-right: 50px;
place-items: center;
width: 20%;
/* width: 20%; */
}
.personal-pay-wx {
display: flex;
place-items: center;
width: 20%;
/* width: 20%; */
}
.personal-pay-zhifubao-input {
margin-right: 4%;
margin-right: 6px;
}
.personal-pay-wx a,
.personal-pay-zhifubao a {
opacity: 1;
font-size: 18px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 27px;
letter-spacing: 1px;
}
.personal-pay-wx-input {
margin-right: 4%;
margin-right: 6px;
}
.personal-pay-zhifubao-img {
height: 20px;
width: 20px;
margin-right: 2%;
height: 25px;
width: 25px;
margin-right: 2px;
}
.personal-pay-wx-img {
height: 20px;
width: 20px;
margin-right: 2%;
height: 25px;
width: 25px;
margin-right: 2px;
}
.personal-pay-button {
display: flex;
place-content: center;
padding-bottom: 10%;
}
.login-footer-all {
display: none;
}
.active-click {
box-shadow: 0px 10px 32px 0px #f2a252;
}
.shang_payimg {
display: flex;
place-content: center;
... ... @@ -270,57 +307,211 @@
height: 100%;
width: 100%;
}
.header-img11{
.header-img11 {
width: 210px;
height: 30px;
margin: 52px 0 95px 70px;
margin: 50px 0 95px 70px;
}
.closes {
width: 70px;
height: 70px;
}
.header-right11 {
padding: 30px 110px;
display: flex;
justify-content: flex-end;
}
#fullName {
opacity: 1;
font-size: 32px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 48px;
}
.zhanghao {
opacity: 1;
font-size: 32px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 48px;
}
.personal-input-all {
width: 630px;
}
.personalInfo {
margin-top: 30px;
}
.personalInfo p {
opacity: 1;
font-size: 16px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 24px;
padding-bottom: 6px;
}
.personalInfo input {
height: 34px;
}
.wxSty1 {
height: 40px;
width: 40px;
}
.wxsty {
margin-left: 16px;
opacity: 1;
font-size: 16px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 24px;
}
.wxall {
display: flex;
place-items: center;
}
.vip_info {
padding-top: 12px;
}
.vip_info a {
opacity: 1;
font-size: 14px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: left;
line-height: 60px;
}
.vip_info a span {
opacity: 1;
font-size: 40px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: left;
line-height: 60px;
}
.lijiPay {
border: 1px solid #66ca94;
opacity: 1;
font-size: 14px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
font-weight: 500;
text-align: center;
color: #323232;
line-height: 16px;
width: 110px;
height: 36px;
opacity: 1;
background: linear-gradient(226deg, #77e77f 8%, #39aa6d 96%);
border-radius: 20px;
}
.myAccount {
opacity: 1;
font-size: 40px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 100px;
cursor: pointer;
}
#WXname,
#Pnumber {
opacity: 1;
font-size: 16px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: right;
color: #ffffff;
line-height: 24px;
}
@media (max-width: 768px) {
.wxsty {
margin-left: 4px;
}
.wxSty1 {
width: 20px;
height: 20px;
}
.shang_box {
width: 240px;
height: 340px;
left: 0;
margin-left: 0px;
}
.active-click {
box-shadow: 0px 10px 32px 0px #f2a252;
}
.personal-header-txt1 {
display: flex;
margin: 25px 20px;
place-items: center;
justify-content: space-between;
}
.header-img1 {
width: 28%;
}
.header-right-btn {
margin-right: 0px;
bottom: 0px
}
.header-right-yuan {
width: 35px;
height: 35px;
}
.header-txt11 {
display: none;
}
.personalCenter-left-all {
width: 100%;
display: flex;
flex-direction: column;
padding-left: 30px;
padding-right: 30px;
padding: 55px 30px 0;
}
.personalCenter-right-all {
display: none;
}
.personalConter-left-headLine {
display: flex;
flex-direction: row;
width: 300px;
}
.personalConter-left-headLine h4 {
font-size: 24px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
... ... @@ -330,30 +521,33 @@
line-height: 36px;
padding-left: 16px;
}
#head-img {
width: 60px;
height: 60px;
}
.personal-all {
background: #323232;
display: flex;
flex-direction: column;
}
header {
display: none;
}
.personal-input-all {
padding-top: 35px;
width: 100%;
}
.personal-input-all p {
font-size: 12px;
}
.per-zhanghao-img {
margin-right: 8px;
width: 23px;
height: 23px;
}
.personal-zhanghao h4 {
font-size: 16px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
... ... @@ -362,16 +556,20 @@
color: #ffffff;
line-height: 24px;
}
.personal-huiyuan {
display: flex;
place-items: center;
margin-top: 30px;
margin-bottom: 35px;
}
.per-huiyuan-img {
margin-right: 8px;
width: 23px;
height: 23px;
}
.personal-huiyuan h4 {
font-size: 16px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
... ... @@ -380,24 +578,28 @@
color: #ffffff;
line-height: 24px;
}
.per-weixin-bind {
margin-top: 29px;
}
#WXunbind {
width: 29px;
height: 29px;
}
.personal-wxh {
display: flex;
width: 50%;
place-items: center;
justify-content: space-between;
}
#WXunbind {
border-radius: 50%;
background-color: #66ca94;
border: 1px solid #66ca94;
padding: 3%;
/* padding: 3%; */
height: 38px;
width: 38px;
font-size: 9px;
... ... @@ -405,6 +607,7 @@
font-weight: 500;
color: #323232;
}
#Punbind {
border-radius: 50%;
background-color: #66ca94;
... ... @@ -417,21 +620,29 @@
font-weight: 500;
color: #323232;
}
#meau_nav {
display: flex;
flex-direction: column;
place-items: center;
}
.personal-vip-basic {
width: 200px;
/* width: 200px;
margin-top: 35px;
margin-right: 0px;
border-radius: 4px;
border-radius: 4px; */
margin-bottom: 30px;
width: 200px;
/* margin-right: 25px; */
border-radius: 4px;
margin-right: 0;
}
.personal-vip-info {
padding: 24px 0;
}
.personal-vip-info p {
font-size: 20px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
... ... @@ -439,6 +650,13 @@
color: #ffffff;
line-height: 30px;
}
.personal-pay-zhifubao-img,
.personal-pay-wx-img {
height: 20px;
width: 20px;
}
.personal-vip-info a {
font-size: 14px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
... ... @@ -446,15 +664,18 @@
color: #ffffff;
line-height: 21px;
}
.personal-vip-standard {
width: 200px;
margin-right: 0px;
border-radius: 4px;
margin-bottom: 30px;
}
.personal-vip-info1 {
padding: 24px 0;
}
.personal-vip-info1 p {
font-size: 20px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
... ... @@ -462,6 +683,7 @@
color: #ffffff;
line-height: 30px;
}
.personal-vip-info1 a {
font-size: 14px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
... ... @@ -469,15 +691,18 @@
color: #ffffff;
line-height: 21px;
}
.personal-vip-super {
width: 200px;
margin-right: 0px;
border-radius: 4px;
margin-bottom: 30px;
}
.personal-vip-info2 {
padding: 24px 0;
}
.personal-vip-info2 p {
font-size: 20px;
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
... ... @@ -485,6 +710,7 @@
color: #ffffff;
line-height: 30px;
}
.personal-vip-info2 a {
font-size: 14px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
... ... @@ -492,32 +718,39 @@
color: #ffffff;
line-height: 21px;
}
.personal-pay {
display: flex;
flex-direction: column-reverse;
}
.personal-pay-zhifubao {
display: flex;
padding-right: 0px;
width: 100%;
}
.personal-pay-wx {
display: flex;
place-items: center;
width: 100%;
margin-bottom: 16px;
}
.personal-pay-zhifubao-input {
margin-right: 8px;
}
.personal-pay-wx-input {
margin-right: 8px;
}
.personal-pay-button {
display: flex;
place-content: center;
padding-bottom: 40px;
}
.login-footer-all {
display: flex;
background: #323232;
... ... @@ -525,6 +758,42 @@
place-items: center;
display: flex;
}
.personalInfo {
margin-top: 16px;
}
.personalInfo p {
font-size: 12px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 18px;
}
.personalInfo input {
height: 24px;
}
.zhanghao {
font-size: 16px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 24px;
}
#WXname,
#Pnumber {
font-size: 12px;
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
font-weight: Normal;
text-align: left;
color: #ffffff;
line-height: 18px;
}
}
</style>
... ... @@ -536,13 +805,16 @@
<div class="header-txt11">
<div class='personalCenter-header-left-imgLogo'>
<div class="header-img11">
<img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'" style='width:100%'>
<img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'"
style='width:100%'>
</div>
</div>
<div style="background: #66CA94;width: 25%;">
<div class="header-right11">
<div>
<a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"></a>
<div class="closes">
<a href="javascript:history.go(-1)">
<img src="./img/portfolio/Y9.png" style="width: 100%;">
</a>
</div>
</div>
</div>
... ... @@ -554,7 +826,8 @@
<div class="personal-all">
<div class="personal-header-txt1">
<div class="header-img1">
<img src="./img/portfolio/whiteLogo.png" style="width: 100%;" onclick="window.location.href='index.html'">
<img src="./img/portfolio/whiteLogo.png" style="width: 100%;"
onclick="window.location.href='index.html'">
</div>
<div class="header-right1" style="place-items: center;">
<a href="aboutUs.html" style="color: #fff;margin-right: 15px;
... ... @@ -571,65 +844,69 @@
<!-- 头像 -->
<div id="head-img">
</div>
<h4 style="color: #fff;" id="fullName"></h4>
<div style="color: #fff;" id="fullName"></div>
</div>
<div class="personal-input-all">
<div class="personal-zhanghao">
<div class="per-zhanghao-img">
<img src="./img/portfolio/Y1.png" style="width: 100%;">
</div>
<h4 style="color: #fff;">账号</h4>
<div class="zhanghao">账号</div>
</div>
<div>
<p style="color: #fff;">姓</p>
<div class="personalInfo">
<p>姓</p>
<input placeholder="请输入姓" id="surname"></input>
</div>
<div>
<p style="color: #fff;">名</p>
<div class="personalInfo">
<p>名</p>
<input placeholder="请输入名" id="userName"></input>
</div>
<div>
<p style="color: #fff;">学校</p>
<div class="personalInfo">
<p>学校</p>
<input placeholder="请输入学校" id="school"></input>
</div>
<div>
<p style="color: #fff;">专业</p>
<div class="personalInfo">
<p>专业</p>
<input placeholder="请输入专业" id="specialty"></input>
</div>
<div>
<p style="color: #fff;">手机号</p>
<div class="personalInfo">
<p>手机号</p>
<input placeholder="请输入手机号" id="phone"></input>
</div>
<div>
<p style="color: #fff;">邮箱号</p>
<div class="personalInfo">
<p>邮箱号</p>
<input placeholder="请输入邮箱号" id="emailAddress"></input>
</div>
<div style="text-align: center;padding: 5%;" class="btnSave">
<button style="color: #fff;background:linear-gradient(226deg,#77e77f 8%, #39aa6d 96%);border-radius: 10em;padding: 0.5% 2%;border: 1px solid #70D09D;padding: 0.5% 5%;">保存</button>
<button class="lijiPay">保存</button>
</div>
<div class="personal-zhanghao">
<div class="per-zhanghao-img">
<img src="./img/portfolio/Y2.png" style="width: 100%;">
</div>
<h4 style="color: #fff;">账户绑定与解绑</h4>
<div class="zhanghao">账户绑定与解绑</div>
</div>
<div class="per-weixin-bind">
<div style="display: flex;place-items: center;width: 20%;">
<img src="./img/portfolio/Y3.png" style="margin-right: 4px;">
<a style="color: #fff;">微信</a>
<div class="wxall">
<div class="wxSty1">
<img src="./img/portfolio/Y3.png" style="width: 100%;height: 100%;">
</div>
<div class="wxsty">微信</div>
</div>
<div class="personal-wxh">
<div id="WXname" style="color: #fff;">111111</div>
<button id='WXunbind'>解绑</button>
</div>
</div>
<div style="display: flex;justify-content: space-between;margin-top: 5%;">
<div style="display: flex;place-items: center;width: 20%;">
<img src="./img/portfolio/Y4.png" style="margin-right: 5%;">
<a style="color: #fff;">手机</a>
<div class="per-weixin-bind">
<div class="wxall">
<div class="wxSty1">
<img src="./img/portfolio/Y4.png" style="width: 100%;height: 100%;">
</div>
<div class="wxsty">手机</div>
</div>
<div class="personal-wxh">
<a id='Pnumber' style="color: #fff;"></a>
<div id='Pnumber' style="color: #fff;">15555555555</div>
<button id="Punbind">解绑</button>
</div>
</div>
... ... @@ -637,7 +914,7 @@
<div class="per-huiyuan-img">
<img src="./img/portfolio/Y5.png" style="width: 100%;">
</div>
<h4 style="color: #fff;">会员权益</h4>
<div class="zhanghao">会员权益</div>
</div>
<!-- 会员信息 -->
<div id="meau_nav">
... ... @@ -645,7 +922,8 @@
<div class="personal-pay">
<div class="personal-pay-zhifubao">
<div class="personal-pay-zhifubao-input">
<input type="radio" name='zhifu' class="radio_type" id='zhifu1' value="2" onclick="checkRadio()">
<input type="radio" name='zhifu' class="radio_type" id='zhifu1' value="2"
onclick="checkRadio()">
</div>
<div class="personal-pay-zhifubao-img">
<img src="./img/portfolio/Y6.png" style='width: 100%;'>
... ... @@ -654,7 +932,8 @@
</div>
<div class="personal-pay-wx">
<div class="personal-pay-wx-input">
<input type="radio" name='zhifu' class="radio_type" id='zhifu2' value='1' onclick="checkRadio()">
<input type="radio" name='zhifu' class="radio_type" id='zhifu2' value='1'
onclick="checkRadio()">
</div>
<div class="personal-pay-wx-img">
<img src="./img/portfolio/Y8.png" style='width: 100%;'>
... ... @@ -668,7 +947,8 @@
<button onclick="payment()" class="lijiPay">立即支付</button>
<div class="hide_box"></div>
<div class="shang_box">
<a class="shang_close" href="javascript:void(0)" onclick="payment()" title="关闭"><img src="./images/close.jpg" alt="取消" /></a>
<a class="shang_close" href="javascript:void(0)" onclick="payment()" title="关闭"><img
src="./images/close.jpg" alt="取消" /></a>
<div class="shang_payimg">
</div>
</div>
... ... @@ -681,12 +961,9 @@
</div>
</div>
<div class='personalCenter-right-all'>
<a href="personalCenter.html">
<h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>
</a>
<a onclick="ifVIP()" style="cursor: pointer;">
<h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>
</a>
<div class="myAccount" onclick="myAcc()">我的账号</div>
<!-- <div class="myAccount" onclick="ifVIP()">联系我们</div> -->
<div class="myAccount" onclick="aboutUs()">联系我们</div>
</div>
<div class="login-footer-all">
<div class="login-footer-img" style="width: 25%;margin-top: 45px;">
... ... @@ -696,7 +973,9 @@
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>
... ... @@ -725,7 +1004,7 @@
<!-- carousel -->
<script src="owl-carousel/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$(document).ready(function () {
$("#owl-brand").owlCarousel({
autoPlay: 3000,
items: 1,
... ...
... ... @@ -53,7 +53,7 @@ $(document).ready(function() {
$('#emailAddress').val(res.data.emailAddress)
$('#WXname').html(res.data.wname)
$('#Pnumber').html(res.data.phoneNumber)
let title = ` <img src="${res.data.img}" style='width:100%'>`
let title = ` <img src="${res.data.img}" style='width:100%;height:100%'>`
$("#head-img").html(title)
})
... ... @@ -146,8 +146,8 @@ $(document).ready(function() {
<a>${res.data[i].memberName}</a>
</div>
<div style="background: #fff;">
<div style="text-align: center;padding: 5%;">
<a style="color: ${color[i]};">
<div style="text-align: center;" class='vip_info'>
<a style="color: ${color[i]};" class='vip_info_a'>
<span style="font-size: 2em;">${res.data[i].memberMoney}</span> /${quarter[i]}
</a>
</div>
... ... @@ -334,22 +334,30 @@ function payment() {
})
}
//获取用户VIP信息判断是否是VIP
function ifVIP() {
var url5 = "/login/userInfo"; // 接口
var header = {
"Content-Type": "application/json",
"token": localStorage.getItem('token'),
}
// 调用公共ajax
ajax(url5, "GET", header, function(res) {
console.log(res);
}, function(res) {
console.log(res);
if (res.data.status1 == 1) {
window.location.href = 'personalCenter.html'
} else {
window.location.href = 'aboutUs.html'
}
})
// function ifVIP() {
// var header = {
// "Content-Type": "application/json",
// "token": localStorage.getItem('token'),
// }
// ajax("/login/userInfo", "GET", header, function(res) {
// console.log(res);
// }, function(res) {
// console.log(res);
// if (res.data.status1 == 1) {
// window.location.href = 'personalCenter.html'
// } else {
// window.location.href = 'aboutUs.html'
// }
// },function(res){
// console.log(res);
// if(res){
// alert("请您先登录！")
// }
// })
// }
function aboutUs(){
window.location.href = 'aboutUs.html'
}
function myAcc(){
window.location.href ='personalCenter.html'
}
\ No newline at end of file
... ...
... ... @@ -26,6 +26,10 @@
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<style>
.container {
width: 100%;
}
.titleDiv div,
.titleDiv p,
.titleDiv span {
... ... @@ -252,7 +256,6 @@
height: 25px;
font-size: 18px;
font-family: Gotham, Gotham-Book;
font-weight: Book;
text-align: left;
color: #ffffff;
line-height: 21px;
... ... @@ -261,6 +264,7 @@
}
#headTitle {
margin-top: 43px;
height: 120px;
font-size: 40px;
font-family: Helvetica;
... ... @@ -384,17 +388,73 @@
width: 470px;
height: 800px;
}
#recommend-List{
#recommend-List {
margin-top: 100px;
}
@media(max-width: 768px) {
.header-right1 :first-child {
.profile-project-all {
padding: 40px;
}
.row {
margin-right: 0;
margin-left: 0;
}
#fivefield p {
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: justify;
color: #ffffff;
line-height: 16px;
letter-spacing: 0px;
}
.mobile-top-fix {
margin-top: 0;
}
.peo_info {
padding-left: 0;
margin: 40px;
display: flex;
flex-direction: column;
place-items: center;
}
#twofield1 p {
font-size: 9px;
font-family: Helvetica;
text-align: justify;
color: #ffffff;
line-height: 20px;
}
.col-sm-12,
.col-md-12 {
padding-left: 0;
padding-right: 0;
}
#img1 {
height: 224px;
width: 100%;
}
#explain {
display: none;
}
.header-text-img {
width: 106px;
height: 50px;
}
.header-btnL {
display: block;
display: none;
}
.header-loginBtn {
... ... @@ -407,23 +467,22 @@
}
.header-right-btn {
position: static;
margin-right: 0px;
width: 35px;
height: 35px;
}
.header-text {
width: 100%;
top: 90px;
/* top: 90px; */
padding: 80px 20px 40px;
left: 0px;
right: 0px;
padding-left: 0px;
}
.text-center {
margin: 0 5px;
}
#headTitle {
margin-top: 0px;
height: 48px;
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
... ... @@ -433,6 +492,7 @@
}
#titleExplain {
height: auto;
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
... ... @@ -443,7 +503,7 @@
}
header {
height: 500px !important;
height: 400px !important;
}
.btn-joinUs h5 {
... ... @@ -467,13 +527,31 @@
line-height: 12px;
}
.col-md-6 {
padding-left: 0;
padding-right: 0;
}
#fourGroups {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.four-to-one {
width: 75px;
width: 60px;
height: 50px;
margin-bottom: 20px;
}
.four-to-two1,
.four-to-one1 {
font-size: 9px;
font-family: Helvetica;
text-align: center;
color: #323232;
line-height: 11px;
letter-spacing: 0px;
}
.four-to-tit span,
... ... @@ -486,8 +564,12 @@
letter-spacing: 0px;
}
#team {
height: 306px;
}
.box-content {
padding: 20px 30px 40px;
padding: 30px;
}
.four-to-tit {
... ... @@ -515,6 +597,8 @@
}
#onefield1 {
padding-left: 0;
width: 100%;
font-size: 9px;
font-family: Helvetica;
text-align: justify;
... ... @@ -565,7 +649,19 @@
margin-top: 10px;
}
.why {
height: auto;
}
.peo_all {
padding: 0;
display: flex;
flex-direction: column;
}
#threefield {
letter-spacing: 0;
height: auto;
font-size: 9px;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
... ... @@ -576,7 +672,7 @@
#threefield1 {
padding-top: 8px;
padding-bottom: 40px;
height: 48px;
font-size: 14px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
... ... @@ -585,14 +681,32 @@
line-height: 24px;
width: 100%
}
#recommend-List{
margin-top: 40px;
}
.pro{
place-content: center;
}
#img2 {
display: none;
}
.features_all{
display: flex;
flex-direction: column;
}
#img2 img {
display: none;
}
#features{
background: #f0f0f0;
height: auto;
padding: 40px 28px;
}
#img3{
height: 200px;
width: 100%;
}
.all-list {
display: flex;
... ... @@ -682,17 +796,17 @@
.padding-top-70 {
padding-top: 0px !important;
}
#features {
background-color: #fcfbfd;
.fea_right{
width: 100%;
padding: 30px 12px 0;
}
.profile-footerImg1 {
width: 264px;
height: 196px;
}
#fourfield1 {
height: auto;
font-size: 9px;
font-family: Gotham, Gotham-Medium;
font-weight: 500;
... ... @@ -702,7 +816,10 @@
}
#fourfield2 {
margin: 0;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-family: Helvetica;
text-align: center;
... ... @@ -752,6 +869,11 @@
place-items: center;
display: flex;
}
.header-img1 {
width: 105px;
height: 15px;
}
}
</style>
</head>
... ... @@ -794,8 +916,8 @@
<div id="page-content">
<!--四个小图 -->
<section class="box-content box-7" id="team">
<div class="container1">
<div class="row1" id="fourGroups">
<div class="container">
<div class="row" id="fourGroups">
</div>
</div>
</section>
... ...
... ... @@ -64,8 +64,8 @@ $(document).ready(function () {
<div class="header-text">
<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="explain">${res.data.explain}</div>
<div id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目更快学习交易经纪人的职场能力！</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: 50px;height: 50px;opacity: 0.5;">&nbsp;</h5>
... ... @@ -102,7 +102,7 @@ $(document).ready(function () {
// console.log(res);
$.each(res.data, function (key, value) {
let title = `
<div class="col-md-6 box-item">
<div class="col-md-6 .col-sm-6 .col-xs-6 .col-lg-3 box-item">
<div class='four-to-one'><img src="${value.img}" style='width:100%'></div>
<div class="col-xs-91 four-to-tit">
<div class='four-to-one1'>${value.title}</div>
... ... @@ -171,6 +171,9 @@ $(document).ready(function () {
$('#recommend-List').append(singltItem);
}
console.log(111111111111);
// $(".all-list").last().find('#list-left').find('#left-xian').css('display','none')
}, function (res) {
console.log(res);
})
... ...