个人的mint-ui的picker选择器样式修改方案一

1.模板代码:

<mt-popup v-model="signReasonVisible" position="bottom" style="width:100%;height:43%;" class="popup">
      <mt-picker :slots="slots" @change="setSignReason" style="" :itemHeight="itemHeight" class="picker"></mt-picker>
    </mt-popup>

样式代码:

    /*--------选择器样式-----------*/
    .picker-items{
      height:100%;
    }
    .picker-item{
      font-size:1.38rem;
    }
    .picker-slot-center{
      height:100%;
    }
    .picker-slot-wrapper{
    }
    .picker-center-highlight{
      background-color: #F5F5F9;
      z-index:-100;
    }

2.样式效果:

猜你喜欢

转载自blog.csdn.net/swiftlinlei/article/details/81364016