feat(home): 添加活动使用说明组件

在首页添加活动使用说明模块,包含参与条件、兑换规则等信息,方便用户了解活动详情
This commit is contained in:
前端小啊白 2025-11-18 09:45:12 +08:00
parent 7d89536404
commit da45ba38bf
1 changed files with 21 additions and 0 deletions

View File

@ -128,6 +128,27 @@
</div>
</div>
<!-- 使用说明 -->
<div class="p-4 mt-6">
<div class="mx-auto bg-white rounded-xl shadow-sm p-5">
<h3 class="text-lg text-[#E8424D] font-bold mb-4 flex items-center">
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
使用说明
</h3>
<div class="text-sm text-gray-600 leading-relaxed">
<ol class="list-decimal list-inside space-y-3 pl-2">
<li class="pl-2">参与活动人员2026年1月1日至2026年12月3日在宁夏全区民政婚姻登记机构含涉外机构办理结婚登记的新人</li>
<li class="pl-2">凭结婚证可至全区指定福利彩票销售点兑换即开型福利彩票赠票总额100万元赠完即止</li>
<li class="pl-2">每对新人限使用一次线上二维码兑换券</li>
<li class="pl-2">本活动最终解释权归宁夏福利彩票发行中心所有</li>
</ol>
</div>
</div>
</div>
<input type="file" ref="ocrUploadId" class="hidden" accept="image/*" @change="handleImageChange" />
</div>
</template>