feat: 完成国际出港移库/出库交接页面5.5寸手机端适配
- 落地手机端双形态适配框架:同名布局+资源限定符(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>
This commit is contained in:
73
documents/5.5寸手持端设计文件/04_出港运抵/receipt.html
Normal file
73
documents/5.5寸手持端设计文件/04_出港运抵/receipt.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user