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