Skip to content

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

111

parent 58b7046c
Show whitespace changes
Inline Side-by-side
Showing with 84 additions and 36 deletions
display/css/style.css
View file @ cdec2b02
...@@ -207,7 +207,7 @@ ...@@ -207,7 +207,7 @@
.toubu_shuju{ .toubu_shuju{
width: 100%; width: 100%;
height: 132px; /* height: 132px; */
margin-bottom: 5px; margin-bottom: 5px;
background-size:100%; background-size:100%;
} }
......
display/displayOrder.html
View file @ cdec2b02
...@@ -48,9 +48,11 @@ ...@@ -48,9 +48,11 @@
.ul_title { .ul_title {
width: 100%; width: 100%;
display: inline-table; display: inline-table;
border-top: 1px solid #e1e6eb; /* border-top: 1px solid #e1e6eb; */
border-bottom: 1px solid #e1e6eb; /* border-bottom: 1px solid #e1e6eb; */
margin-left: -0.4%; margin-left: -0.4%;
color: #EFF2F7;
background-color: #EFF2F7;
} }
.ul_title>li { .ul_title>li {
...@@ -142,11 +144,28 @@ ...@@ -142,11 +144,28 @@
} }
.toubu_shuju_zi { .toubu_shuju_zi {
width: 470px;
background: #f64f15; height: 160px;
float: left;
margin-left: 9px;
margin-right: 9px;
background-color: #FFFFFF;
border-radius: 3px; border-radius: 3px;
} }
.toubu_shuju_zi_le{
margin-left: 24px;
}
h1{
font-size: 20px;
color: #333333;
margin-top: 10px;
}
.toubu_shuju_zi_ri img{
width: 85px;
height: 85px;
}
.remberBtn { .remberBtn {
background: #f64f15; background: #f64f15;
} }
...@@ -155,28 +174,56 @@ ...@@ -155,28 +174,56 @@
</head> </head>
<body> <body>
<div class="t3" id="app"> <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;position:absolute;top:0px;right: 0; ">
<div class="toubu_shuju" style=" overflow: hidden;height: 156px"> <div class="toubu_shuju" style="display: block;">
<p style="text-align: center;color: #f64f15;font-size: 50px;">点点达订单数据展示</p> <div class="toubu_shuju_botn" style="text-align:center;width: 100%;;height: 100PX;background-color: #FFFFFF;line-height: 100px;">
<div class="toubu_shuju_box" style="margin-top: 18px; padding: 0px 10px;"> <p style="text-align: center;color: #6297FD;font-size: 40px;">点点达订单数据展示</p>
</div>
<div class="toubu_shuju_box" style="margin-top: 18px; padding: 0px 0px;width: 100%;height: 160px;">
<div class="toubu_shuju_zi toubu_shuju_zi1"> <div class="toubu_shuju_zi toubu_shuju_zi1">
订单总额&nbsp;{{ totalamount }} <div class="toubu_shuju_zi_le" style="float: left;">
<h1>订单总额</h1>
<p style="font-size: 50px;color: #FA9D2A;margin-top: 30px;">{{ totalamount }}</p>
</div>
<div class="toubu_shuju_zi_ri" style="float: right;margin-top:45px ;margin-right: 34px;">
<img src="./img/z1.png">
</div>
</div> </div>
<div class="toubu_shuju_zi toubu_shuju_zi4"> <div class="toubu_shuju_zi toubu_shuju_zi4">
订单总量&nbsp;{{ totalcount }} <div class="toubu_shuju_zi_le" style="float: left;">
<h1>订单总量</h1>
<p style="font-size: 50px;color: #4892FE;margin-top: 30px;">{{ totalcount }}</p>
</div>
<div class="toubu_shuju_zi_ri" style="float: right;margin-top:45px ;margin-right: 34px;">
<img src="./img/z2.png">
</div>
</div> </div>
<div class="toubu_shuju_zi toubu_shuju_zi5"> <div class="toubu_shuju_zi toubu_shuju_zi5">
当日订单总额&nbsp;{{ dayamount }} <div class="toubu_shuju_zi_le" style="float: left;">
<h1>当日订单总额</h1>
<p style="font-size: 50px;color: #FF6560;margin-top: 30px;">{{ dayamount }}</p>
</div>
<div class="toubu_shuju_zi_ri" style="float: right;margin-top:45px ;margin-right: 34px;">
<img src="./img/z3.png">
</div>
</div> </div>
<div class="toubu_shuju_zi toubu_shuju_zi5"> <div class="toubu_shuju_zi toubu_shuju_zi5">
当日订单量&nbsp;{{ daycount }} <div class="toubu_shuju_zi_le" style="float: left;">
<h1>当日订单量</h1>
<p style="font-size: 50px;color: #4BD884;margin-top: 30px;">{{ daycount }}</p>
</div> </div>
<div class="toubu_shuju_zi_ri" style="float: right;margin-top:45px ;margin-right: 34px;">
<img src="./img/z4.png">
</div> </div>
</div> </div>
<div class="" style="margin-top:1%; padding-left: 18px"> </div>
</div>
<div class="" style="margin-top:1%; padding-left: 18px;display: block;">
<div>
<ul class="ul_title"> <ul class="ul_title">
<li class="id" style="width: 10%;">订单ID</li> <li class="id" style="width: 10%;">订单ID</li>
<li class="nickname" style="width: 10%;">用户姓名</li> <li class="nickname" style="width: 10%;">用户姓名</li>
...@@ -186,7 +233,7 @@ ...@@ -186,7 +233,7 @@
<li class="address" style="width: 40%;">所属区域</li> <li class="address" style="width: 40%;">所属区域</li>
<li class="time" style="width: 10%;">创建时间</li> <li class="time" style="width: 10%;">创建时间</li>
</ul> </ul>
<ol class="ol" id="downpaly"> <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="id" style="width: 10%;">{{ item.id}}</div>
...@@ -204,6 +251,7 @@ ...@@ -204,6 +251,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>
......
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