欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

修改el-form-item中的label里面的字體邊距或者大小問題

 更新時間：2023年10月17日 09:49:20   作者：Luffy船長  
這篇文章主要介紹了修改el-form-item中的label里面的字體邊距或者大小問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

修改el-form-item中的label里面的字體邊距或大小

問題描述

在form表單中，有的時候需要設置必填項之類的，可能會加個星(*)這樣的話字體的兩邊的寬度就會對不齊，影響美觀，可以看到這里的三個輸入框就沒對齊

解決方案：

解決方案其實很簡單，只需要在from表單那就加上兩個屬性即可

碼代碼如下：

	                       <el-col :span="6">
								<el-form-item label="病種編碼" prop="diseCodg" label-width="90px" style="margin-left: 10px;">
									<el-select v-model="queryInfos.diseCodg" style="width:100%" size="small" filterable clearable placeholder="請選擇"
									 @change="Functioner" @change.native="selectBlurLogic" @blur.native="selectBlurLogic">
										<el-option v-for="(opt,j) in letters" :key="j" :label="opt.diseCodg" :value="opt.diseCodg">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>

將el-form-item 的label 的字體顏色修改為不同的顏色

用element的官方例子舉例

比如要在活動名稱后面加個括號(必填) 這種，顏色要寫成紅色， 但是 活動名稱 是寫在label中的

<el-form-item label="活動名稱">
    <el-input v-model="form.name"></el-input>
</el-form-item>

改成下面這樣的

代碼如下

 <el-form-item >
      <span slot="label">
      	<span>活動名稱</span>
        <span style="color: red">（必填）</span>
      </span>
       <el-input v-model="form.name" style="width: 70%"></el-input>
</el-form-item>

去掉el-form-item label 屬性

改成 然后后面再用span 寫上你要添加的內(nèi)容 顏色就可以自定義了

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論