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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
<!-- 关闭按钮 -->
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
<!-- 关闭按钮 -->
|
||||
|
||||
Reference in New Issue
Block a user