update 使用说明
This commit is contained in:
weichengwu
parent
60d2ab6380
commit
2bcf352c3e
|
|
@ -127,27 +127,60 @@
|
|||
|
||||
<!-- 使用说明 -->
|
||||
<div class="p-4" v-if="![2, 3].includes(activityInfo.status)">
|
||||
<div class="w-full relative">
|
||||
<div class="h-full">
|
||||
<h3 class="h-9 text-lg text-[#E8424D] font-bold flex items-center justify-center pt-4"
|
||||
style="background: url('/并集.png') no-repeat center center / cover; background-size: 100% 100%;">
|
||||
<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="p-4 h-full bg-gradient-to-br from-[#FFFFFF] to-[#FFF2F2] rounded-xl">
|
||||
<div
|
||||
class="h-full p-4 text-sm text-gray-600 leading-relaxed bg-gradient-to-br from-[#FFDEEB] to-[#FCC2D7] rounded-xl">
|
||||
<ol class="list-decimal list-inside pl-2 text-sm text-[#AB8291]">
|
||||
<li>参与活动人员：{{ activityInfo.activityStartTime }}至{{
|
||||
activityInfo.activityEndTime }}，在宁夏全区民政婚姻登记机构（含涉外机构）办理结婚登记的新人；</li>
|
||||
<li>凭结婚证可至全区指定福利彩票销售点兑换即开型福利彩票，赠票总额{{ activityInfo.totalMoney > 10000 ? (activityInfo.totalMoney /
|
||||
10000).toFixed(2) + '万' : activityInfo.totalMoney }}元，赠完即止；</li>
|
||||
<li>每对新人限使用一次线上二维码兑换券；</li>
|
||||
<li>本活动最终解释权归宁夏福利彩票发行中心所有。</li>
|
||||
</ol>
|
||||
<div
|
||||
class="relative overflow-hidden rounded-2xl border border-[#FFD7DF] bg-gradient-to-br from-[#FFF7F9] via-white to-[#FFE4EA] shadow-[0_12px_32px_rgba(232,66,77,0.08)]">
|
||||
<div class="absolute -right-10 -top-16 h-40 w-40 rounded-full bg-[#FFE3EA] blur-3xl opacity-70"></div>
|
||||
<div class="absolute -left-14 -bottom-16 h-40 w-40 rounded-full bg-[#FFD6E2] blur-3xl opacity-60"></div>
|
||||
|
||||
<div class="relative px-5 pt-6 pb-3">
|
||||
<div
|
||||
class="inline-flex items-center gap-2 px-4 h-11 rounded-full bg-white/90 border border-[#F7B9C2] text-[#E8424D] font-semibold shadow-[0_10px_22px_rgba(232,66,77,0.12)]">
|
||||
<span
|
||||
class="inline-flex h-7 w-7 items-center justify-center rounded-full bg-gradient-to-br from-[#E8424D] via-[#F55F6E] to-[#FF9AAE] text-white shadow-md">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
|
||||
</svg>
|
||||
</span>
|
||||
<span class="text-base tracking-wide">使用说明</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative px-5 pb-5">
|
||||
<div class="bg-white/92 backdrop-blur-sm rounded-xl p-4 shadow-[0_10px_24px_rgba(232,66,77,0.08)]">
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start gap-3">
|
||||
<div class="h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-[#E8424D] to-[#FF7A7A] text-white flex items-center justify-center font-bold shadow-md">
|
||||
1
|
||||
</div>
|
||||
<div class="text-sm text-[#7A5967] leading-6">
|
||||
{{ activityInfo.activityStartTime }} 至 {{ activityInfo.activityEndTime }}，在宁夏全区民政婚姻登记机构（含涉外机构）办理结婚登记的新人可参与活动。
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-3">
|
||||
<div class="h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-[#E8424D] to-[#FF7A7A] text-white flex items-center justify-center font-bold shadow-md">
|
||||
2
|
||||
</div>
|
||||
<div class="text-sm text-[#7A5967] leading-6">
|
||||
凭结婚证到全区指定福利彩票销售点兑换即开型福利彩票，赠票总额 {{ activityInfo.totalMoney > 10000 ? (activityInfo.totalMoney / 10000).toFixed(2) + '万' : activityInfo.totalMoney }} 元，赠完即止。
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-3">
|
||||
<div class="h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-[#E8424D] to-[#FF7A7A] text-white flex items-center justify-center font-bold shadow-md">
|
||||
3
|
||||
</div>
|
||||
<div class="text-sm text-[#7A5967] leading-6">
|
||||
每对新人限使用一次线上二维码兑换券，请妥善保管二维码，核销后即失效。
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-3">
|
||||
<div class="h-9 w-9 shrink-0 rounded-full bg-gradient-to-br from-[#E8424D] to-[#FF7A7A] text-white flex items-center justify-center font-bold shadow-md">
|
||||
4
|
||||
</div>
|
||||
<div class="text-sm text-[#7A5967] leading-6">
|
||||
本活动最终解释权归宁夏福利彩票发行中心所有，如有疑问请咨询现场工作人员。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -456,4 +489,4 @@ onUnmounted(() => {
|
|||
clearInterval(countdownTimer)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in New Issue