Form modification style of iview

problem description

How to customize and modify the style of the form in

iview?

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

 <i-form ref="formValidate_step4" :model="formValidate_step4" :rules="ruleValidate4" :label-width="88">
                                    <form-item label="" prop="name" >
                                        <i-input v-model="formValidate_step4.name" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="tax">
                                        <i-input v-model="formValidate_step4.tax" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="register">
                                        <i-input v-model="formValidate_step4.register" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="tel">
                                        <i-input v-model="formValidate_step4.tel" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="bank">
                                        <i-input v-model="formValidate_step4.bank" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="account">
                                        <i-input v-model="formValidate_step4.account" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="email">
                                        <i-input v-model="formValidate_step4.email" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="recivePerson">
                                        <i-input v-model="formValidate_step4.recivePerson" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                    <form-item label="" prop="phone">
                                        <i-input v-model="formValidate_step4.phone" placeholder="" class="input_424"></i-input>
                                    </form-item>
                                </i-form>

what result do you expect? What is the error message actually seen?

I want the label font in front of this form to become larger

Apr.22,2021

you can debug
View html structure
look at label's css class name
and then rewrite


OK, I'll try.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea21eb-1baf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea21eb-1baf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?