微信小程序-自定義固定下拉框

< view class = "tem-all" wx:if = "{{flag}}">

< view wx:for = "{{array}}" class = 'tem-all-view'>

< view class = 'selectTypes'> {{item.name}} </ view >

</ view >

</ view >

.tem-all {

width: 600 rpx ;

position: absolute ;

background: rgba( 0 , 0 , 0 , 0.9 ) ;

z-index: 100 ;

/* padding: 30rpx 15rpx; */

font-size: 30 rpx ;

color: #ffffff ;

/* margin-top: 10rpx; */

padding-top: 20 rpx ;

margin-top: 100 rpx ;

height: 500 rpx ;

    /* display: flex; */

    overflow: hidden ;

display: inline-block ;

    overflow-y: auto ;

 

}

.tem-all-view {

    display: inline-block ;

    display: flex ;

    line-height: 80 rpx ;

    text-align: center ;

    max-height: 480 rpx ;

    overflow-y: auto ;

 

}

.selectTypes {

    /* background: #002850; */

display: block ;

width: 600 rpx ;

 

}