个人的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.样式效果:


版权声明:本文为swiftlinlei原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。