收藏
回答

谁能说说苹果机下,用underline出现两个横线怎么办?

问题模块
API和组件


<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;

}


最后一次编辑于  2017-07-31  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答

  • 晨
    2017-07-31

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

    2017-07-31
    赞同
    回复