李涵 / integral · 提交

转到一个项目

作者 lihan
提交 f79d636cb6f601a82b31333f1f8d1cd4cc451807 1 个父辈 8df17578
1 个管道 的构建 通过 耗费 0 秒

物流跟踪&确认收货

内嵌 并排对比
正在显示 4 个修改的文件 包含 267 行增加 和 2 行删除
... ... @@ -268,4 +268,10 @@ class CenterController extends HomeBaseController
}
}
//物流跟踪
public function tracking()
{
return $this->fetch();
}
}
... ...
... ... @@ -172,7 +172,7 @@ li.active {
font-size: 0.24rem;
color: #fff;
background: RGBA(254, 10, 1, 1);
margin-right:5px
margin-right:0.2rem
}
.tracking {
... ...
... ... @@ -222,7 +222,7 @@
</volist>
</div>
<div class="unpay">
<p class="tracking">物流跟踪</p>　
<a href="{:url('user/Center/tracking',['oid'=>$vo['id']])}"><p class="tracking">物流跟踪</p></a>　
<p class="confirm">确认收货</p>
</div>
</div>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="__INDEX__/css/base.css">
<script type="text/javascript" src="__INDEX__/js/base.js" charset="utf-8"></script>
<title>查看物流</title>
<style>
body,html{
background: #fff;
position:relative;
}
.head{
height:1.68rem;
padding: 0.36rem 0.34rem;
}
.bill{
display:flex;
align-items: center;
}
.bill_num,.bill_name,.bill_info_from,.bill_info_name{
color: #000000;
font-size: 0.28rem;
font-weight: bold;
}
.bill_info{
display:flex;
align-items: center;
margin-top: 0.23rem;
}
.line{
width:7.5rem;
height:0.16rem;
background:#F5F6FA ;
}
.body{
/*display:flex;*/
align-items: center;
font-size: 0;
padding-top: 0.35rem;
overflow: hidden;
}
.body_left{
float:left;
width:1rem;
padding:0 0.32rem;
}
.body_right{
float:left;
width:6.18rem;
}
.circle_transportation{
width:0.39rem;
height:0.39rem;
}
.circle_notransportation{
width:0.26rem;
height:0.23rem;
margin-left: 0.06rem;
}
.circle_transportation img,.circle_notransportation img{
width:100%;
height:100%;
}
.circle_line{
width:0.19rem;
height:1.17rem;
border:none;
border-right: 1px solid #f5f5f5;
}
.transportation_bill{
width:6.2rem;
/*height:2.43rem;*/
border-bottom: 1px solid #f5f5f5;
padding-bottom: 0.35rem;
padding-top: 0.35rem;
}
.transportation_bill:first-child{
padding-top: 0;
}
.transportation_bill_name{
color: #000000;
font-size: 0.28rem;
font-weight: bold;
}
.notransportation_bill_name{
color: #97A0A8;
font-size: 0.28rem;
font-weight: bold;
}
.transportation_bill_date{
color:#53575C;
font-size: 0.26rem;
font-weight: bold;
margin-top: 0.2rem;
}
.notransportation_bill_date{
color:#97A0A8;
font-size: 0.26rem;
font-weight: bold;
margin-top: 0.2rem;
}
.circle_ying{
}
</style>
</head>
<body>
<div class="container">
<div class="head">
<div class="bill">
<p class="bill_name">运单号:</p>
<p class="bill_num">2468165498736</p>
</div>
<div class="bill_info">
<p class="bill_info_from">信息来源：</p>
<p class="bill_info_name">某某快递</p>
</div>
</div>
<div class="line"></div>
<div class="body">
<div class="body_left">
<div class="circle_ying">
<div class="circle_transportation">
<img src="__INDEX__/img/circle1.png" alt="">
</div>
<div class="circle_line"></div>
</div>
<div class="circle_ying">
<div class="circle_notransportation">
<img src="__INDEX__/img/circle2.png" alt="">
</div>
<div class="circle_line"></div>
</div>
<div class="circle_ying">
<div class="circle_notransportation">
<img src="__INDEX__/img/circle2.png" alt="">
</div>
<div class="circle_line"></div>
</div>
<div class="circle_ying">
<div class="circle_notransportation">
<img src="__INDEX__/img/circle2.png" alt="">
</div>
<div class="circle_line"></div>
</div>
<div class="circle_ying">
<div class="circle_notransportation">
<img src="__INDEX__/img/circle2.png" alt="">
</div>
<div class="circle_line"></div>
</div>
</div>
<div class="body_right">
<div class="transportation_bill">
<div class="transportation_bill_name">
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
</div>
<div class="transportation_bill_date">2018-09-29 13:08:19</div>
</div>
<div class="transportation_bill">
<div class="notransportation_bill_name">
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
</div>
<div class="notransportation_bill_date">2018-09-29 13:08:19</div>
</div>
<div class="transportation_bill">
<div class="notransportation_bill_name">
[无锡市]离开无锡市 发往天津市[无锡市][无锡市] [无锡市]离开无锡市 发往天津市[无锡市][无锡市] [无锡市]离开无锡市 发往天津市[无锡市][无锡市] [无锡市]离开无锡市 发往天津市[无锡市][无锡市] [无锡市]离开无锡市 发往天津市[无锡市][无锡市] [无锡市]离开无锡市 发往天津市[无锡市][无锡市] [无锡市]离开无锡市 发往天津市[无锡市][无锡市] [无锡市]离开无锡市 发往天津市[无锡市][无锡市] [无锡市]离开无锡市 发往天津市[无锡市][无锡市]
</div>
<div class="notransportation_bill_date">2018-09-29 13:08:19</div>
</div>
<div class="transportation_bill">
<div class="notransportation_bill_name">
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
</div>
<div class="notransportation_bill_date">2018-09-29 13:08:19</div>
</div>
<div class="transportation_bill">
<div class="notransportation_bill_name">
[无锡市]离开无锡市 发往天津市[无锡市][无锡市]
</div>
<div class="notransportation_bill_date">2018-09-29 13:08:19</div>
</div>
<!--<div class="transportation_bill">-->
<!--<div class="transportation_bill_name">-->
<!--[无锡市]离开无锡市 发往天津市[无锡市][无锡市]-->
<!--</div>-->
<!--<div class="transportation_bill_date">2018-09-29 13:08:19</div>-->
<!--</div>-->
</div>
</div>
<script src="__INDEX__/js/jquery.min.js"></script>
<script>
var circle=$(".circle_ying");
console.log(circle);
var list=$(".transportation_bill");
console.log(list)
for(var i=0;i<circle.length;i++){
for(var j=0;j<list.length;j++) {
if(i==j&&i==0&&j==0){
var h=$(list[j]).css("height");
console.log(h)
h=h.split("p");
h=parseInt(h[0]);
h=h+20;
console.log(h);
// console.log(h);
$(circle[i]).css("height",h+"px")
$(circle[i]).children(".circle_line").css("height",h+"px")
}else if(i==j!=0){
var h=$(list[j]).css("height");
console.log(h)
h=h.split("p");
console.log(h[0]);
h=parseInt(h[0]);
console.log(h);
$(circle[i]).css("height",h+"px")
$(circle[i]).children(".circle_line").css("height",h+"px")
}
}
}
</script>
</div>
</body>
</html>
... ...