- 当前 Bug 的表现(可附上截图)
问题描述: cover-view 在 诺基亚手机(型号:Nokia 7 plus, 安卓版本:8.1.0)上使用flex布局,不生效。在IOS和安卓手机上 cover-view设置box-shadow都不生效。
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
<picker mode=“selector” bindchange=“onDateChange” value="{{selectedDateIndex}}" range="{{}}" range-key=“name”>
<cover-view class=“picker-wrapper”>
<cover-image class=“calendar” src="{{iconPath.ICON_CALENDER}}" mode=“aspectFill” />
<cover-view class=“name”>{{}}</cover-view>
<cover-image class=“lower-triangular” src="{{}}" />
</cover-view>
</picker>
.picker-wrapper {
height: 56rpx;
width: 207rpx;
position: fixed;
left: 30rpx;
bottom: 46vh;
display: flex;
align-items: center;
justify-content: space-evenly;
border-radius: 28rpx;
background-color: #fafafa;
box-shadow: 0 4rpx 7rpx 0 rgba(0, 0, 0, 0.2);
.calendar {
width: 32rpx;
height: 32rpx;
}
.name {
font-size: 26rpx;
color: #666666;
}
.lower-triangular {
width: 20rpx;
height: 20rpx;
will-change: transform;
}
}