设置边框,ios,和部分安卓没事,有的安卓下边框线被遮挡,为什么?
发布于 5 年前 作者 leikong 4622 次浏览 来自 官方Issues

这是被遮挡的安卓

这是没被遮挡的安卓

2 回复

你好,麻烦具体描述问题流程,提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

<view class="part"
   <view class="part_box" >
      <view id="{{index}}" class="{{color[index]?'part_name1':'part_name'}}" bindtap="getUnit" wx:for="{{position}}"
           wx:key="index"
         <text class="{{color[index]?'part_name_value1':'part_name_value'}}"{{item.positionName}}</text>
      </view>
   <view>
</view>
用的弹性盒
overflow:scroll-x;
//css
.part {
  width: 100vw;
  height: 84rpx;
  background: rgba(255, 255, 255, 1);
  /*border-bottom: 2rpx solid rgba(151, 151, 151, 1);*/
  display: flex;
  align-items: center;
  position: sticky;
  top: 352rpx;
  z-index: 100;
}

.part_box {
  width: 750rpx;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-right: 0rpx;
  height: 46rpx;
}

.part_box::-webkit-scrollbar {
  display: none;
}

.part_box view:nth-child(1) {
  margin-left: 48rpx;
}

.part_name {
  height: 44rpx;
  background: rgba(238, 238, 238, 1);
  border-radius: 22rpx;
  text-align: center;
  display: inline-block;
  margin-right: 40rpx;
  line-height: 34rpx;
}

.part_name1 {
  height: 40rpx;
  background: #EFF9E8;
  border: 1rpx solid rgba(83, 194, 3, 1);
  border-radius: 22rpx;
  text-align: center;
  display: inline-block;
  margin-right: 40rpx;
  line-height: 40rpx;
}

.part_name_value {
  width: 100%;
  padding: 3rpx 22rpx;
  line-height: 44rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}

.part_name_value1 {
  width: 100%;
  padding: 2rpx 21rpx;
  line-height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #53C203;
}
微信版本号:7.0.9
机型:1.华为DUB-AL00   2. OPPO A5 PBBM30
系统版本号:1.DUB-AL00 8.2.0.186(C00)    2. PBBM30_11_A.19_c798d071
回到顶部