lint regexSelect ()

This commit is contained in:
wang-liang0615 2024-01-12 18:09:03 +08:00 committed by GitHub
parent 9141c06530
commit b6ef49f139
1 changed files with 190 additions and 190 deletions
cmdb-ui/src/components/RegexSelect

View File

@ -64,12 +64,12 @@
<a-input ref="regInput" :placeholder="$t('regexSelect.placeholder')" :value="current.label" @change="changeLabel"> <a-input ref="regInput" :placeholder="$t('regexSelect.placeholder')" :value="current.label" @change="changeLabel">
</a-input> </a-input>
</a-popover> </a-popover>
</template> </template>
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex'
import { regList } from './constants' import { regList } from './constants'
export default { export default {
name: 'RegexSelect', name: 'RegexSelect',
model: { model: {
prop: 'value', prop: 'value',
@ -142,12 +142,12 @@
} }
}, },
}, },
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@/style/static.less'; @import '~@/style/static.less';
.regex-select { .regex-select {
width: 100%; width: 100%;
height: 300px; height: 300px;
display: flex; display: flex;
@ -185,11 +185,11 @@
margin-left: -6px; margin-left: -6px;
} }
} }
} }
</style> </style>
<style lang="less"> <style lang="less">
.regex-select-wrapper { .regex-select-wrapper {
.ant-popover-arrow { .ant-popover-arrow {
display: none; display: none;
} }
@ -198,11 +198,11 @@
min-width: 370px; min-width: 370px;
width: var(--overlay-width); width: var(--overlay-width);
} }
} }
.regex-select-wrapper.ant-popover-placement-bottom .ant-popover-content { .regex-select-wrapper.ant-popover-placement-bottom .ant-popover-content {
margin-top: -8px; margin-top: -8px;
} }
.regex-select-wrapper.ant-popover-placement-top .ant-popover-content { .regex-select-wrapper.ant-popover-placement-top .ant-popover-content {
margin-bottom: -8px; margin-bottom: -8px;
} }
</style> </style>