Skip to content

D
ddd_display
Commit a2c13cee authored by wuxiaoli's avatar wuxiaoli
Browse files
Options

pzk

parent bc595b88
Show whitespace changes
Inline Side-by-side
Showing with 30 additions and 27 deletions
display/displayOrder.html
View file @ a2c13cee
...@@ -141,6 +141,14 @@ ...@@ -141,6 +141,14 @@
<style> <style>
.toubu_shuju { .toubu_shuju {
background-image: unset; background-image: unset;
/* div吸顶 */
/* position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
z-index: 666; */
/* position: sticky;
top: 0; */
} }
.toubu_shuju_zi { .toubu_shuju_zi {
...@@ -180,12 +188,26 @@ ...@@ -180,12 +188,26 @@
height: 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{ .gundon_shuju{
width: 100%; width: 100%;
height: 51px; height: 51px;
display: inline-table; display: inline-table;
margin-left: -0.4%; margin-left: -0.4%;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.gundon_shuju_bq{ .gundon_shuju_bq{
...@@ -213,10 +235,10 @@ ...@@ -213,10 +235,10 @@
</head> </head>
<body> <body>
<div class="t3" id="app" style="background-color: #F8F8F8;"> <div class="t3" id="app" style="background-color: #F8F8F8; ">
<div class="" style="width: 100%;height: 100%"> <div class="" style="width: 100%;height: 100%;">
<div class="bottom_box"> <div class="bottom_box">
<div class="" style="width:100%;height: 100%;float: left;position:absolute;top:0px;right: 0; "> <div class="" style="width: 100%; height: 100%; float: left; top: 0px; right: 0;">
<div class="toubu_shuju" style="display: block;"> <div class="toubu_shuju" style="display: block;">
<div class="toubu_shuju_botn" style="text-align:center;width: 100%;;height: 100PX;background-color: #FFFFFF;line-height: 100px;"> <div class="toubu_shuju_botn" style="text-align:center;width: 100%;;height: 100PX;background-color: #FFFFFF;line-height: 100px;">
<p style="text-align: center;color: #6297FD;font-size: 40px;"><strong>点点达订单数据展示</strong></p> <p style="text-align: center;color: #6297FD;font-size: 40px;"><strong>点点达订单数据展示</strong></p>
...@@ -260,14 +282,13 @@ ...@@ -260,14 +282,13 @@
</div> </div>
</div> </div>
</div> </div>
<div class="" style="margin-top:1%; padding-left: 18px;display: block;"> <div class="gundon" style="display: block;">
<div class="gundon_shuju"> <div class="gundon_shuju">
<div class="gundon_shuju_bq"></div> <div class="gundon_shuju_bq" ></div>
<div class="gundon_shuju_zt">用户订单展示</div> <div class="gundon_shuju_zt" >用户订单展示</div>
</div> </div>
<div> <div>
<ul class="ul_title" id="searchBar"> <ul class="ul_title">
<li class="id" style="width: 10%;">订单ID</li>
<li class="nickname" style="width: 10%;">用户姓名</li> <li class="nickname" style="width: 10%;">用户姓名</li>
<li class="mobile" style="width: 10%;">手机号</li> <li class="mobile" style="width: 10%;">手机号</li>
<li class="car_plate" style="width:10%">车牌号</li> <li class="car_plate" style="width:10%">车牌号</li>
...@@ -278,7 +299,6 @@ ...@@ -278,7 +299,6 @@
<ol class="ol" id="downpaly" style="background-color: #FFFFFF;"> <ol class="ol" id="downpaly" style="background-color: #FFFFFF;">
<li class="list" style="width: 100%; display: none" v-for="(item,index) in items" <li class="list" style="width: 100%; display: none" v-for="(item,index) in items"
:a_id="index"> :a_id="index">
<div class="id" style="width: 10%;">{{ item.id}}</div>
<div class="nickname" style="width: 10%;">{{ item.nickname}}</div> <div class="nickname" style="width: 10%;">{{ item.nickname}}</div>
<div class="mobile" style="width: 10%;">{{ item.mobile}}</div> <div class="mobile" style="width: 10%;">{{ item.mobile}}</div>
<div class="car_plate" style="width:10%">{{ item.car_plate}}</div> <div class="car_plate" style="width:10%">{{ item.car_plate}}</div>
...@@ -496,7 +516,7 @@ ...@@ -496,7 +516,7 @@
var list = H$$('li', H$(this.id)); var list = H$$('li', H$(this.id));
this.__c = setInterval(function () { this.__c = setInterval(function () {
_this.animO(); _this.animO();
}, 10); }, 5000);
} else { } else {
var __t = Math.abs(_t) - Math.ceil(Math.abs(_t) * .07); var __t = Math.abs(_t) - Math.ceil(Math.abs(_t) * .07);
H$(this.id).style.top = -__t + 'px'; H$(this.id).style.top = -__t + 'px';
...@@ -531,23 +551,6 @@ ...@@ -531,23 +551,6 @@
} }
return init; return init;
}(); }();
window.onload=function(){
var oDiv = document.getElementById("searchBar"),
H = 0,
Y = oDiv
while(Y){
H += Y.offsetTop;
Y = Y.offsetParent;
}
window.onscroll = function(){
var s = document.body.scrollTop || document.documentElement.scrollTop;
if(s>H){
oDiv.style = "position:fixed;top:0;left:0.4%;right:0;"
}else{
oDiv.style = ""
}
}
};
// function range(min, max) { // function range(min, max) {
// return 1 // return 1
// //return parseInt(Math.random() * (max - min + 1) + min) // //return parseInt(Math.random() * (max - min + 1) + min)
......
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