From 27ba504441037666e787ded85b4af2f65be65c17 Mon Sep 17 00:00:00 2001 From: schangxiang@126.com <schangxiang@126.com> Date: 周二, 29 4月 2025 18:06:07 +0800 Subject: [PATCH] Merge branch 'master' of http://222.71.245.114:9086/r/HIA24016N_PipeLineDemo --- HIAWms/web/src/components/SearchInput/SearchInput.tsx | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 47 insertions(+), 0 deletions(-) diff --git a/HIAWms/web/src/components/SearchInput/SearchInput.tsx b/HIAWms/web/src/components/SearchInput/SearchInput.tsx new file mode 100644 index 0000000..7d3f300 --- /dev/null +++ b/HIAWms/web/src/components/SearchInput/SearchInput.tsx @@ -0,0 +1,47 @@ +import { defineComponent } from 'vue' +import styles from './SearchInput.module.scss' +import { + Search, + ArrowLeft, + ArrowRight, + CloseBold, +} from '@element-plus/icons-vue' + +export default defineComponent({ + name: '杈撳叆', + setup(props, { attrs, slots, emit }) { + return () => { + return ( + <div class={styles.inputContent}> + <el-input + {...attrs} + size="small" + prefix-icon={ + <el-icon> + <Search /> + </el-icon> + } + suffix-icon={ + <div class={styles.searchInputIcon}> + <el-icon class={styles.searchIcon}> + <ArrowLeft /> + </el-icon> + <span class={styles.boxNum}> + <span>3</span> + /7 + </span> + <el-icon class={styles.searchIcon}> + <ArrowRight /> + </el-icon> + </div> + } + placeholder="璇烽�夋嫨杈撳叆" + ></el-input> + <el-icon class={styles.closeIcon}> + <CloseBold /> + </el-icon> + </div> + ) + } + }, +}) -- Gitblit v1.9.3