样式覆盖

src/components/PropertyEditor.vue

@@ -27,6 +27,10 @@
           </div>
           <a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]">
             <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>
           <a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]">
@@ -58,7 +62,18 @@ import { defineProps, computed, ref } from 'vue';
 const props = defineProps({
   scheme: Object
 });
-
 const selectedOption = ref('property')
 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>