style: 优化代码

This commit is contained in:
奔跑的面条 2022-10-08 20:49:08 +08:00
parent 9ee62dffca
commit 3e5e1a9b41
6 changed files with 12 additions and 9 deletions

View File

@ -190,7 +190,7 @@ const handleChange = (e: MouseEvent, item: ListType) => {
width: 100px; width: 100px;
} }
.select-min-width { .select-min-width {
width: 110px; width: 115px;
} }
@include deep() { @include deep() {
.n-list-item { .n-list-item {

View File

@ -72,7 +72,7 @@
<!-- 混合模式 --> <!-- 混合模式 -->
<setting-item-box v-if="!isCanvas" name="混合模式" :alone="true"> <setting-item-box v-if="!isCanvas" name="混合模式" :alone="true">
<setting-item name="视频组件需要底色透明一般选中滤色"> <setting-item name="视频组件需要底色透明一般选中滤色">
<n-select size="small" v-model:value="chartStyles.blendMode" :options="BlendModeEnumList"></n-select> <n-select v-model:value="chartStyles.blendMode" size="small" filterable :options="BlendModeEnumList"></n-select>
</setting-item> </setting-item>
</setting-item-box> </setting-item-box>

View File

@ -12,7 +12,7 @@
...useSizeStyle(groupData.attr), ...useSizeStyle(groupData.attr),
...getFilterStyle(groupData.styles), ...getFilterStyle(groupData.styles),
...getTransformStyle(groupData.styles), ...getTransformStyle(groupData.styles),
...getBlendModeStyle(groupData.styles) ...getBlendModeStyle(groupData.styles) as any
}" }"
@click="mouseClickHandle($event, groupData)" @click="mouseClickHandle($event, groupData)"
@mousedown="mousedownHandle($event, groupData)" @mousedown="mousedownHandle($event, groupData)"

View File

@ -37,7 +37,10 @@
v-else v-else
:data-id="item.id" :data-id="item.id"
:index="index" :index="index"
:style="{ ...useComponentStyle(item.attr, index), ...getBlendModeStyle(item.styles) }" :style="{
...useComponentStyle(item.attr, index),
...getBlendModeStyle(item.styles) as any
}"
:item="item" :item="item"
@click="mouseClickHandle($event, item)" @click="mouseClickHandle($event, item)"
@mousedown="mousedownHandle($event, item)" @mousedown="mousedownHandle($event, item)"

View File

@ -8,9 +8,9 @@
...getComponentAttrStyle(item.attr, groupIndex), ...getComponentAttrStyle(item.attr, groupIndex),
...getFilterStyle(item.styles), ...getFilterStyle(item.styles),
...getTransformStyle(item.styles), ...getTransformStyle(item.styles),
...getBlendModeStyle(item.styles), ...getStatusStyle(item.status),
...getStatusStyle(item.status) ...getBlendModeStyle(item.styles) as any
} as any" }"
> >
<component <component
:is="item.chartConfig.chartKey" :is="item.chartConfig.chartKey"

View File

@ -8,8 +8,8 @@
...getComponentAttrStyle(item.attr, index), ...getComponentAttrStyle(item.attr, index),
...getFilterStyle(item.styles), ...getFilterStyle(item.styles),
...getTransformStyle(item.styles), ...getTransformStyle(item.styles),
...getBlendModeStyle(item.styles), ...getStatusStyle(item.status),
...getStatusStyle(item.status) ...getBlendModeStyle(item.styles) as any
} as any" } as any"
> >
<!-- 分组 --> <!-- 分组 -->