h5Page
This commit is contained in:
jiangrui
parent
10b86cfa6a
commit
3bac12d5ac
|
|
@ -7,8 +7,8 @@
|
||||||
<link rel="canonical" href="http://seemore.club" />
|
<link rel="canonical" href="http://seemore.club" />
|
||||||
<link href="../css/bootstrap.min.css" rel="stylesheet" />
|
<link href="../css/bootstrap.min.css" rel="stylesheet" />
|
||||||
<link href="./css/less.less" type="text/css" rel="stylesheet/less" />
|
<link href="./css/less.less" type="text/css" rel="stylesheet/less" />
|
||||||
<script src="../js/less.min.js"></script>
|
<script src="./js/less.min.js"></script>
|
||||||
<script src="../js/jquery.min.js"></script>
|
<script src="./js/jquery.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
$(function () {
|
$(function () {
|
||||||
$(".header").load("./public/header.html");
|
$(".header").load("./public/header.html");
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,171 @@
|
||||||
|
.body {
|
||||||
|
padding: 25px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.content {
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #b7b7b7;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.tip {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
width: 191px;
|
||||||
|
height: 77.5px;
|
||||||
|
}
|
||||||
|
.slogan {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
width: 262px;
|
||||||
|
height: 196.5px;
|
||||||
|
}
|
||||||
|
.btn_login {
|
||||||
|
width: 301px;
|
||||||
|
height: 46px;
|
||||||
|
background: #6471d9;
|
||||||
|
border: 1px solid #6471d9;
|
||||||
|
border-radius: 23px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #ffffff;
|
||||||
|
margin-bottom: 34px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.icon_q {
|
||||||
|
width: 9.5px;
|
||||||
|
height: 9.5px;
|
||||||
|
}
|
||||||
|
.tips {
|
||||||
|
margin-top: 24px;
|
||||||
|
text-align: center;
|
||||||
|
img {
|
||||||
|
width: 9.5px;
|
||||||
|
height: 9.5px;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
.phone {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
span {
|
||||||
|
font-size: 21px;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #434343;
|
||||||
|
}
|
||||||
|
.icon_quote {
|
||||||
|
width: 8px;
|
||||||
|
height: 7.5px;
|
||||||
|
display: inline-block;
|
||||||
|
background: url("../img/icon_quote.png") no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.rotate {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #cacaca;
|
||||||
|
}
|
||||||
|
.score {
|
||||||
|
font-size: 40px;
|
||||||
|
font-family: Alibaba PuHuiTi;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #ff7247;
|
||||||
|
}
|
||||||
|
.tags {
|
||||||
|
display: flex;
|
||||||
|
transform: scale(0.5);
|
||||||
|
.tag {
|
||||||
|
width: 124px;
|
||||||
|
height: 43px;
|
||||||
|
background: #eef0fc;
|
||||||
|
border-radius: 44px;
|
||||||
|
font-size: 22px;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #7986ff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
margin-right: 50px;
|
||||||
|
}
|
||||||
|
.tagNum {
|
||||||
|
width: 36px;
|
||||||
|
height: 19px;
|
||||||
|
background: #ff662a;
|
||||||
|
border-radius: 9px 8px 8px 4px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: Alibaba PuHuiTi;
|
||||||
|
font-weight: 800;
|
||||||
|
font-style: italic;
|
||||||
|
color: #ffffff;
|
||||||
|
position: absolute;
|
||||||
|
top: -6px;
|
||||||
|
right: -22px;
|
||||||
|
text-align: center;
|
||||||
|
// transform: scale(0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.show{
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
.dialog {
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
display: none;
|
||||||
|
left: 0;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
.content {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #9f9f9f;
|
||||||
|
padding: 0 58rpx;
|
||||||
|
background: #fff;
|
||||||
|
margin: 30px;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.btn_close {
|
||||||
|
margin-top: 20px;
|
||||||
|
background: #6471d9;
|
||||||
|
font-size: 14px;
|
||||||
|
width: 80%;
|
||||||
|
height: 35px;
|
||||||
|
border-radius: 15px;
|
||||||
|
border: 0;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 828 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 348 KiB |
|
|
@ -0,0 +1,135 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<script src="./js/jquery.min.js"></script>
|
||||||
|
<link href="./css/less.less" type="text/css" rel="stylesheet/less" />
|
||||||
|
<script src="./js/less.min.js"></script>
|
||||||
|
<title>与评</title>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
let url = location.href;
|
||||||
|
let id = url.substring(url.lastIndexOf("/") + 1);
|
||||||
|
$(function () {
|
||||||
|
getInfo();
|
||||||
|
});
|
||||||
|
function handleRedirect() {
|
||||||
|
// location.href = "https://chrivc.cn/uLx1/1";
|
||||||
|
getUrlLink(id);
|
||||||
|
}
|
||||||
|
function getInfo() {
|
||||||
|
$.ajax({
|
||||||
|
url: `https://app.pc.seemore.club/phone/infoBySmsCode?id=${id}`,
|
||||||
|
type: "GET",
|
||||||
|
async: false,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=UTF-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.c === 200) {
|
||||||
|
if(res.d.labelVoList){
|
||||||
|
let tags = res.d.labelVoList.splice(0, 2);
|
||||||
|
slotTags(tags);
|
||||||
|
}
|
||||||
|
slotPhone(res.d.phone);
|
||||||
|
|
||||||
|
slotScore(res.d.totalAverage);
|
||||||
|
} else {
|
||||||
|
$("#btn_login").text("登录与评查看更多数据");
|
||||||
|
$("#info").hide();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function getUrlLink(code) {
|
||||||
|
$.ajax({
|
||||||
|
url: `https://app.pc.seemore.club/uLx2/${code}`,
|
||||||
|
type: "GET",
|
||||||
|
async: false,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=UTF-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.c === 200) {
|
||||||
|
console.log(res);
|
||||||
|
location.href = res.d;
|
||||||
|
// let tags = res.d.labelVoList.splice(0, 2);
|
||||||
|
// slotPhone(res.d.phone);
|
||||||
|
// slotTags(tags);
|
||||||
|
// slotScore(res.d.totalAverage);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// complete: (xhr) => {
|
||||||
|
// console.log(xhr.getResponseHeader());
|
||||||
|
// // location.href= xhr.getAllResponseHeaders()
|
||||||
|
// },
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function slotPhone(phoneNum) {
|
||||||
|
$("#phoneNum").text(phoneNum);
|
||||||
|
}
|
||||||
|
function slotTags(tags) {
|
||||||
|
let str = "";
|
||||||
|
tags.map((item, index) => {
|
||||||
|
if (index < 2) {
|
||||||
|
str +=
|
||||||
|
"<div class='tag'>" +
|
||||||
|
item.content +
|
||||||
|
"<div class='tagNum'>x" +
|
||||||
|
item.contentCount +
|
||||||
|
"</div></div>";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
console.log(str);
|
||||||
|
$("#tags").append(str);
|
||||||
|
}
|
||||||
|
function slotScore(score) {
|
||||||
|
$("#score").text(score);
|
||||||
|
}
|
||||||
|
function showDialog() {
|
||||||
|
$("#dialog").addClass("show");
|
||||||
|
}
|
||||||
|
function closeDialog() {
|
||||||
|
$("#dialog").removeClass("show");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="body">
|
||||||
|
<img class="logo" src="./img/logo.png" alt="" />
|
||||||
|
<img class="slogan" src="./img/slogan.png" alt="" />
|
||||||
|
<div class="info" id="info">
|
||||||
|
<div class="phone">
|
||||||
|
<i class="icon_quote"></i> <span id="phoneNum"></span>
|
||||||
|
<i class="icon_quote rotate"></i>
|
||||||
|
</div>
|
||||||
|
<div class="text">您的口碑指数为</div>
|
||||||
|
<div class="score" id="score"> </div>
|
||||||
|
<div class="text">大家给您最多印象标签为</div>
|
||||||
|
<div class="tags" id="tags">
|
||||||
|
<!-- tag -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button id="btn_login" class="btn_login" onclick="handleRedirect()">
|
||||||
|
以该号码登录与评查看更多数据
|
||||||
|
</button>
|
||||||
|
<div class="content">
|
||||||
|
与评™是<span class="tip" onclick="showDialog()"
|
||||||
|
>全国人力资源信息数据验证平台 </span
|
||||||
|
><img class="icon_q" src="./img/icon_q.png" />
|
||||||
|
授权并监管的一款个人综合社交评价工具，根据国家《中华人民共和国网络安全法》《互联授权并监管的一款个人综合社交评价工具，根据国家《中华人民共和国网络安全法》《互联网信息服务管理办法》等条例规定，所有基础数据存储、隐私安全保障、用户行为数据溯源均由全国人力资源信息数据验证平台提供相应接口及支撑，国家监管确保众评不向第三方提供原始数据信息。
|
||||||
|
<div class="tips">
|
||||||
|
<img
|
||||||
|
src="./img/icon_t.png"
|
||||||
|
/>提示：为保证账号安全，请勿随意转发本链接给他人
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="dialog" class="dialog" onclick="closeDialog()">
|
||||||
|
<div class="content">
|
||||||
|
全国人力资源信息数据验证平台”是由中国防伪行业协会“全国产品防伪溯源验证公共平台”建立的国家数据平台。中国防伪行业协会的业务指导部门为国家市场监督管理总局，党建工作机构为中央和国家机关工作委员会。
|
||||||
|
<button class="btn_close" onclick="closeDialog()">我已了解</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue