update @UI改动

This commit is contained in:
huangzhen 2024-10-24 17:41:12 +08:00
parent fa0f6ddde8
commit bfcd2384d2
4 changed files with 9 additions and 6 deletions

View File

@ -35,6 +35,9 @@
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.titleOnly {
margin: 50px 0 -20px 0;
}
.effect_date { .effect_date {
font-size: 12px; font-size: 12px;
line-height: 40px; line-height: 40px;

View File

@ -3,8 +3,8 @@
<div v-else class="redPacketsViews"> <div v-else class="redPacketsViews">
<div class="box" :style="{ backgroundImage: `url(${needInput ? bgInput : bgDefault})` }"> <div class="box" :style="{ backgroundImage: `url(${needInput ? bgInput : bgDefault})` }">
<div class="top"> <div class="top">
<p class="title">{{ goods.name }}</p> <p :class="['title', !cash.end_time && 'titleOnly']">{{ goods.name }}</p>
<p class="effect_date"> <p class="effect_date" :style="{ visibility: !cash.end_time ? 'hidden' : '' }">
<span>红包有效期截止 {{ cash.end_time }}</span> <span>红包有效期截止 {{ cash.end_time }}</span>
</p> </p>
<p class="money"> <p class="money">

View File

@ -17,7 +17,7 @@
{{ parseFloat(info.full_amount || 0) }}元减{{ parseFloat(info.amount || 0) }} {{ parseFloat(info.full_amount || 0) }}元减{{ parseFloat(info.amount || 0) }}
</p> </p>
<p class="validity" v-if="info.time_limit?.begin_date && info.time_limit?.end_date"> <p class="validity" v-if="info.time_limit?.begin_date && info.time_limit?.end_date">
请在 {{ info.time_limit.begin_date }} {{ info.time_limit.end_date }} 内领取 请在 {{ info.time_limit.begin_date }}~{{ info.time_limit.end_date }} 内领取
</p> </p>
<div class="cardTypeBox"> <div class="cardTypeBox">
<p class="cardType" v-for="(item, index) in info.card_type" :key="index">{{ getCardType(Number(item)) }}</p> <p class="cardType" v-for="(item, index) in info.card_type" :key="index">{{ getCardType(Number(item)) }}</p>
@ -56,7 +56,7 @@
</div> </div>
<div class="illustrate"> <div class="illustrate">
<div v-if="info.receive_type && (info.receive_type !== 1)"> <div v-if="info.receive_type && (info.receive_type !== 1)">
<h3 class="illustrateTitle">可用时间</h3> <h3 class="illustrateTitle">领取时间</h3>
<div class="timeBox"> <div class="timeBox">
<template v-if="info.receive_type === 4"> <template v-if="info.receive_type === 4">
<p class="itemContent" v-for="(item, index) in info.receive_day" :key="index"> <p class="itemContent" v-for="(item, index) in info.receive_day" :key="index">

View File

@ -17,7 +17,7 @@
</p> </p>
<p style="font-size: 11px">{{ cardType(info.card_type) }}可用</p> <p style="font-size: 11px">{{ cardType(info.card_type) }}可用</p>
<p class="validity" v-if="info.time_limit?.begin_date && info.time_limit?.end_date"> <p class="validity" v-if="info.time_limit?.begin_date && info.time_limit?.end_date">
有效期: {{ info.time_limit.begin_date }} {{info.time_limit.end_date }} 有效期: {{ info.time_limit.begin_date }}~{{info.time_limit.end_date }}
</p> </p>
</div> </div>
</div> </div>
@ -35,7 +35,7 @@
<div class="coupon_explain"> <div class="coupon_explain">
<h1>- 兑换说明 -</h1> <h1>- 兑换说明 -</h1>
<div v-if="info.receive_type && (info.receive_type !== 1)" class="content"> <div v-if="info.receive_type && (info.receive_type !== 1)" class="content">
<h3>可用时间</h3> <h3>领取时间</h3>
<div class="timeBox"> <div class="timeBox">
<template v-if="info.receive_type === 4"> <template v-if="info.receive_type === 4">
<p class="itemContent" v-for="(item, index) in info.receive_day" :key="index"> <p class="itemContent" v-for="(item, index) in info.receive_day" :key="index">