Skip to content

梁建民 / activity

Go to a project
Commit 983a5ebc by liangjianmin
Options

vis

parent 4c7a41ee
Inline Side-by-side
Showing with 1112 additions and 0 deletions
css/vis/index.less 0 → 100644
@import '../common/base.less';
body, html {
width: 100%;
height: 100%;
overflow: hidden;
}
.home-page {
width: 100%;
height: 100%;
background: url("../../images/bg.png") no-repeat center;
background-size: cover;
.top {
position: relative;
width: 100%;
height: 2.45rem;
background: url("../../images/top.png") no-repeat center;
background-size: cover;
.date-text {
position: absolute;
left: 10%;
top: 0.53rem;
span {
font-size: 0.38rem;
color: #ffffff;
padding: 0 0.07rem;
&.number {
color: #5891e7;
}
}
}
.date-wether {
position: absolute;
right: 10%;
top: 0.53rem;
span {
font-size: 0.38rem;
color: #ffffff;
padding: 0 0.07rem;
&.ml {
margin-left: 0.6rem;
}
&.number {
color: #5891e7;
}
}
}
.i1 {
position: absolute;
bottom: 0.84rem;
left: 0;
right: 0;
width: 16.06rem;
height: 0.8rem;
margin: 0 auto;
background: url("../../images/t1.png") no-repeat center;
background-size: cover;
}
}
.map-box {
position: relative;
padding-top: 0.60rem;
margin: 0 auto;
z-index: 9;
width: 25.40rem;
img {
width: 25.40rem;
height: 12rem;
margin: 0 auto;
display: block;
}
.view {
position: absolute;
bottom: 0.5rem;
left: 0;
right: 0;
margin: 0 auto;
width: 5.97rem;
height: 1.22rem;
font-size: 0.52rem;
color: #c0d9ff;
background: url("../../images/i4.png") no-repeat center;
background-size: cover;
}
.twinkle {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(49, 156, 216, 0.7);
border-radius: 50%;
-webkit-animation: scale-three 1s ease infinite;
animation: scale-three 1s ease infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-fill-mode: both;
}
div {
position: absolute;
background-color: #c0d9ff;
border-radius: 50%;
}
/**中国深圳**/
.star16 {
right: 5.2rem;
top: 6.5rem;
width: 0.5rem;
height: 0.5rem;
.twinkle {
animation-delay: 1s
}
}
/**中国北京**/
.star17 {
right: 5rem;
top: 5.2rem;
width: .3rem;
height: .3rem;
.twinkle {
animation-delay: 2s
}
}
/**中国上海**/
.star18 {
right: 5rem;
top: 5.9rem;
width: .2rem;
height: .2rem;
.twinkle {
animation-delay: 3s
}
}
/**中国武汉**/
.star19 {
right: 5.5rem;
top: 6rem;
width: .1rem;
height: .1rem;
.twinkle {
animation-delay: 4s
}
}
/**中国江苏**/
.star20 {
right: 5.1rem;
top: 5.8rem;
width: .15rem;
height: .15rem;
}
/**中国成都**/
.star21 {
right: 6.9rem;
top: 5.8rem;
width: .15rem;
height: .15rem;
}
/**中国香港**/
.star22 {
right: 5.3rem;
top: 6.9rem;
width: .2rem;
height: .2rem;
}
/**中国台湾**/
.star23 {
right: 5.1rem;
top: 6.9rem;
width: .25rem;
height: .25rem;
}
/**英国**/
.star24 {
right: 5.2rem;
top: 6.5rem;
width: 0.15rem;
height: 0.15rem;
}
.star1 {
position: absolute;
left: 4.1rem;
top: 5.1rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius: 50%;
.twinkle {
animation-delay: 2s
}
}
.star2 {
position: absolute;
left: 4.35rem;
top: 5.05rem;
width: 0.4rem;
height: 0.4rem;
background-color: #c0d9ff;
border-radius: 50%;
.twinkle {
animation-delay: 1s
}
}
.star3 {
position: absolute;
left: 4.95rem;
top: 5.15rem;
width: 0.2rem;
height: 0.2rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star4 {
position: absolute;
left: 4.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star5 {
position: absolute;
left: 4.5rem;
top: 6.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star6 {
position: absolute;
left: 3.4rem;
top: 5.1rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star7 {
position: absolute;
left: 5.5rem;
top: 5.2rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star8 {
position: absolute;
left: 3.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star9 {
position: absolute;
left: 5.5rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star10 {
position: absolute;
right: 3.9rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star11 {
position: absolute;
left: 2.85rem;
top: 2.05rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star12 {
position: absolute;
left: 3.9rem;
top: 1.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
.twinkle {
animation-delay: 6s
}
}
.star13 {
position: absolute;
left: 3.9rem;
top: 2.3rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star14 {
position: absolute;
right: 4.5rem;
top: 5.7rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius: 50%;
.twinkle {
animation-delay: 3s
}
}
.star15 {
position: absolute;
right: 6.1rem;
top: 8.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
}
}
@keyframes scale-three {
0% {
transform: scale(1);
background: rgba(49, 156, 216, 0.7);
}
100% {
transform: scale(2);
background: rgba(49, 156, 216, 0.2);
}
}
\ No newline at end of file
css/vis/index.min.css 0 → 100644
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html * {
outline: 0;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
font-family: sans-serif;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
margin: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
border: none;
}
input[type=button],
input[type=submit],
input[type=file],
button {
cursor: pointer;
-webkit-appearance: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,
ul,
dl {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 500;
}
a {
text-decoration: none;
transition: color 0.2s ease;
}
img {
border: none;
}
em {
font-style: normal;
}
.clr {
zoom: 1;
}
.clr:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
a:hover,
a:focus {
text-decoration: none;
}
.fl {
float: left;
_display: inline;
}
.fr {
float: right;
_display: inline;
}
.va-t {
vertical-align: top;
}
.va-m {
vertical-align: middle;
}
.va-b {
vertical-align: bottom;
}
.lineBlock {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
}
.lbBox {
font-size: 0 !important;
*word-spacing: -1px !important;
}
.emptys {
margin-left: -1px;
width: 1px;
height: 100%;
font-size: 0;
vertical-align: middle;
}
label,
dd,
dd,
dt {
font-weight: normal;
}
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
/* 两侧对齐 */
.bothSide {
justify-content: space-between;
}
/* 平均分布 */
.avarage {
justify-content: space-around;
}
/* 水平居中 */
.rowCenter {
justify-content: center;
}
/* 垂直居中 */
.verCenter {
align-items: center;
}
.boxFlex {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
body,
html {
width: 100%;
height: 100%;
overflow: hidden;
}
.home-page {
width: 100%;
height: 100%;
background: url("../../images/bg.png") no-repeat center;
background-size: cover;
}
.home-page .top {
position: relative;
width: 100%;
height: 2.45rem;
background: url("../../images/top.png") no-repeat center;
background-size: cover;
}
.home-page .top .date-text {
position: absolute;
left: 10%;
top: 0.53rem;
}
.home-page .top .date-text span {
font-size: 0.38rem;
color: #ffffff;
padding: 0 0.07rem;
}
.home-page .top .date-text span.number {
color: #5891e7;
}
.home-page .top .date-wether {
position: absolute;
right: 10%;
top: 0.53rem;
}
.home-page .top .date-wether span {
font-size: 0.38rem;
color: #ffffff;
padding: 0 0.07rem;
}
.home-page .top .date-wether span.ml {
margin-left: 0.6rem;
}
.home-page .top .date-wether span.number {
color: #5891e7;
}
.home-page .top .i1 {
position: absolute;
bottom: 0.84rem;
left: 0;
right: 0;
width: 16.06rem;
height: 0.8rem;
margin: 0 auto;
background: url("../../images/t1.png") no-repeat center;
background-size: cover;
}
.home-page .map-box {
position: relative;
padding-top: 0.6rem;
margin: 0 auto;
z-index: 9;
width: 25.4rem;
/**中国深圳**/
/**中国北京**/
/**中国上海**/
/**中国武汉**/
/**中国江苏**/
/**中国成都**/
/**中国香港**/
/**中国台湾**/
/**英国**/
}
.home-page .map-box img {
width: 25.4rem;
height: 12rem;
margin: 0 auto;
display: block;
}
.home-page .map-box .view {
position: absolute;
bottom: 0.5rem;
left: 0;
right: 0;
margin: 0 auto;
width: 5.97rem;
height: 1.22rem;
font-size: 0.52rem;
color: #c0d9ff;
background: url("../../images/i4.png") no-repeat center;
background-size: cover;
}
.home-page .map-box .twinkle {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(49, 156, 216, 0.7);
border-radius: 50%;
-webkit-animation: scale-three 1s ease infinite;
animation: scale-three 1s ease infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-fill-mode: both;
}
.home-page .map-box div {
position: absolute;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star16 {
right: 5.2rem;
top: 6.5rem;
width: 0.5rem;
height: 0.5rem;
}
.home-page .map-box .star16 .twinkle {
animation-delay: 1s;
}
.home-page .map-box .star17 {
right: 5rem;
top: 5.2rem;
width: 0.3rem;
height: 0.3rem;
}
.home-page .map-box .star17 .twinkle {
animation-delay: 2s;
}
.home-page .map-box .star18 {
right: 5rem;
top: 5.9rem;
width: 0.2rem;
height: 0.2rem;
}
.home-page .map-box .star18 .twinkle {
animation-delay: 3s;
}
.home-page .map-box .star19 {
right: 5.5rem;
top: 6rem;
width: 0.1rem;
height: 0.1rem;
}
.home-page .map-box .star19 .twinkle {
animation-delay: 4s;
}
.home-page .map-box .star20 {
right: 5.1rem;
top: 5.8rem;
width: 0.15rem;
height: 0.15rem;
}
.home-page .map-box .star21 {
right: 6.9rem;
top: 5.8rem;
width: 0.15rem;
height: 0.15rem;
}
.home-page .map-box .star22 {
right: 5.3rem;
top: 6.9rem;
width: 0.2rem;
height: 0.2rem;
}
.home-page .map-box .star23 {
right: 5.1rem;
top: 6.9rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star24 {
right: 5.2rem;
top: 6.5rem;
width: 0.15rem;
height: 0.15rem;
}
.home-page .map-box .star1 {
position: absolute;
left: 4.1rem;
top: 5.1rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star1 .twinkle {
animation-delay: 2s;
}
.home-page .map-box .star2 {
position: absolute;
left: 4.35rem;
top: 5.05rem;
width: 0.4rem;
height: 0.4rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star2 .twinkle {
animation-delay: 1s;
}
.home-page .map-box .star3 {
position: absolute;
left: 4.95rem;
top: 5.15rem;
width: 0.2rem;
height: 0.2rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star4 {
position: absolute;
left: 4.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star5 {
position: absolute;
left: 4.5rem;
top: 6.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star6 {
position: absolute;
left: 3.4rem;
top: 5.1rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star7 {
position: absolute;
left: 5.5rem;
top: 5.2rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star8 {
position: absolute;
left: 3.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star9 {
position: absolute;
left: 5.5rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star10 {
position: absolute;
right: 3.9rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star11 {
position: absolute;
left: 2.85rem;
top: 2.05rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star12 {
position: absolute;
left: 3.9rem;
top: 1.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star12 .twinkle {
animation-delay: 6s;
}
.home-page .map-box .star13 {
position: absolute;
left: 3.9rem;
top: 2.3rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star14 {
position: absolute;
right: 4.5rem;
top: 5.7rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star14 .twinkle {
animation-delay: 3s;
}
.home-page .map-box .star15 {
position: absolute;
right: 6.1rem;
top: 8.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
@keyframes scale-three {
0% {
transform: scale(1);
background: rgba(49, 156, 216, 0.7);
}
100% {
transform: scale(2);
background: rgba(49, 156, 216, 0.2);
}
}
/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file
css/vis/index.min.css.map 0 → 100644
{"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file
vis.html 0 → 100644
<!DOCTYPE html>
<html lang="zh">
<head>
<title></title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="./css/vis/index.min.css"/>
<script type="text/javascript">
window.onload = function () {
getRem(3840, 100)
};
window.onresize = function () {
getRem(3840, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}
</script>
</head>
<body>
<div class="home-page">
<div class="top">
<p class="date-text row verCenter">
<span class="number" id="year"></span>
<span>年</span>
<span class="number" id="month"></span>
<span>月</span>
<span class="number" id="day"></span>
<span>日</span>
<span>星期</span>
<span class="number" id="week"></span>
</p>
<p class="date-wether row verCenter">
<span>北京时间</span>
<span class="number" id="time">00:00:00</span>
<span class="ml">深圳</span>
<span class="number" id="wendu"></span>
</p>
<i class="i1"></i>
</div>
<div class="map-box"></div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
var charts = {
date: "",
api: window.location.host == "btv.ichunt.com" ? "https://api.ichunt.com" : "http://api.liexin.com",
init: function () {
charts.date()
charts.getData();
//一天更新数据一次
setInterval(function () {
history.go(0)
}, 86400000)
setInterval(function () {
charts.randomAnimate()
}, 10000)
},
getData: function () {
$.ajax({
type: "GET",
url: charts.api + "/bigtv/api/bigTv",
data: {date: charts.date},
dataType: 'json',
success: function (data) {
console.log(data)
charts.numberScroll(data);
var daily_order_list = data.daily_order || [];
var daily_search_list = data.daily_search || [];
charts.rankData(daily_search_list, daily_order_list);
$("#plat_sku_sum").text(data.plat_sku_sum);
$("#plat_supply_sum").text(data.plat_supply_sum);
$("#supply_brand_num").text(data.supply_brand_num);
$("#supply_class_num").text(data.supply_class_num);
}
});
},
randomAnimate() {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
var radm_num = Math.floor(Math.random() * ($(".data-top .row li .t1").length - 0)) + 0;
var num_ = Number($($(".row li .t1")[radm_num]).attr("numbers"))
if (num_ > 0) {
$($(".data-top .row li .t1")[radm_num]).prop('number', Math.ceil(num_ / 2)).animateNumber({
number: num_,
numberStep: comma_separator_number_step
}, 500);
}
},
rankData: function (daily_search_list, daily_order_list) {
var html1 = "", html2 = "";
for (var i = 0; i < daily_search_list.length; i++) {
var key_ = Object.keys(daily_search_list[i])[0]
var value_ = Object.values(daily_search_list[i])[0]
if (i <= 2) {
$('.data-left .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else {
html1 += '<li class="row verCenter">'
html1 += ' <span class="p1">' + (i + 1) + '</span>'
html1 += '<span class="p2">' + key_ + '</span>'
html1 += '<span>' + value_ + '</span></li>'
}
}
$(".data-left .list").html(html1)
for (var i = 0; i < daily_order_list.length; i++) {
var key_ = Object.keys(daily_order_list[i])[0]
var value_ = Object.values(daily_order_list[i])[0]
if (i <= 2) {
$('.data-right .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else {
html2 += '<li class="row verCenter">'
html2 += ' <span class="p1">' + (i + 1) + '</span>'
html2 += '<span class="p2">' + key_ + '</span>'
html2 += '<span>' + value_ + '</span></li>'
}
}
$(".data-right .list").html(html2)
},
date: function () {
var day1 = new Date();
day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000);
charts.date = day1.getFullYear() + "-" + ((day1.getMonth() + 1) < 10 ? ('0' + (day1.getMonth() + 1)) : (day1.getMonth() + 1)) + "-" + ((day1.getDate() < 10 ? ('0' + day1.getDate()) : day1.getDate()));
var week = new Array("日", "一", "二", "三", "四", "五", "六");
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var weekDay = now.getDay();
$("#indexDate").html("今天是：" + year + "年" + (month < 10) ? ('0' + month) : month + "月" + day + "日" + "&nbsp;" + week[weekDay]);
$("#year").text(year);
$("#month").text((month < 10) ? ('0' + month) : month);
$("#day").text((day < 10) ? ('0' + day) : day);
$("#week").text(week[weekDay]);
$.ajax({
url: "http://wthrcdn.etouch.cn/weather_mini?city=深圳",
dataType: 'json',
type: "get",
success: function (res) {
$("#wendu").text(res.data.wendu + "℃");
}
})
setInterval(function () {
var myDate = new Date;
var h = myDate.getHours();
if (h < 10) {
h = "0" + h
}
var m = myDate.getMinutes();
if (m < 10) {
m = "0" + m
}
var s = myDate.getSeconds();
if (s < 10) {
s = "0" + s
}
$("#time").html(h + ":" + m + ":" + s);
}, 1000)
},
}
charts.init()
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment