style: 修改表单的label样式

main
wu.jian2
parent aab1946633
commit c62518ce01

@ -0,0 +1,14 @@
# 忽略的文件和文件夹
node_modules/
example/
dist/
lib/
hooks/
# 只包含packages和public文件
!packages/
!LICENSE
!README.md
# 排除根目录下的配置文件
/*

@ -44,6 +44,7 @@
:rules="rules"
label-width="120px"
style="padding: 16px 16px 0;"
class="bs-el-form"
>
<el-row :gutter="20">
<el-col :span="12">

@ -1,16 +1,10 @@
{
"name": "@gcpaas/data-room-ui",
"version": "0.0.1-2023061908-Alpha",
"version": "0.0.1-2023070301-Alpha",
"description": "自定义大屏",
"author": "gc-starter",
"license": "MIT",
"main": "lib/dataRoom.umd.min.js",
"files": [
"lib/fonts/*",
"lib/img/*",
"lib/dataRoom.css",
"lib/dataRoom.umd.min.js.gz"
],
"main": "packages/index.js",
"keywords": [
"dataRoom",
"大屏设计器",

@ -5,14 +5,14 @@
:model="config"
label-width="100px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<div>
<slot name="top" />
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="100px"
>
<SettingTitle>位置</SettingTitle>

@ -10,6 +10,7 @@
label-width="100px"
label-position="left"
:model="config"
class="bs-el-form"
>
<SettingTitle>标题</SettingTitle>
<div class="setting-wrap">

@ -5,13 +5,13 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<div>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>

@ -5,14 +5,14 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<div>
<slot name="top" />
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>

@ -11,6 +11,7 @@
label-width="100px"
label-position="left"
:model="config"
class="bs-el-form"
>
<SettingTitle>标题</SettingTitle>
<div class="setting-wrap">

@ -5,14 +5,14 @@
:model="config"
label-width="100px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<div>
<slot name="top" />
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="100px"
>
<SettingTitle>标题</SettingTitle>
@ -88,7 +88,6 @@
</el-select>
</el-form-item> -->
<!-- <el-form-item
v-if="config.customize.showTitle"
label="标题位置"
@ -208,7 +207,6 @@
/>
</el-form-item>
</div>
</el-form>
</div>
</el-form>

@ -11,6 +11,7 @@
label-position="left"
:model="config"
:rules="rules"
class="bs-el-form"
>
<SettingTitle>标题</SettingTitle>
<div class="bs-setting-wrap">

@ -5,7 +5,7 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<SettingTitle>标题</SettingTitle>
<div class="lc-field-body">
@ -218,7 +218,6 @@
</div>
</el-form-item>
</div>
</el-form>
</div>
</template>

@ -11,6 +11,7 @@
label-position="left"
:model="config"
:rules="rules"
class="bs-el-form"
>
<SettingTitle>标题</SettingTitle>
<div class="lc-field-body">
@ -66,13 +67,13 @@
alt=""
>
<span class="el-upload-list__item-actions">
<span
class="el-upload-list__item-delete"
@click="handleRemove(file)"
>
<i class="el-icon-delete" />
</span>
<span
class="el-upload-list__item-delete"
@click="handleRemove(file)"
>
<i class="el-icon-delete" />
</span>
</span>
</div>
<el-input
slot="tip"

@ -3,13 +3,13 @@
<el-form
ref="form"
:model="config"
class="setting-body"
class="setting-body bs-el-form"
label-position="left"
label-width="90px"
>
<el-form
:model="config.customize"
class="setting-body"
class="setting-body bs-el-form"
label-position="left"
label-width="90px"
>

@ -5,12 +5,12 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="100px"
>
<SettingTitle>标题</SettingTitle>

@ -6,7 +6,7 @@
:rules="customRules"
label-width="120px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<SettingTitle>基础</SettingTitle>
<el-form-item

@ -11,6 +11,7 @@
label-position="left"
:model="config"
:rules="rules"
class="bs-el-form"
>
<SettingTitle>基础</SettingTitle>
<div class="lc-field-body">

@ -10,6 +10,7 @@
label-width="100px"
label-position="left"
:model="config"
class="bs-el-form"
>
<SettingTitle>标题</SettingTitle>
<el-form-item

@ -5,17 +5,20 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<slot name="top" />
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="边框名称" class="lc-field-body">
<el-form-item
label="边框名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -5,17 +5,20 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<slot name="top" />
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="播放器名称" class="lc-field-body">
<el-form-item
label="播放器名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -5,16 +5,19 @@
:model="config"
label-width="100px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="100px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="边框名称" class="lc-field-body">
<el-form-item
label="边框名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -7,7 +7,7 @@
v-model="form"
label-width="100px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form-item label="推荐分辨率">
<el-select

@ -18,6 +18,7 @@
<el-form
ref="form"
label-width="100px"
class="bs-el-form"
>
<el-table
:data="configMapConfig.maps"

@ -9,7 +9,7 @@
:rules="rules"
label-width="100px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<div class="data-setting-box">
<div

@ -6,7 +6,7 @@
:rules="customRules"
label-width="120px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<SettingTitle>基础</SettingTitle>
<div class="lc-field-body">

@ -6,13 +6,14 @@
:visible.sync="formVisible"
:append-to-body="true"
destroy-on-close
class="bs-dialog-wrap bs-el-dialog catalog-edit-wrap"
class="bs-dialog-wrap bs-el-dialog catalog-edit-wrap "
>
<el-form
v-if="formVisible"
ref="dataForm"
label-position="right"
label-width="100px"
class="bs-el-form"
>
<el-input
v-model="searchKey"
@ -90,6 +91,7 @@
:model="currentCatalog"
label-width="80px"
:rules="formRules"
class="bs-el-form"
>
<el-form-item
label="分组名称"

@ -14,6 +14,7 @@
:rules="dataFormRules"
label-position="right"
label-width="100px"
class="bs-el-form"
>
<el-form-item
label="名称"

@ -69,6 +69,7 @@
:model="currentCatalog"
label-width="80px"
:rules="formRules"
class="bs-el-form"
>
<el-form-item
label="分组名称"

@ -14,6 +14,7 @@
:rules="dataFormRules"
label-position="right"
label-width="100px"
class="bs-el-form"
>
<el-form-item label="上级目录">
<el-select

@ -148,6 +148,7 @@
:model="catalogData"
label-width="80px"
:rules="formRules"
class="bs-el-form"
>
<el-form-item
label="上级目录"

@ -5,14 +5,14 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<div class="lc-field-body">
<slot name="top" />
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<el-form-item label="边框名称">

@ -5,14 +5,14 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<div class="lc-field-body">
<slot name="top" />
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<el-form-item label="边框名称">

@ -13,6 +13,7 @@
ref="dataForm"
label-position="right"
label-width="100px"
class="bs-el-form"
>
<div class="top-search-wrap">
<el-input

@ -14,6 +14,7 @@
:rules="dataFormRules"
label-position="right"
label-width="100px"
class="bs-el-form"
>
<el-form-item
label="名称"

@ -14,6 +14,7 @@
:rules="rules"
label-position="left"
label-width="90px"
class="bs-el-form"
>
<el-form-item
label="分组名称"

@ -46,6 +46,7 @@
:rules="rules"
label-width="120px"
style="padding: 16px 16px 0;"
class="bs-el-form"
>
<el-row :gutter="20">
<el-col :span="12">

@ -45,6 +45,7 @@
:rules="rules"
label-width="120px"
style="padding: 16px 16px 0;"
class="bs-el-form"
>
<el-row :gutter="20">
<el-col :span="12">

@ -45,6 +45,7 @@
:rules="rules"
label-width="120px"
style="padding: 16px 16px 0;"
class="bs-el-form"
>
<el-row :gutter="20">
<el-col :span="12">

@ -45,6 +45,7 @@
:rules="rules"
label-width="120px"
style="padding: 16px 16px 0;"
class="bs-el-form"
>
<el-row :gutter="20">
<el-col :span="12">

@ -46,6 +46,7 @@
:rules="rules"
label-width="120px"
style="padding: 16px 16px 0;"
class="bs-el-form"
>
<el-row :gutter="20">
<el-col :span="12">

@ -57,7 +57,7 @@
<el-form
ref="queryForm"
:model="queryForm"
class="filter-container"
class="filter-container bs-el-form"
@submit.native.prevent
>
<el-form-item

@ -4,7 +4,7 @@
<div class="inner-container">
<el-form
:inline="true"
class="filter-container"
class="filter-container bs-el-form"
>
<el-form-item class="filter-input filter-item">
<el-input

@ -20,6 +20,7 @@
size="small"
label-position="right"
:label-width="dataForm.advanceSettingFlag ? '200px' : '150px'"
class="bs-el-form"
>
<el-form-item
label="类型"

@ -5,16 +5,19 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="装饰名称" class="lc-field-body">
<el-form-item
label="装饰名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -5,16 +5,19 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="装饰名称" class="lc-field-body">
<el-form-item
label="装饰名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -5,16 +5,19 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="装饰名称" class="lc-field-body">
<el-form-item
label="装饰名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -5,12 +5,12 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>

@ -5,12 +5,12 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>

@ -5,12 +5,12 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>

@ -5,12 +5,12 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>

@ -5,12 +5,12 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>

@ -5,12 +5,12 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>

@ -3,28 +3,31 @@
<el-form
ref="form"
:model="config"
class="setting-body"
class="setting-body bs-el-form"
label-position="left"
label-width="90px"
>
<el-form
:model="config.customize"
class="setting-body"
label-position="left"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item class="lc-field-body" label="装饰名称">
<el-input
v-model="config.title"
clearable
/>
</el-form-item>
<SettingTitle>位置</SettingTitle>
:model="config.customize"
class="setting-body bs-el-form"
label-position="left"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item
class="lc-field-body"
label="装饰名称"
>
<el-input
v-model="config.title"
clearable
/>
</el-form-item>
<SettingTitle>位置</SettingTitle>
<div class="lc-field-body">
<PosWhSetting :config="config" />
</div>
<SettingTitle>基础</SettingTitle>
<SettingTitle>基础</SettingTitle>
<div class="lc-field-body">
<el-form-item label="装饰主颜色">
<ColorPicker
@ -47,8 +50,7 @@
/>
</el-form-item>
</div>
</el-form>
</el-form>
</el-form>
</div>
</template>

@ -5,16 +5,19 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="装饰名称" class="lc-field-body">
<el-form-item
label="装饰名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -5,16 +5,19 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="装饰名称" class="lc-field-body">
<el-form-item
label="装饰名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -5,16 +5,19 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="装饰名称" class="lc-field-body">
<el-form-item
label="装饰名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -5,16 +5,19 @@
:model="config"
label-width="90px"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
>
<el-form
:model="config.customize"
label-position="left"
class="setting-body"
class="setting-body bs-el-form"
label-width="90px"
>
<SettingTitle>标题</SettingTitle>
<el-form-item label="装饰名称" class="lc-field-body">
<el-form-item
label="装饰名称"
class="lc-field-body"
>
<el-input
v-model="config.title"
clearable

@ -14,6 +14,7 @@
:rules="dataFormRules"
label-position="right"
label-width="100px"
class="bs-el-form"
>
<el-form-item
label="名称"

@ -78,6 +78,7 @@
:model="currentCatalog"
label-width="80px"
:rules="formRules"
class="bs-el-form"
>
<el-form-item
label="分组名称"

@ -5,6 +5,7 @@
label-width="100px"
label-position="left"
:model="config"
class="bs-el-form"
>
<el-form-item
label="标题"

@ -583,3 +583,9 @@
background: var(--bs-el-background-1);
}
}
.bs-el-form {
.el-form-item__label{
color: var(--bs-el-title);
}
}

Loading…
Cancel
Save