现在小程序的rpx是不是出了点问题,750rpx却不是满屏
发布于 5 年前 作者 xiuying90 12112 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)
  • 预期表现

    沾满整个宽

  • 复现路径
  • 提供一个最简复现 Demo

wxml:

<view class=‘line-c’></view>

<view class=‘it’ wx:for="{{7}}" wx:key="{{index}}">

     <view class=“l " wx:if=”{{index+1>signInfo.newestObject.signIndex}}"></view>

       <view class=“line {{index+1<=signInfo.newestObject.signIndex? ‘l2’ : ‘’}}”></view>

</view>

wxss: 

.line-c{

  width: 36rpx;

  height: 8rpx;

  background-color: #FAD868;

}

.r4>.it{

  display: flex;

  align-items: center;

}

.it>.l{

  width: 54rpx;

  height: 54rpx;

  border-radius: 50%;

  background-color: #fff;

}

.it:not(:last-child)>.line{

  width: 50rpx;

  height: 8rpx;

  background-color: #fff;

}

.it>.line{

  width: 36rpx;

  height: 8rpx;

  background-color: #fff;

}

.it>.l2{

  background-color: #FAD868!important;

}

1 回复

6P是414X736,100%不好用吗

回到顶部