先上个代码
这是wxml代码
<scroll-view class="scrollview" scroll-x="{{true}}" scroll-with-animation="{{true}}" scroll-left="{{deviceScrollLeft}}" lower-threshold="20" upper-threshold="20" bindscrolltoupper="onScrolltoupper" bindscroll="onScroll" data-e-onScroll-so="this" data-e-onScroll-a-a="device"> <view class="scroll-wrapper" style="{{anonymousState__temp2}}"> <view wx:key="{{v.$$original.id}}" class="scroll-item" style="{{v.$loopState__temp4}}" bindtap="onDeviceChange" wx:for="{{loopArray0}}" wx:for-item="v" wx:for-index="i" data-e-onDeviceChange-so="this" data-e-onDeviceChange-a-a="{{i}}"> <view class="item-title">{{v.$$original.deviceUuid}}</view> <view class="prop-row"> <view class="prop-cell">主题：{{v.$$original.groupName}}</view> <view class="prop-cell">模块：{{v.$$original.moduleName}}</view> </view> <view class="prop-row"> <view class="prop-cell">备注：{{v.$$original.remark}}</view> </view> <view class="icon-wrapper"> <image class="icon" src="{{v.$loopState__temp6}}" /> </view> </view> </view> </scroll-view> |
scrollview要横向滚动，scroll-wrapper是flex横向布局，在渲染出多个scroll-item之后，每个item里面的字体大小显示的都有问题，不同item内的相同位置的文字大小显示不同，inspector查看，应用到元素上的样式都是相同的。如果我吧scroll-wrapper的布局改成纵向的，字体大小就显示正常了。发点图看看，有没有哪位大神遇到过这种情况，有没有解决掉的，给指点指点啊，下面上图
真是每一个都不一样啊
我也遇到这样问题了，请问你后来怎么解决？
小程序对flex布局支持的不好，我改成float布局了
大家跳转小程序的时候有没有遇到过这个问题啊？navigateToMiniProgramAppIdList