el-input-number icon很大
文档：el-input-number icon很大.note
链接：http://note.youdao.com/noteshare?id=45fa26c5a5dae843ede65923d1adc877&sub=E18B8BD64C144032814215C832D54A58
<template>
<el-form :model="form" ref="form" label-width="80px">
<el-form-item label="姓名">
<el-input v-model="form.name" placeholder="请输入姓名"></el-input>
</el-form-item>
<el-form-item label="年龄">
<el-input-number v-model="form.age" class="acitonButton" :min="1" :max="120"></el-input-number>
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="form.gender">
<el-radio label="male">男</el-radio>
<el-radio label="female">女</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="爱好">
<el-checkbox-group v-model="form.hobbies">
<el-checkbox label="swimming">游泳</el-checkbox>
<el-checkbox label="reading">阅读</el-checkbox>
<el-checkbox label="traveling">旅行</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm">提交</el-button>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
name: '',
age: '',
gender: '',
hobbies: []
}
}
},
methods: {
submitForm() {
this.$refs.form.validate((valid) => {
if (valid) {
// 表单验证通过
// 提交表单数据到后端等操作
} else {
// 表单验证不通过
return false;
}
});
}
}
}
</script>
<style scoped>
.acitonButton{
border: none;
/* font-size: 20px; */
font-size: 10px !important;
}
</style>
文档：el-input-number icon很大.note
链接：http://note.youdao.com/noteshare?id=45fa26c5a5dae843ede65923d1adc877&sub=E18B8BD64C144032814215C832D54A58
没有搜索到全局的css
