lvdao_v4/miniprogram/components/downselect/index.less

.downselect{
  width: 464rpx;
  height: 76rpx;
  position: relative;
  .d_select{
    width: 100%;
    height: 100%;
    clip-path: polygon(0 10%, 100% 0, 96% 100%, 0.5% 96%);
    background: #422414;
    position: relative;
    align-items: center;
    display: flex;
    padding-left: 10rpx;
    box-sizing: border-box;
    &::before{
      content: '';
      display: inline-block;
      border: 16rpx transparent solid;
      width: 0;
      height: 0;
      border-top: 16rpx solid #fff;
      position: absolute;
      right: 40rpx;
      top: 40%;
    }
  }
  .d_list{
    position: absolute;
    z-index: 999999;
    background: #532E16;
    width: 96%;
    margin-top: 10rpx;
    max-height: 0;
    overflow: hidden;
    transition: .3s ease all;
    >view{
      font-size: 24rpx;
      padding: 16rpx 20rpx;
      &:hover{
        background-color: rgba(255, 178, 67, 0.5);
      }
    }
  }
  .active{
    max-height: 400rpx;
  }
}