首页/ mobileweb/ 物流信息管理系统H5移动端功能演示/ 代码预览

💻 代码预览 · 物流信息管理系统H5移动端功能演示

mw_logistics · 上传者 驰旭教育
← 返回详情
r70/node.html · 约 1983 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>节点更新</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11  <header class="top">
12    <div class="top-l">管理端</div>
13    <div class="top-r">节点更新</div>
14  </header>
15  <main class="main">
16<div class="card">
17  <div class="search" style="margin-bottom:0">📷 扫码 / 输入单号 YT5520198374</div>
18</div>
19<div class="card">
20  <div class="row" style="margin-bottom:8px"><div class="nm" style="font-size:15px;font-weight:700">YT5520198374</div><span class="badge b-pri">待更新</span></div>
21  <div class="muted">南京江宁仓 → 苏州工业园区 · 当前:南京转运中心</div>
22</div>
23<div class="card">
24  <div class="sec-title"><span>📍</span> 选择节点状态</div>
25  <div class="seg" style="margin-bottom:10px"><div class="sg on"><button>已到达</button></div><div class="sg"><button>已发出</button></div><div class="sg"><button>派送中</button></div><div class="sg"><button>已签收</button></div></div>
26  <input class="input" style="margin-bottom:10px" value="操作网点:南京转运中心">
27  <textarea class="ta">货物已完成分拣,即将发往苏州转运中心。</textarea>
28</div>
29<a class="btn full" href="my.html" style="text-decoration:none;text-align:center">更新节点</a>
30<div class="muted" style="text-align:center">更新后轨迹同步至客户端</div>
31</main>
32  <nav class="nav"><a class=" on" href="node.html"><span class="ic">📍</span>节点</a><a class="" href="assign.html"><span class="ic">🚚</span>分配</a><a class="" href="report.html"><span class="ic">📊</span>报表</a><a class="" href="except.html"><span class="ic">⚠️</span>异常</a><a class="" href="mine.html"><span class="ic">⚙️</span>设置</a></nav>
33</div>
34<script></script>
35</body>
36</html>