修改el-radio-group 自適應


/* 修改rodio 自適應
*  
*/
.radio4 .el-radio-group {
  width: 100%;

}
.radio4 .el-radio-group{
  .el-radio-button {
    width: 25%!important;
    
  }
  .el-radio-button__inner {
    width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
    text-align: center;
  }

html

                <el-col :span="6" class="radio4">
                                <el-radio-group v-model="dateKey" size="medium"  @change="onDateKey">
                                    <el-radio-button label="1" style="max-width:70px">今天</el-radio-button>
                                    <el-radio-button label="2" style="max-width:70px">昨天</el-radio-button>
                                    <el-radio-button label="3" style="max-width:70px">本月</el-radio-button>
                                    <el-radio-button label="4" style="max-width:70px">上月</el-radio-button>
                                </el-radio-group>
                            </el-col>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM