From 591a3742e98ad926c88059b8fe8eabd3a8630c25 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期四, 13 二月 2025 13:59:10 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- packages/components/src/Input/CommonInputField.vue | 39 +++++++++++++++++++++++++++++++++++++++ 1 files changed, 39 insertions(+), 0 deletions(-) diff --git a/packages/components/src/Input/CommonInputField.vue b/packages/components/src/Input/CommonInputField.vue new file mode 100644 index 0000000..9b77dd2 --- /dev/null +++ b/packages/components/src/Input/CommonInputField.vue @@ -0,0 +1,39 @@ +<template> + <div class="common-input-field-wrapper"> + <div class="common-input-field"> + <slot></slot> + </div> + <RectRight :size="12" class="common-input-field-icon" /> + </div> +</template> + +<script setup lang="ts"> +import { RectRight } from '@nutui/icons-vue-taro'; + +defineOptions({ + name: 'CommonInputField', +}); + +// type Props = {}; + +// const props = withDefaults(defineProps<Props>(), {}); +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.common-input-field-wrapper { + display: flex; + width: 100%; + + .common-input-field { + flex: 1; + min-width: 0; + } + + .common-input-field-icon { + margin-left: 18px; + color: boleGetCssVar('text-color', 'primary'); + } +} +</style> -- Gitblit v1.9.1