css实现物流信息查询样式

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

物流信息查询样式

打开边栏(ESC) 关闭边栏(ESC)

css实现物流信息查询样式

from clipboard 缺一个类似这样的小车

from clipboard

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
*{padding: 0; margin: 0;}
ul,li{list-style: none;}

.flow-list {
    margin-top: 20px;
    padding: 0 10px 0 20px;
    background-color: #fff;
}
.new-order-flow {
    /*margin-top: 20px;*/
    padding: 5px 10px 0;
    border-left: 2px solid #f1f3f7;
}
.new-p-re {
    position: relative;
}
.new-order-arr {
    position: absolute;
    top: -4px;
    left: -5px;
    width: 9px;
    height: 9px;
}
.new-of-storey li {
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px dotted #e8e5e5;
}
.new-of-storey li .icon {
    position: absolute;
    /* top: 26 %;*/
    left: -17.5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #dbe0eb;
}
.new-of-storey li .top-white {
    position: absolute;
    top: -5%;
    left: -17.5px;
    width: 12px;
    height: 20%;
    background-color: #fff;
}
.new-of-storey li .bottom-white {
    position: absolute;
    top: 27px;
    left: -17.5px;
    width: 12px;
    height: calc(100% - 26px);
    background-color: #fff;
}
.new-of-storey li .icon.on {
    background-color: #09B687;
    top: 14%;
    width: 18px;
    height: 18px;
    left: -22.5px;
    border: solid #d5f2e5 2px;
}
.new-of-storey li span {
    display: block;
    font-size: 14px;
    color: #a1a5b1;
}
.new-of-storey li span:last-child {
    color: #d0d2d7;
}
.new-of-storey li span.first {
    color: #09B687;
}
/*上方*/
.new-order-track {
    background-color: #fff;
    padding: 20px 15px;
}
.new-order-track span {
    display: block;
    font-size: 14px;
    color: #6e6e6e;
    margin-left: 15px;
    width: 260px;
}
.new-order-track div {
    display: inline-block;
    vertical-align: middle;
}
.new-order-track .img-content {
    width: 60px;
    height: 60px;
    padding: 15px;
    border-radius: 50%;
    background-color: #09B687;
    text-align: center;
}
.new-order-track .img-content img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
  </style>
</head>
<body>
  <div>
    <div class="new-order-track">
        <div class="img-content">
            <img src='./images/order_flow.png'/>
        </div>
        <div>
            <span>物流名称：圆通快递</span>
            <span>物流编号：yt00000000001</span>
        </div>
    </div>

    <div class="flow-list">
        <div class="new-order-flow new-p-re">
            <ul class="new-of-storey">
              <li>
                <span class="top-white"></span>
                <span class="icon on"></span>
                <span class='first'>
                  【四川省南充市阆中市公司】 派件中 派件人: 柯南 电话 18612341234 。 圆通快递小哥每天已测体温，请放心收寄快递 如有疑问，请联系：15512341234
                </span>
                <span class='first'>
                  2022-01-01 12:13:00
                </span>
              </li>
              <li>
                <span class="icon"></span>
                <span class=''>
                  【湖南省邵阳市邵东县】 已发出 下一站 【衡阳转运中心公司】
                </span>
                <span class=''>
                  2022-01-01 12:13:00
                </span>
              </li>
              <li>
                <span class="bottom-white"></span>
                <span class="icon"></span>
                <span class=''>
                  【湖南省邵阳市邵东县公司】 已揽收 取件人
                </span>
                <span class=''>
                  2022-01-01 12:13:00
                </span>
              </li>
            </ul>
        </div>
    </div>
</div>

</body>
</html>

赏

前一篇

background-color没有none值

后一篇

“最难不过坚持”

本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作

background-color没有none值

css3背景图片 background-repeat: sp...