/* components/wan-select/select.wxss */ .select_all_view { display: flex; justify-content: start; align-items: start; } .select_view { /* min-width: 200rpx; */ min-height: 64rpx; } .inputPlaceholder { font-size: 28rpx; } .icon { position: absolute; right: 12rpx; top: 20rpx; } .contentItem { height: 64rpx; } .content { width: calc(100% - 4px); margin-left: 2px; position: absolute; z-index: 999; max-height: 296rpx; background: #FFFFFF; /* border: 1px solid #ccc; */ box-shadow: 0 0 4px #ccc; opacity: 1; /* margin-top: 10rpx; */ overflow-x: hidden; overflow-y: scroll; } .triangleBox { position: absolute; z-index: 1000; left: 30rpx; } .triangle { position: relative; border-left: 12rpx solid transparent; border-right: 12rpx solid transparent; border-bottom: 10rpx solid #ccc; } .triangle::after { content: ''; position: absolute; top: 3rpx; left: -12rpx; border-left: 12rpx solid transparent; border-right: 12rpx solid transparent; border-bottom: 10rpx solid #fff; } .triangleBox-top { position: absolute; z-index: 1000; left: 30rpx; } .triangle-top { position: relative; border-left: 12rpx solid transparent; border-right: 12rpx solid transparent; border-top: 10rpx solid #ccc; } .triangle-top::after { content: ''; position: absolute; bottom: 3rpx; left: -12rpx; border-left: 12rpx solid transparent; border-right: 12rpx solid transparent; border-top: 10rpx solid #fff; } .is-reverse { transform: rotate(180deg); } .transfer { transition: transform .3s; } .no-reverse { transition: rotate(0deg); }