Fix(云灵AI):[#5390]苹果手机第二页的送礼选项卡行数一多,页面就滑不上去
This commit is contained in:
+25
-20
@@ -162,28 +162,33 @@
|
||||
</view>
|
||||
<!-- 在这里实现送礼步骤 -->
|
||||
<view v-if="showGiftSteps" class="gift-steps-wrap">
|
||||
<view class="gift-step-title">{{ giftBuyOptions[currentGiftStepIndex].title }}</view>
|
||||
|
||||
<view v-if="giftBuyOptions[currentGiftStepIndex].type === 'option_card'" class="gift-options">
|
||||
<view
|
||||
v-for="opt in giftBuyOptions[currentGiftStepIndex].options"
|
||||
:key="opt.id"
|
||||
class="gift-option-item"
|
||||
:class="{ active: isGiftOptionSelected(giftBuyOptions[currentGiftStepIndex].id, opt.id) }"
|
||||
@click="toggleGiftOption(giftBuyOptions[currentGiftStepIndex].id, opt.id)"
|
||||
>
|
||||
{{ opt.optionName }}
|
||||
<image v-if="isGiftOptionSelected(giftBuyOptions[currentGiftStepIndex].id, opt.id)" :src="webUrl + '/aiChat/gift-options-check.png'" class="icon-check" />
|
||||
<view
|
||||
v-for="(item, index) in giftBuyOptions"
|
||||
:key="index"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<view v-show="currentGiftStepIndex === index" class="gift-step-item">
|
||||
<view class="gift-step-title">{{ item.title }}</view>
|
||||
<view v-if="item.type === 'option_card'" class="gift-options">
|
||||
<view
|
||||
v-for="opt in item.options"
|
||||
:key="opt.id"
|
||||
class="gift-option-item"
|
||||
:class="{ active: isGiftOptionSelected(item.id, opt.id) }"
|
||||
@click="toggleGiftOption(item.id, opt.id)"
|
||||
>
|
||||
{{ opt.optionName }}
|
||||
<image v-if="isGiftOptionSelected(item.id, opt.id)" :src="webUrl + '/aiChat/gift-options-check.png'" class="icon-check" />
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="item.type === 'price_input'" class="gift-price-input">
|
||||
<view class="input-wrap">
|
||||
<text class="label">价格预算:</text>
|
||||
<input v-model="giftBudget" placeholder="例如100以内/300~500元" class="input-budget" placeholder-style="color: #ccc;" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="giftBuyOptions[currentGiftStepIndex].type === 'price_input'" class="gift-price-input">
|
||||
<view class="input-wrap">
|
||||
<text class="label">价格预算:</text>
|
||||
<input v-model="giftBudget" placeholder="例如100以内/300~500元" class="input-budget" placeholder-style="color: #ccc;" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="gift-step-actions">
|
||||
<view class="action-btn-group">
|
||||
<view v-if="currentGiftStepIndex > 0" class="btn btn-prev" @click="prevGiftStep">上一步</view>
|
||||
|
||||
Reference in New Issue
Block a user