- 落地手机端双形态适配框架:同名布局+资源限定符(layout/手机、 layout-sw600dp/平板)自动切换,DeviceUtil 设备形态判定,7个 手机版公共组件(PhoneSearchBar/StatusTab/DataLayout/FilterPanel/ BottomBar/StatBox/KvItem) - 完成「国际出港移库」「国际出港出库交接」两页手机端适配,新增 各自详情页(IntExpMoveDetailActivity/IntExpOutHandoverDetailActivity) - 手机端首页菜单接入"出港移库""出库交接"入口 - 修复手机端进入页面先横屏后转竖屏的闪屏问题:Manifest 全项目 192 处改为 screenOrientation="unspecified",由 BaseActivity 按设备形态运行时锁定方向 - 修复该方案的中间版本在平板端引入的回归(先竖后横 + UI放大1.6倍) - AutoSize 补充手机竖屏 390×844 设计基准 - 修复 CHANGELOG.md 因脚本异常导致的内容重复损坏(膨胀至12万行), 恢复正常结构并补充本次变更记录 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
73 lines
3.1 KiB
HTML
73 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||
<title>回执内容</title>
|
||
<script src="https://modao.cc/agent-py/static/source/js/tailwindcss.js"></script>
|
||
<script src="https://modao.cc/agent-py/static/source/js/iconify-icon.min.js"></script>
|
||
</head>
|
||
<body class="bg-gray-100 min-h-screen flex items-center justify-center font-sans">
|
||
<div class="phone-shell w-[375px] h-[812px] bg-[#F5F5F7] rounded-[48px] border-[10px] border-gray-900 overflow-hidden relative flex flex-col shadow-2xl">
|
||
<!-- 状态栏 -->
|
||
<div class="bg-blue-600 text-white text-xs px-6 py-1 flex justify-between items-center shrink-0 h-[44px]">
|
||
<span class="text-[15px] font-semibold">09:41</span>
|
||
<div class="flex gap-1.5 items-center">
|
||
<iconify-icon class="text-lg" icon="mdi:signal-cellular-3"></iconify-icon>
|
||
<iconify-icon class="text-lg" icon="mdi:wifi"></iconify-icon>
|
||
<iconify-icon class="text-xl" icon="mdi:battery"></iconify-icon>
|
||
</div>
|
||
</div>
|
||
<!-- 导航栏 -->
|
||
<div class="bg-blue-600 px-4 py-3 flex items-center gap-2 text-white shrink-0 h-[44px]">
|
||
<a class="text-white text-sm flex items-center gap-1" href="main.html">
|
||
<iconify-icon class="text-2xl" icon="mdi:chevron-left"></iconify-icon>
|
||
返回
|
||
</a>
|
||
<span class="flex-1 text-center text-white font-bold text-base">回执内容</span>
|
||
<div class="w-12"></div>
|
||
</div>
|
||
<!-- 内容列表 -->
|
||
<div class="p-4 space-y-3 flex-1 overflow-y-auto no-scrollbar">
|
||
<!-- 回执 1 -->
|
||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||
<p class="text-gray-700 text-sm leading-relaxed">
|
||
<span class="inline-block w-2 h-2 bg-blue-500 rounded-full mr-2.5 align-middle"></span>
|
||
单一窗口回执内容:45201 空运出口运抵报告传输成功。比对结果为:运抵正常。
|
||
</p>
|
||
<p class="text-gray-400 text-xs mt-2 ml-[18px]">2026-07-10 11:03:38</p>
|
||
</div>
|
||
<!-- 回执 2 -->
|
||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||
<p class="text-gray-700 text-sm leading-relaxed">
|
||
<span class="inline-block w-2 h-2 bg-blue-500 rounded-full mr-2.5 align-middle"></span>
|
||
单一窗口回执内容:45202 空运出口运抵报告传输成功。比对结果为:运抵正常。
|
||
</p>
|
||
<p class="text-gray-400 text-xs mt-2 ml-[18px]">2026-07-10 11:02:15</p>
|
||
</div>
|
||
<!-- 回执 3 -->
|
||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||
<p class="text-gray-700 text-sm leading-relaxed">
|
||
<span class="inline-block w-2 h-2 bg-blue-500 rounded-full mr-2.5 align-middle"></span>
|
||
单一窗口回执内容:45203 空运出口运抵报告传输成功。比对结果为:运抵正常。
|
||
</p>
|
||
<p class="text-gray-400 text-xs mt-2 ml-[18px]">2026-07-10 10:58:42</p>
|
||
</div>
|
||
</div>
|
||
<!-- Home Indicator -->
|
||
<div class="h-8 w-full flex items-center justify-center shrink-0">
|
||
<div class="w-32 h-1.5 bg-gray-300 rounded-full"></div>
|
||
</div>
|
||
</div>
|
||
<style>
|
||
.no-scrollbar::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
.no-scrollbar {
|
||
-ms-overflow-style: none;
|
||
scrollbar-width: none;
|
||
}
|
||
</style>
|
||
</body>
|
||
</html> |