Commit a2c13cee authored by wuxiaoli's avatar wuxiaoli

pzk

parent bc595b88
......@@ -141,6 +141,14 @@
<style>
.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 {
......@@ -180,12 +188,26 @@
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{
......@@ -213,10 +235,10 @@
</head>
<body>
<div class="t3" id="app" style="background-color: #F8F8F8;">
<div class="" style="width: 100%;height: 100%">
<div class="t3" id="app" style="background-color: #F8F8F8; ">
<div class="" style="width: 100%;height: 100%;">
<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_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>
......@@ -260,14 +282,13 @@
</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_bq"></div>
<div class="gundon_shuju_zt">用户订单展示</div>
<div class="gundon_shuju_bq" ></div>
<div class="gundon_shuju_zt" >用户订单展示</div>
</div>
<div>
<ul class="ul_title" id="searchBar">
<li class="id" style="width: 10%;">订单ID</li>
<ul class="ul_title">
<li class="nickname" style="width: 10%;">用户姓名</li>
<li class="mobile" style="width: 10%;">手机号</li>
<li class="car_plate" style="width:10%">车牌号</li>
......@@ -278,7 +299,6 @@
<ol class="ol" id="downpaly" style="background-color: #FFFFFF;">
<li class="list" style="width: 100%; display: none" v-for="(item,index) in items"
:a_id="index">
<div class="id" style="width: 10%;">{{ item.id}}</div>
<div class="nickname" style="width: 10%;">{{ item.nickname}}</div>
<div class="mobile" style="width: 10%;">{{ item.mobile}}</div>
<div class="car_plate" style="width:10%">{{ item.car_plate}}</div>
......@@ -496,7 +516,7 @@
var list = H$$('li', H$(this.id));
this.__c = setInterval(function () {
_this.animO();
}, 10);
}, 5000);
} else {
var __t = Math.abs(_t) - Math.ceil(Math.abs(_t) * .07);
H$(this.id).style.top = -__t + 'px';
......@@ -531,23 +551,6 @@
}
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) {
// return 1
// //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