Mac,Windows下编译手机预览效果不同
发布于 5 年前 作者 maona 382 次浏览 来自 问答

所有编译预览都为同样代码,同一部手机预览,编译开发为Mac版与Windows版

<navigator url="/pages/welfareMall/goodsDetail/goodsDetail?spCode={{item.spCode}}" hover-class="navigator-hover" class="raffle-navigator raffle-item {{(!cutThree && index === 0) || (cutThree && index === 3) ? 'raffle-item-first' : ''}} {{hideTitle&&index===0 ? 'hide-title' : ''}}" wx:for="{{raffleData}}" wx:key="index" wx:if="{{index > 2 || !cutThree}}" >
  <view class="sp-list-box">
    <image class="sp-list-img" src="{{item.spPic}}" lazy-load="true" />
    <view class="sp-info-box">
      <view class="sp-name">{{item.spName}}</view>

      <view class="sp-money">

       <!-- 此处换行符Mac,windows编译完,同手机预览表现不一致 -->

        {{item.discountPoint}}积分+<text class="money">{{item.minPrice}}元</text>
      </view>
      <view class="sp-price">原价{{item.sellingPrice}}元</view>
      <view class="sp-bottom-box">
        <view class="sp-buy-num-box">
          已兑换<text class="sp-buy-num">{{item.hasSaleValue}}</text>人
        </view>
        <button class="sp-buy-btn" data-spcode="{{item.spCode}}" catchtap="goToDetails">
          马上兑
        </button>
      </view>
    </view>
  </view>
</navigator>


以下为Windows下编译,bug表现;

原价109_” _明显挤出;对应代码处有换行


以下为Mac下编译,正常预期表现;

与上述编译为同一套代码

2 回复

为了防止世界被破坏,文本部分,我标签和内容都放在同一行。。

我的解决方式一摸一样、

否则必多出来一个空格

回到顶部