feat:修改时间选择器的配置

main
liu.shiyi 2 years ago
parent 32a1e02164
commit 66b24afb9e

@ -31,28 +31,32 @@
<SettingTitle>基础</SettingTitle> <SettingTitle>基础</SettingTitle>
<div class="setting-wrap"> <div class="setting-wrap">
<el-form-item <el-form-item
label="时间字体大小" label="字体大小"
label-width="100px" label-width="100px"
> >
<el-input <el-input-number
v-model="config.customize.fontSize" v-model="config.customize.fontSize"
placeholder="请输入时间字体大小" class="bs-el-input-number"
> placeholder="请输入字体大小"
<template slot="append"> :min="0"
px />
</template>
</el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="时间字体权重" label="字体权重"
label-width="100px" label-width="100px"
> >
<el-input-number <el-input-number
v-model="config.customize.fontWeight" v-model="config.customize.fontWeight"
class="bs-el-input-number" class="bs-el-input-number"
placeholder="请输入时间字体权重" placeholder="请输入字体权重"
/> />
</el-form-item> </el-form-item>
<el-form-item
label="字体颜色"
label-width="100px"
>
<el-color-picker v-model="config.customize.color" />
</el-form-item>
<el-form-item <el-form-item
label="时间格式" label="时间格式"
label-width="100px" label-width="100px"
@ -70,12 +74,6 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item
label="字体颜色"
label-width="100px"
>
<el-color-picker v-model="config.customize.color" />
</el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>

@ -30,46 +30,46 @@
<SettingTitle>基础</SettingTitle> <SettingTitle>基础</SettingTitle>
<div class="lc-field-body"> <div class="lc-field-body">
<el-form-item <el-form-item
label="时间字体大小" label="字体大小"
label-width="100px" label-width="100px"
> >
<el-input <el-input-number
v-model="config.customize.fontSize" v-model="config.customize.fontSize"
placeholder="请输入时间字体大小" class="bs-el-input-number"
> placeholder="请输入字体大小"
<template slot="append"> :min="0"
px />
</template>
</el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="时间字体权重" label="字体权重"
label-width="100px" label-width="100px"
> >
<el-input-number <el-input-number
v-model="config.customize.fontWeight" v-model="config.customize.fontWeight"
class="bs-el-input-number" class="bs-el-input-number"
placeholder="请输入时间字体权重" placeholder="请输入字体权重"
/> />
</el-form-item> </el-form-item>
<el-form-item
label="字体颜色"
label-width="100px"
>
<el-color-picker v-model="config.customize.color" />
</el-form-item>
<el-form-item <el-form-item
label="结束日期" label="结束日期"
label-width="100px" label-width="100px"
> >
<el-date-picker <el-date-picker
v-model="config.endTime" v-model="config.endTime"
popper-class="dateClass"
:append-to-body="true"
type="datetime" type="datetime"
placeholder="请选择结束日期" placeholder="请选择结束日期"
:picker-options="pickerOptions" :picker-options="pickerOptions"
value-format="timestamp" value-format="timestamp"
/> />
</el-form-item> </el-form-item>
<el-form-item
label="字体颜色"
label-width="100px"
>
<el-color-picker v-model="config.customize.color" />
</el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>
@ -137,4 +137,9 @@ export default {
.lc-field-body { .lc-field-body {
padding: 12px 16px; padding: 12px 16px;
} }
/deep/.dateClass{
.el-time-panel{
width: 138px!important;
}
}
</style> </style>

Loading…
Cancel
Save