-
Notifications
You must be signed in to change notification settings - Fork 138
/
Addon.vue
31 lines (29 loc) 路 1.05 KB
/
Addon.vue
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
<template>
<IxSpace vertical>
<IxInput v-model:value="value" :addonBefore="addonBefore" :addonAfter="addonAfter" />
<IxInput v-model:value="value">
<template #addonBefore>
<IxSelect v-model:value="addonBefore" style="width: 88px">
<IxSelectOption key="https" label="https://"></IxSelectOption>
<IxSelectOption key="http" label="http://"></IxSelectOption>
</IxSelect>
</template>
<template #addonAfter>
<IxSelect v-model:value="addonAfter" style="width: 72px">
<IxSelectOption key="com" label=".com"></IxSelectOption>
<IxSelectOption key="cn" label=".cn"></IxSelectOption>
</IxSelect>
</template>
</IxInput>
<IxInput v-model:value="value">
<template #addonBefore><IxIcon name="user" /></template>
<template #addonAfter><IxIcon name="setting" /></template>
</IxInput>
</IxSpace>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const value = ref('my site')
const addonBefore = ref('https')
const addonAfter = ref('com')
</script>