收藏
回答

cover-view 在安卓手机上flex布局不生效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug cover-view 客户端 v6.6.7 v2.3.2

- 当前 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 个回答

登录 后发表内容