refactor: replace flex-full with flex-1 and standardize scrollbar styles

- replace all outdated flex-full utility classes with modern flex-1 across Vue components
- standardize scrollbar hiding by using scrollbar-none utility instead of verbose vendor prefixes
- update order detail page layout and scroll container styling
- add scrollbar-none usage guidelines to AGENTS.md documentation
This commit is contained in:
DEV_DSW
2026-05-29 10:07:20 +08:00
parent 2956287135
commit 0c23d7ccb5
31 changed files with 39 additions and 41 deletions

View File

@@ -44,7 +44,7 @@
</div>
<div v-else class=" card-content flex flex-items-center p-[12px]">
<div class=" left flex-full pr-20">
<div class=" left flex-1 pr-20">
<div class="text-[12px] text-ink-600 leading-[20px] mb-4">
所在位置{{ roomId }}
</div>

View File

@@ -2,7 +2,7 @@
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<div class="refund-popup bg-F5F7FA ">
<div class=" flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
<div class="flex-full text-[16px] text-[#171717] leading-[24px] text-center">
<div class="flex-1 text-[16px] text-[#171717] leading-[24px] text-center">
明细详情
</div>
<!-- 关闭按钮 -->

View File

@@ -25,7 +25,7 @@
</div>
</div>
<div v-else class=" left flex-full p-[12px]">
<div v-else class=" left flex-1 p-[12px]">
<div class="text-[12px] text-ink-600 leading-[20px] mb-4">
联系方式: {{ contactPhone }}
</div>

View File

@@ -17,7 +17,7 @@
{{ moduleItem.moduleTitle }}
</span>
</div>
<span class="flex-full text-[12px] text-ink-600 leading-[20px] mt-4">
<span class="flex-1 text-[12px] text-ink-600 leading-[20px] mt-4">
{{ moduleItem.moduleContent }}
</span>
</div>

View File

@@ -2,7 +2,7 @@
<uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
<div class="refund-popup bg-F5F7FA ">
<div class=" flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
<div class="flex-full text-[16px] text-[#171717] leading-[24px] text-center">
<div class="flex-1 text-[16px] text-[#171717] leading-[24px] text-center">
取消政策
</div>
<!-- 关闭按钮 -->