hookehuyr

fix(ui): 更新活动申请历史弹窗中的文本和样式

调整弹窗标题、按钮文字及表单高度,优化用户体验
......@@ -10,13 +10,13 @@
<div class="bg-white px-4 py-3 flex items-center justify-between shadow-sm">
<div class="flex items-center gap-3">
<!-- <van-icon name="arrow-left" class="text-[#333]" @click="emit('update:show', false)" /> -->
<div class="text-[#333] font-bold text-base">我的申请记录</div>
<div class="text-[#333] font-bold text-base">遗失的星球活动</div>
</div>
<van-icon name="cross" class="text-[#999]" @click="emit('update:show', false)" />
</div>
<div class="bg-white px-4 py-3 flex justify-between items-center sticky top-0 z-20 shadow-sm">
<span class="text-[#333] font-medium text-sm">活动记录</span>
<span class="text-[#333] font-medium text-sm">已补充</span>
<div class="flex items-center text-[#666] text-sm">
<span>{{ apply_records.length }}条</span>
</div>
......@@ -81,7 +81,7 @@
class="!rounded-lg !h-[44px] !text-base !font-bold"
@click="open_add"
>
新增记录
新增
</van-button>
</div>
</div>
......@@ -90,12 +90,12 @@
v-model:show="show_form_popup"
round
position="bottom"
:style="{ height: '50%' }"
:style="{ height: '70%' }"
class="flex flex-col"
>
<div class="p-4 flex-1 flex flex-col">
<div class="flex items-center justify-between mb-5">
<h3 class="text-center font-bold text-lg text-[#333]">{{ form_mode === 'add' ? '新增记录' : '编辑记录' }}</h3>
<h3 class="text-center font-bold text-lg text-[#333]">{{ form_mode === 'add' ? '新增' : '编辑' }}</h3>
<van-icon name="cross" class="text-[#999]" @click="close_form_popup" />
</div>
......