liuhuajie/lowcode-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式覆盖

Browse Source
This commit is contained in:
lhj
2024-10-10 00:07:42 +08:00
parent af73b52d90
commit 4ea7cb6c13
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/PropertyEditor.vue
View File

@ -27,6 +27,10 @@
</div> </div>
<a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]"> <a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]">
<a-collapse-item header="基本配置" key="1"> <a-collapse-item header="基本配置" key="1">
<div style="display: flex;justify-content: space-between;vertical-align: middle;">
<span>内容</span>
<a-input style="width: 150px;" />
</div>
</a-collapse-item> </a-collapse-item>
</a-collapse> </a-collapse>
<a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]"> <a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]">
@ -58,7 +62,18 @@ import { defineProps, computed, ref } from 'vue';
const props = defineProps({ const props = defineProps({
scheme: Object scheme: Object
}); });
const selectedOption = ref('property') const selectedOption = ref('property')
const scheme = computed(() => props.scheme || ''); const scheme = computed(() => props.scheme || '');
</script> </script>
<style scoped>
:deep(.arco-collapse-item-content) {
background-color: #ffffff;
}
:deep(.arco-input-wrapper) {
z-index: 1;
background-color: var(--color-bg-2);
border-color: rgb(var(--gray-4));
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
</style>