收藏
回答

设置边框,ios,和部分安卓没事,有的安卓下边框线被遮挡,为什么?

这是被遮挡的安卓


这是没被遮挡的安卓


最后一次编辑于  2019-12-30
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2019-12-30

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

    2019-12-30
    赞同
    回复
  • 惠泽宸
    惠泽宸
    2019-12-30
    <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
    
    2019-12-30
    赞同
    回复 1
登录 后发表内容
问题标签