谁能说说苹果机下,用underline出现两个横线怎么办?
发布于 6 年前 作者 gongna 9224 次浏览 来自 问答

<block>

  <view class=“swiper-tab”>

    <view data-current=“1” bindtap=“swichNav” class=“swiper-tab-list”><text class="{{currentTab==1 ? ‘on’ : ‘’}}" data-current=“1” bindtap=“swichNav”>听讲座</text></view>

    <view data-current=“2” bindtap=“swichNav” class=“swiper-tab-list”><text class="{{currentTab==2 ? ‘on’ : ‘’}}" data-current=“2” bindtap=“swichNav”>看视频</text></view>

  </view>

</block>

.swiper-tab {

  width: 100%;

  border-bottom: 2rpx solid #777;

  text-align: center;

  line-height: 80rpx;

}

.swiper-tab-list {

  display: inline-block;

  width: 50%;

  color: #777;

  font-size: 30rpx;

  text-decoration-line: underline !important;

}

.on {

  color:  #da7c0c;

  margin-bottom: 5px;

  font-weight:bold;

  border-bottom: 5rpx solid #da7c0c;

}

1 回复

看样式是你自己加了两个线。一个text-decoration-line,一个border-bottom。text-decoration-line目前受支持有限,所以在大多数情况下都不显示。

回到顶部