收藏
回答

小程序AI模式下,前端组件在调试模式时显示不完整

问题类型 操作系统 工具版本
Bug Windows 2.02.2606122 win32-x64

skills\poc-shopping\components\order-confirm\index.wxml源码如下,其中以下部分<view class="btn-primary {{(!confirm || !confirm.confirmId || isSubmitted) ? 'disabled' : ''}}" bind:tap="onTapConfirm">确认下单</view> 不会显示在调试界面中,而若我将其提前到其他元素之前,则“确认下单”按钮可以显示,但是其他底部元素又没有出现了,说明不是应用逻辑问题,而是调试器显示问题。

==============================

<view class="card">

  <view class="card-header">📋 确认订单</view>


  <block wx:if="{{confirm && confirm.cart}}">

    <view wx:for="{{confirm.cart.items}}" wx:key="id" class="item-row">

      <text class="item-name">{{item.name}}</text>

      <text class="item-price">¥{{item.price}} × {{item.quantity}}</text>

    </view>


    <view wx:if="{{confirm.cart.gifts.length > 0}}" class="gift-row">

      🎁 赠品:

      <text wx:for="{{confirm.cart.gifts}}" wx:key="id">{{item.name}}{{index + 1 !== confirm.cart.gifts.length ? '' : ''}}</text>

    </view>


    <view class="section" wx:if="{{confirm.availableCoupons.length > 0}}">

      <view class="section-title">选择优惠券</view>

      <view wx:for="{{confirm.availableCoupons}}" wx:key="couponId" class="coupon {{selectedCouponId === item.couponId ? 'selected' : ''}} {{confirm.cart.total < item.minAmount ? 'disabled' : ''}}" bind:tap="onSelectCoupon" data-id="{{item.couponId}}">

        <text class="coupon-name">{{item.name}}</text>

        <text class="coupon-rule">满¥{{item.minAmount}}减¥{{item.discount}}</text>

      </view>

    </view>


    <view class="section">

      <view class="price-row">

        <text>商品小计</text>

        <text>¥{{confirm.cart.total}}</text>

      </view>

      <view class="price-row discount" wx:if="{{confirm.discount > 0}}">

        <text>优惠减免</text>

        <text>{{confirm.discount}}</text>

      </view>

      <view class="price-row total">

        <text>实付金额</text>

        <text>¥{{confirm.finalTotal}}</text>

      </view>

    </view>


    <view class="shipping" wx:if="{{confirm.cart.shipping}}">

      <text>📍 {{confirm.cart.shipping.name}} {{confirm.cart.shipping.phone}}</text>

      <view class="shipping-addr">{{confirm.cart.shipping.address}}</view>

    </view>

  </block>


  <view wx:else class="empty-tip">

    订单确认信息加载中,若长时间未显示请重新说「确认下单」。

  </view>


  <view class="btn-primary {{(!confirm || !confirm.confirmId || isSubmitted) ? 'disabled' : ''}}" bind:tap="onTapConfirm">确认下单</view>

</view>



回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容