<template>
  <div class="input-base">
    <hive-input
      placeholder="请输入网址"
      prefix="http://"
    />
    <hive-input placeholder="请输入网址">
      <template v-slot:prefix>
        {{ 'http://' }}
      </template>
    </hive-input>

    <hive-input
      placeholder="请输入网址"
      suffix=".com"
    />
    <hive-input placeholder="请输入网址">
      <template v-slot:suffix>
        {{ '.com' }}
      </template>
    </hive-input>
  </div>
</template>
