cover-view 在安卓手机上flex布局不生效
发布于 5 年前 作者 yangding 3771 次浏览 来自 问答
  • 当前 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;

}

}

2 回复

那什么时侯可以得到支持呢?  这是一个值得解决的问题。

回到顶部