<el-radio-group v-model="radio1"><el-radio-button class="user-radio" label="上海"><div class="user-radio-div">主标题</div><p class="user-radio-p">说明文案</p></el-radio-button><el-radio-button class="user-radio" label="北京"><div class="user-radio-div">主标题</div><p class="user-radio-p">说明文案</p></el-radio-button><el-radio-button class="user-radio" label="深证"><div class="user-radio-div">主标题</div><p class="user-radio-p">说明文案</p></el-radio-button><el-radio-button class="user-radio" label="广东"><div class="user-radio-div">主标题</div><p class="user-radio-p">说明文案</p></el-radio-button></el-radio-group>

<style lang="scss" scoped>
.user-radio {margin: 0 10px 20px;&-div{font-size: 24px;}&-p{font-size: 20px;}// 因为设置了scoped，所以固定的classname要用/deep/操作/deep/ {.el-radio-button__inner {border: none;border-radius: 4px;background: #e5e5e5;}.el-radio-button__orig-radio:checked + .el-radio-button__inner {background: #1e6abc;}}
}
</style>