fes.js/packages/fes-doc/docs/ui/templates/input/8.md

---
layout: templateLayout
---
```vue
<template>
    <Wb-input v-model="text1" placeholder="请输入网址">
        <span slot="prepend">http://</span>
        <span slot="append">.com</span>
    </Wb-input>
    <Wb-input v-model="text2" placeholder="日活">
        <span slot="prepend">http://</span>
        <span slot="append"><Icon type="md-search"></Icon></span>
    </Wb-input>
</template>
<script>
export default {
    data(){
        return {
            text1: '',
            text2: '',
        }
    }
}
</script>
```