1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
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>
| )
| }
| },
| })
|
|
