Skip to content

D
ddd_display
Commit 7e5fa38a authored by xieyishang's avatar xieyishang
Browse files
Options

add

parent efbb48a1
Expand all Show whitespace changes
Inline Side-by-side
Showing with 12937 additions and 807 deletions
display/css/animate.min.css 0 → 100644
View file @ 7e5fa38a
This diff is collapsed.
display/css/displayorder.css 0 → 100644
View file @ 7e5fa38a
html,
body,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
dl,
dt,
dd,
p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
outline: none;
-moz-outline-style: none;
/*去除a标签蓝色阴影*/
text-decoration: none;
/*去除a标签蓝色阴影*/
color: black;
cursor: pointer;
}
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/*去除a标签蓝色阴影*/
}
ol,
ul,
li {
list-style: none;
}
.ul_title {
width: 100%;
display: inline-table;
/* border-top: 1px solid #e1e6eb; */
/* border-bottom: 1px solid #e1e6eb; */
margin-left: -0.4%;
color: #EFF2F7;
background-color: #EFF2F7;
}
.ul_title>li {
float: left;
text-align: center;
color: black;
font-family: "微软雅黑";
font-size: 14px;
vertical-align: middle;
padding-top: 10px;
line-height: 30px;
padding-bottom: 10px;
border: 1px solid #e1e6eb;
box-sizing: border-box;
border-left: none;
border-bottom: none;
}
.ul {
width: 100%;
}
.ol {
width: 100%;
display: inline-table;
/*border-top: 1px solid #e1e6eb;*/
border-bottom: 1px solid #e1e6eb;
margin-top: -4px;
/*position: relative;*/
left: 0;
top: 0px;
margin-left: -0.4%;
}
.ol>li {
float: left;
text-align: center;
color: black;
font-family: "微软雅黑";
font-size: 14px;
vertical-align: middle;
line-height: 50px;
border: 1px solid #e1e6eb;
box-sizing: border-box;
border-bottom: none;
}
/* 偶数行换色 */
/* .ol>li:nth-child(even){
background:#EFF2F7;
} */
/* 新订单 */
.ol>li.state_2>div{
color: rgba(255, 91, 91, 1);
background: rgba(255, 229, 221, 1);
}
/* 已接单 */
.ol>li.state_3{
background: rgba(255, 233, 205, 1);
}
/* 已到达 */
.ol>li.state_4{
background: rgba(215, 232, 255, 1);
}
/* 正在洗车 */
.ol>li.state_5{
background: rgba(215, 255, 229, 1);
}
/* 洗车完成 */
.ol>li.state_6{
background: rgba(252, 255, 215, 1);
}
/* 用户确认完成订单 */
.ol>li.state_7{
background: rgba(232, 230, 255, 1);
}
.ol>.list>div {
float: left;
text-align: center;
color: rgba(117, 117, 117, 1);
font-family: "微软雅黑";
font-size: 14px;
vertical-align: middle;
line-height: 50px;
border: 1px solid #e1e6eb;
box-sizing: border-box;
border-left: none;
border-bottom: none;
}
.toubu_shuju {
background-image: unset;
/* div吸顶 */
/* position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
z-index: 666; */
/* position: sticky;
top: 0; */
}
.toubu_shuju_zi {
width: 470px;
height: 160px;
float: left;
margin-left: 9px;
margin-right: 9px;
background-color: #FFFFFF;
border-radius: 3px;
}
.toubu_shuju_zi_le{
float: left;
margin-left: 24px;
}
h1{
font-size: 20px;
color: #333333;
margin-top: 10px;
}
h2{
font-size: 50px;
margin-top: 30px;
}
.toubu_shuju_zi_ri{
float: right;
margin-top:45px ;
margin-right: 34px;
}
.toubu_shuju_zi_ri img{
width: 85px;
height: 85px;
}
.gundon{
margin-top:1%;
padding-left: 18px;
/* position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
z-index: 666;
position: sticky;
top: 300px;*/
}
.gundon_shuju{
width: 100%;
height: 51px;
display: inline-table;
margin-left: -0.4%;
background-color: #FFFFFF;
}
.gundon_shuju_bq{
width: 4px;
height: 24px;
float: left;
margin-left: 29px;
margin-top: 14px;
background-color: #6297FD;
}
.gundon_shuju_zt{
color: #535353;
float: left;
margin-left: 14px;
margin-top: 10px;
font-size: 24px;
}
/* 后面加的css 写在这里面 */
/* 动画 */
.v-enter,.v-leave-to{
opacity: 0;
transform: translateY(-80px);
}
.v-enter-active,
.v-leave-active{
transition: all 1s ease;
}
\ No newline at end of file
display/css/land.css
View file @ 7e5fa38a
@charset "utf-8";
.land {
width: 516px;
margin-right: auto;
margin-left: auto;
}
.land .bgTop {
background-image: url(../images/bgTop_03.png);
background-repeat: no-repeat;
background-position: center top;
height: 51px;
font-size: 30px;
font-weight: bold;
color: #FFF;
text-align: center;
padding-top: 134px;
}
.land .mid {
background-image: url(../images/landBg_06.png);
background-repeat: repeat-y;
background-position: center top;
padding-bottom: 6px;
}
.inputBox {
padding-left: 54px;
margin-bottom: 14px;
height: 42px;
}
.land .mid .inputBox span {
font-size: 18px;
line-height: 42px;
color: #FFF;
display: inline-block;
float: left;
}
.land .mid .inputBox .text {
background-color: #0099cc;
background-image: none;
height: 40px;
width: 258px;
border: 2px solid #FFF;
border-radius: 5px;
line-height: 40px;
float: left;
}
.land .mid .inputBox .text.text2 {
width: 148px;
}
.land .mid .inputBox a {
background-image: url(../images/ym_07.png);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
height: 30px;
width: 58px;
float: left;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 30px;
}
.button{
background-color: #fff;
background-image: none;
......@@ -70,68 +12,6 @@
font-weight: bold;
color: #0099cc;
cursor: pointer;
}.land .mid .landSbmt {
text-align: center;
}
.land .bgbuttom {
background-image: url(../images/landBg_08.png);
background-repeat: no-repeat;
background-position: center top;
height: 29px;
}
.foot {
font-size: 16px;
line-height: 66px;
color: #1a1a1a;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.landBox {
margin-top: 120px;
margin-right: auto;
margin-bottom: 120px;
margin-left: auto;
}
.remberBtn{ font: normal 14px/14px 'Microsoft Yahei';display: inline-block; margin-left: 5px; margin-top: 5px; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background: #0099cc;color: #fff; padding:0px 10px; height: 30px; line-height: 30px;}
.remberBtn_small{ font-size:12px; margin-left:5px;display: inline-block; margin-top:5px; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background: #0099cc;color: #fff; padding:2px 8px; height: 22px; line-height: 22px;}
.remberBtn_small_quxiao{ font-size:12px; margin-left:5px;display: inline-block; margin-top:5px; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background:#F63;color: #fff; padding:2px 8px; height: 22px; line-height: 22px;}
.remberBtn:hover{color: #fff;}
.baomsgbox{
min-width: 100px;
max-width: 200px;
background: #fff;
height: 30px;
line-height: 30px;
border: 1px #f58505 double;
position: fixed; padding: 0 10px;
z-index: 100000;
top: 20%;
left: 45%;
-webkit-box-shadow: 3px 3px #a9a9a9 ;
-moz-box-shadow: 3px 3px #a9a9a9;
box-shadow: 3px 3px #a9a9a9 ;
-moz-border-radius: 5px; /* Gecko browsers */
-webkit-border-radius: 5px; /* Webkit browsers */
border-radius:5px; /* W3C syntax */
display: none;
}
.baomsgbox img{
float: left;
margin-top: 7px;
width: 16px; height: 16px;
display: block;
}
.baomsgbox span{
float: left;
display: block;
margin-left: 5px;
font-size: 13px;
}
.w50 {width: 50px !important;}
......@@ -148,8 +28,3 @@
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.tableBox .all{ width: 530px; height: 24px; }
.tableBox .all .ratio{ text-align: center; float: left;}
.tableBox .all .rat{ float: left; margin-left: 10px;}
\ No newline at end of file
display/css/style.css
View file @ 7e5fa38a
......@@ -5,205 +5,6 @@
height: 1200px
}
.bottom_box .leftMenu {
background: #272930;
left: 0;
padding-top: 10px;
text-align: center;
top: 0;
z-index: 5;
position: absolute;
width: 200px;
height: 100%
}
.bottom_box .leftMenu .menuClik {
padding: 10px;
overflow: hidden;
height: auto
}
.bottom_box .leftMenu .menuClik .left {
display: block;
font-family: "微软雅黑";
font-size: 12px;
color: #FFF;
height: 32px;
width: 52px;
background-color: #1f7ac8;
margin-right: 12px;
line-height: 32px;
background-image: url(../images/ico_03.png);
background-repeat: no-repeat;
background-position: 8px center;
text-align: left;
padding-left: 32px;
cursor: pointer
}
.bottom_box .leftMenu .menuClik .center {
display: block;
font-family: "微软雅黑";
font-size: 12px;
color: #FFF;
height: 32px;
width: 52px;
background-color: #094;
line-height: 32px;
text-align: center;
background-image: url(../images/ico_05.png);
background-repeat: no-repeat;
background-position: 8px center;
text-align: left;
padding-left: 32px;
cursor: pointer
}
.bottom_box .leftMenu .leftMenu_ul {
display: block;
width: 198px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
position: relative;
height: auto;
border-top: 1px solid #1a1c20;
border-bottom: 1px solid #2f323a
}
.bottom_box .leftMenu .leftMenu_ul .leftMenu_li {
height: auto;
border-top: 1px solid #32353e;
border-bottom: 1px solid #1a1c20;
background-repeat: no-repeat;
background-position: center top;
font-size: 14px;
line-height: 45px;
color: #307bcb;
text-align: left;
position: relative;
font-family: "微软雅黑";
width: 198px;
display: block;
z-index: 0
}
.leftMenu_li .leftMenu_a {
display: block;
background-image: url(../images/leftico_13.png);
background-repeat: no-repeat;
background-position: 168px center;
color: #c9d4f6;
position: relative;
padding-left: 30px;
font-size: 12px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.leftNav2 {
width: 199px;
height: auto;
background-color: #1A1C20;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #1A1C20;
display: none
}
.leftNav2 li {
font-family: "微软雅黑";
font-size: 14px;
line-height: 30px;
color: #c9d4f6
}
.leftNav2 li:hover {
font-family: "微软雅黑";
font-size: 14px;
line-height: 30px;
color: #fff;
background-color: #09C;
}
.leftNav2 li a {
text-indent: 50px;
font-size: 12px;
color: #c9d4f6;
width: 196px;
display: block;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.curHover {
color: #c9d4f6!important;
border-left: 2px solid #09C;
;
background-color: #1e2025
}
.currents {
background-image: url(../images/leftico_on_13.png)!important
}
.current {
height: 28px;
line-height: 28px;
padding: 0 10px;
background: #09c;
color: #fff!important;
border-radius: 3px;
border: 1px solid #09c
}
.rightMenu {
margin-left: 200px;
height: 100%
}
.main-sc .jsglNr .tableBox table tr td a.common1 {
background-color: #09c;
height: 20px;
font-family: "微软雅黑";
font-size: 12px;
line-height: 20px;
color: #FFF;
display: inline-block;
border-radius: 0px;
padding: 0px 7px;
background-repeat: no-repeat;
background-position: 20px center;
margin-right: 20px;
-moz-border-radius: 50%;
/* Gecko browsers */
-webkit-border-radius: 50%;
/* Webkit browsers */
border-radius: 50%px;
/* W3C syntax */
}
.main-sc .jsglNr .tableBox table tr td a.common2 {
background-color: #F00;
height: 20px;
font-family: "微软雅黑";
font-size: 12px;
line-height: 20px;
color: #FFF;
display: inline-block;
border-radius: 0px;
padding: 0px 7px;
background-repeat: no-repeat;
background-position: 20px center;
margin-right: 20px;
margin-right: 20px;
-moz-border-radius: 50%;
/* Gecko browsers */
-webkit-border-radius: 50%;
/* Webkit browsers */
border-radius: 50%px;
/* W3C syntax */
}
.toubu_shuju{
width: 100%;
......@@ -221,17 +22,17 @@
}
.toubu_shuju_zi{
width:280px;
height:44px;
line-height: 44px;
text-align: center;
background:#f64f15;
font-size:22px;
font-weight:500;
color:rgba(255,255,255,1);
height:44px;
line-height: 44px;
text-align: center;
background:#f64f15;
font-size:22px;
font-weight:500;
color:rgba(255,255,255,1);
}
#curNum,#moneyNum{
padding:0.3em;
border: rgba(14,250,248,1) solid 2px;
font-size: 18px;
text-align: center;
}
\ No newline at end of file
}
\ No newline at end of file
display/displayOrder.html
View file @ 7e5fa38a
This diff is collapsed.
display/js/axios.min.js 0 → 100644
View file @ 7e5fa38a
This diff is collapsed.
display/js/luma.js deleted 100644 → 0
View file @ efbb48a1
This diff is collapsed.
display/js/vue.js 0 → 100644
View file @ 7e5fa38a
This diff is collapsed.
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 to comment