el-radio-button自适应充满盒子的写法

服务器托管网

业务场景：当盒子较宽时，希望 el-radio-button 自适应充满盒子。

el-radio-button 自适应充满盒子的写法

        
          
            当前
            逾期
          
        

:deep(.el-radio-group) {
  display: flex;
  width: 100%;
  text-align: center;
}
:deep(.el-radio-button) {
  flex: 1;
  background-color: #032E74;
}
:deep(.el-radio-button.is-active) {
  background-color: var(--el-color-primary);
}

:deep(.el-radio-button:first-child) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
:deep(.el-radio-button:last-child) {
  border-服务器托管网top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

:deep(.el-radio-button__inner) {
  transition: none; // button宽度变宽后，过度效果明显看起有有点卡，这里去掉过渡效果
}

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net