From 1c65d5a6081889043abc20c6bd760d8172fca0fd Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周六, 03 5月 2025 17:42:14 +0800
Subject: [PATCH] 222
---
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