@ -0,0 +1,245 @@
|
||||
@charset "utf-8";
|
||||
body{ font-family:pingfang-r,"微软雅黑","思源黑体"; margin:0; padding:0; color: #444;}
|
||||
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
|
||||
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
|
||||
li{ list-style:none;}
|
||||
a{text-decoration:none;}
|
||||
a:focus, a:hover{text-decoration:none;}
|
||||
img{ border: none; outline: none;}
|
||||
input,button{ border:none; outline:none; background: none;}
|
||||
button:hover,button:focus,button:active{ outline: none; }
|
||||
input::-moz-placeholder{ color: #aaa;}
|
||||
input:-ms-input-placeholder { color: #aaa; }
|
||||
input::-webkit-input-placeholder{ color:#aaa; }
|
||||
input::placeholder{ color:#aaa; }
|
||||
textarea::-moz-placeholder{color:#aaa; }
|
||||
textarea:-ms-input-placeholder { color:#aaa; }
|
||||
textarea::-webkit-input-placeholder{ color:#aaa; }
|
||||
|
||||
|
||||
.clear{clear: both; margin: 0; padding: 0;}
|
||||
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
|
||||
.clearfix{*zoom:1;}
|
||||
|
||||
.headimg{
|
||||
width: 818px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -409px;
|
||||
}
|
||||
.wrap{
|
||||
width: 1896px;
|
||||
margin: auto;
|
||||
overflow: hidden;
|
||||
margin-top: 12px;
|
||||
padding: 26px 27px 13px;
|
||||
position:relative ;
|
||||
background: url(../images/bg1.png) no-repeat left top;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.headTop a.location{
|
||||
float: left;
|
||||
padding-left:38px;
|
||||
font-size: 18px;
|
||||
margin-bottom: 27px;
|
||||
color: #07c2ff;
|
||||
background: url(../images/home.png) no-repeat left center;
|
||||
}
|
||||
.headTop .timebox{
|
||||
float: right;
|
||||
font-size: 18px;
|
||||
color: #07c2ff;
|
||||
}
|
||||
.mainleft{
|
||||
float: left;
|
||||
width: 1448px;
|
||||
}
|
||||
.leftbox{
|
||||
width: 374px;
|
||||
float: left;
|
||||
}
|
||||
.hgphbox,.cwphbox{
|
||||
background: url(../images/bg2.png) no-repeat left top;
|
||||
height: 305px;
|
||||
padding: 0 24px 45px;
|
||||
margin-bottom: 20px;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.hgphbox h2,.cwphbox h2{
|
||||
color: #3cade1;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
.hgphbox .hgleft,.cwphbox .cwleft{
|
||||
float: left;
|
||||
width: 115px;
|
||||
}
|
||||
.hgphbox p,.cwphbox p{
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
color: #21b9ff;
|
||||
}
|
||||
.hgphbox .hgright,.cwphbox .cwright{
|
||||
width: 200px;
|
||||
height: 170px;
|
||||
float: right;
|
||||
}
|
||||
.mapbox{
|
||||
width: 1056px;
|
||||
float: right;
|
||||
height: 628px;
|
||||
}
|
||||
.mainright{
|
||||
float: right;
|
||||
width: 374px;
|
||||
}
|
||||
.byph,.byys{
|
||||
background: url(../images/bg2.png) no-repeat left top;
|
||||
height: 305px;
|
||||
padding: 0 24px 45px;
|
||||
margin-bottom: 20px;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.bybox{
|
||||
width: 340px;
|
||||
height: 230px;
|
||||
}
|
||||
.byph h2,.byys h2{
|
||||
color: #3cade1;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.ysbox{
|
||||
width: 330px;
|
||||
height: 200px;
|
||||
}
|
||||
.mainbottom{
|
||||
overflow: hidden;
|
||||
}
|
||||
.tableContent{
|
||||
height: 230px;
|
||||
}
|
||||
.tab{
|
||||
width: 96px;
|
||||
height: 20px;
|
||||
}
|
||||
.mainbottom .lists{
|
||||
float: left;
|
||||
height: 305px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.lists h2{
|
||||
font-size: 16px;
|
||||
color: #3cade1;
|
||||
text-align: center;
|
||||
line-height: 38px;
|
||||
}
|
||||
.lists.index0{
|
||||
width: 374px;
|
||||
background: url(../images/bg2.png) no-repeat left top;
|
||||
}
|
||||
.lists.index1,.lists.index2,.lists.index3{
|
||||
width: 338px;
|
||||
}
|
||||
.lists.index1{
|
||||
background: url(../images/bg3.png) no-repeat left top;
|
||||
}
|
||||
.lists.index2{
|
||||
background: url(../images/bg4.png) no-repeat left top;
|
||||
}
|
||||
.lists.index2 h2{
|
||||
color: #ff4f5b;
|
||||
}
|
||||
.lists.index3{
|
||||
background: url(../images/bg5.png) no-repeat left top;
|
||||
}
|
||||
.lists.index3 h2{
|
||||
color: #f9a20b;
|
||||
}
|
||||
.lists.index4{
|
||||
width: 374px;
|
||||
margin-right: 0;
|
||||
background: url(../images/bg2.png) no-repeat left top;
|
||||
}
|
||||
.lists table.fx{
|
||||
|
||||
}
|
||||
.fx tr{
|
||||
background: rgba(0,71,162,.2);
|
||||
}
|
||||
.fx tr td{
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
line-height: 38px;
|
||||
}
|
||||
.fx tr td span{
|
||||
font-weight: 600;
|
||||
}
|
||||
.comments{
|
||||
margin-top: 40px;
|
||||
}
|
||||
.skillbar td{
|
||||
color: #22b1fc;
|
||||
font-size: 14px;
|
||||
height: 14px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.skillbar td a{
|
||||
color: #fff;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.skillbar span.percent{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.skillbar .title{
|
||||
|
||||
}
|
||||
.skillbar .fill{
|
||||
|
||||
position: relative;
|
||||
}
|
||||
.skillbar .filled{
|
||||
z-index:8;
|
||||
position:absolute;
|
||||
top:4px;
|
||||
left:0;
|
||||
background-color:rgba(0, 0, 0, 0.3);
|
||||
height:14px;
|
||||
width:100%;
|
||||
}
|
||||
.skillbar.index0 .filled{
|
||||
background-image: linear-gradient(to right, #0076ff , #05abff);
|
||||
}
|
||||
.skillbar.index1 .filled{
|
||||
background-image: linear-gradient(to right, #0076ff , #05acff);
|
||||
}
|
||||
.skillbar.index2 .filled{
|
||||
background-image: linear-gradient(to right, #e5a83f , #ffe4b8);
|
||||
}
|
||||
.skillbar.index3 .filled{
|
||||
background-image: linear-gradient(to right, #fb3b77 , #ff8cc1);
|
||||
}
|
||||
.skillbar.index4 .filled{
|
||||
background-image: linear-gradient(to right, #fb3b77 , #ff8cc1);
|
||||
}
|
||||
.skillbar.index5 .filled{
|
||||
background-image: linear-gradient(to right, #fb3b77 , #ff8cc1);
|
||||
}
|
||||
.skillbar.index6 .filled{
|
||||
background-image: linear-gradient(to right, #fb3b77 , #ff8cc1);
|
||||
}
|
||||
|
After Width: | Height: | Size: 186 KiB |
|
After Width: | Height: | Size: 109 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 228 KiB |
@ -0,0 +1,11 @@
|
||||
"use strict";/*
|
||||
* Plugin: an-progress-bar
|
||||
* Version: 1.0.1
|
||||
* Description: A plugin that fills bars with a percentage you set.
|
||||
* Author: Hasan Misbah
|
||||
* Copyright 2018, Hasan Misbah
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
!function(i){i.fn.skillbar=function(t){var e=i.extend({speed:1e3,bg:""},t),n=e.bg,d=i(this).find(".filled"),s=i(this).find(".title");return n?(d.css({"background-color":n}),s.css({"background-color":"rgba(0,0,0,0.5)"})):this.each(function(t){i(this).find(".filled").animate({width:i(this).find(".filled").data("width")},e.speed)}),this}}(jQuery);
|
||||
//# sourceMappingURL=an-skill-bar.js.map
|
||||
@ -0,0 +1,4 @@
|
||||
/**
|
||||
* @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.2",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b)}(this,document);
|
||||
@ -0,0 +1,52 @@
|
||||
$(function(){
|
||||
timeDate();
|
||||
setInterval(timeDate, 1000);
|
||||
$(".lists").each(function(){
|
||||
var index = $(this).index();
|
||||
$(this).addClass("index"+index);
|
||||
})
|
||||
$(".fx tr:nth-child(even)").css("background",'none');
|
||||
$(".ways").each(function(){
|
||||
if($(this).html()=="待处理"){
|
||||
$(this).css('color','#ff4f5b');
|
||||
}else if($(this).html()=="待派工"){
|
||||
$(this).css('color','#f9a20b');
|
||||
}else if($(this).html()=="已结算"){
|
||||
$(this).css('color','#ff4f5b');
|
||||
}
|
||||
});
|
||||
$(".skillbar").each(function(){
|
||||
var index = $(this).index();
|
||||
$(this).addClass("index"+index);
|
||||
})
|
||||
$('.skillbar').skillbar({
|
||||
speed: 1000,
|
||||
});
|
||||
})
|
||||
|
||||
function timeDate(){
|
||||
var myDate = new Date;
|
||||
var year = myDate.getFullYear(); //获取年份
|
||||
var mon = myDate.getMonth() + 1; //获取月份
|
||||
var day = myDate.getDate();
|
||||
var h = myDate.getHours(); //获取小时
|
||||
var m = myDate.getMinutes();//获取分钟
|
||||
var s = myDate.getSeconds();//获取秒
|
||||
h = checktime(h);
|
||||
m = checktime(m);
|
||||
s = checktime(s);
|
||||
//console.log(year, mon, day, weeks[week])
|
||||
$(".timebox").html(year + "-" + mon + "-" + day +" " + h + " : " + m + " : " +s);
|
||||
// $("#yearMon").html(year + "年" + mon +"月");
|
||||
// $("#daytime").html(day);
|
||||
// $("#week").html(weeks[week]);
|
||||
// $(".hourtime").html(h + " : " + m + " : " + s);
|
||||
}
|
||||
function checktime(i){
|
||||
if (i < 10) {
|
||||
i = "0" + i;
|
||||
}
|
||||
return i;
|
||||
}
|
||||
|
||||
|
||||