微信小程序自定义select组件

Select组件

wxss文件

.select-box {
   
  position: relative;
  /* width: 100%; */
  /* font-size: 30rpx; */
}

.select-current {
   
  width: 730rpx;
  height: 45rpx;
  background-color: white;
  margin-left: 10rpx;
  position: relative;
  padding: 0rpx 10rpx;
  /* line-height: 40rpx; */
  /* border: 1rpx solid #ddd; */
  border-radius: 10rpx;
  box-sizing: border-box;
}

.select-current::after {
   
  position: absolute;
  display: block;
  right: 16rpx;
  top: 18rpx;
  content: '';
  width: 0;
  height: 0;
  border: 10rpx solid transparent;
  border-top: 10rpx solid #999;
}

.current-name {
   
  display: block;
  width: 85%;
  height: 100%;
  word-wrap: normal;
  overflow: hidden;
}

.option-list {
   
  width: 730rpx;
  margin-left: 10rpx;
  position: absolute;
  left: 0;
  top: 45rpx;
  padding: 5rpx 10rpx;
  box-sizing: border-box;
  z-index: 2;
  box-shadow: 0rpx 0rpx 1rpx 1rpx rgba(0, 0, 0