上图中,除了titleBar下面黑色区域整个是一个canvas,然后“体重/腰围”,“往期目标”,这些按钮,还有那个小三角都是view实现的,红框部分是cover-view实现。上图是模拟器中的效果,一切正常。
再看手机中,红框部分的白色区域背景色消失了,但是如果单独给“减脂营92期”设置背景色,又可以设置。
再有,“减脂营92期”和“减脂营90期”都绑定了事件,通过catchtap的方式,但是现在手机上都不能响应。需要说明的是,canvas也绑定了点击事件catchtap,但是即使把它去掉,也不行,所以跟这个应该没啥关系。
最要命的是,一月份的时候,这个页面在手机上一切正常的。应该是最近更新基础库导致的。
下面是截图部分的布局代码。
<canvas class="curves" canvas-id="curves" catchtap="hideTermList"> <view class="header"> <view class="left"> <view class="track"> <view class="block {{right}}"></view> <view class="btn-group" catchtap="toggle"> <view class="weight {{weightSelect}}">体重</view> <view class="waistline {{waistlineSelect}}">腰围</view> </view> </view> </view> <view class="right"> <view class="last-target" wx:if="{{showTargetBtn}}"> <view class="last-target-btn" catchtap="toggleTermList">往期目标</view> </view> </view> <view class="index" wx:if="{{showTermList}}"></view> </view> <cover-view class="term-list" wx:if="{{showTermList}}"> <cover-view class="term {{ term.termKey === currentTermKey ? 'selected' : ''}}" wx:for="{{termList}}" wx:for-item="term" data-term-key="{{term.termKey}}" catchtap="switchTerm"> <cover-view class="term-title">{{term.name}}</cover-view> <cover-view class="term-state" wx:if="{{term.state}}">{{term.state}}</cover-view> </cover-view> </cover-view></canvas> |
