<template>
  <div class="demo-input-group-compact">
    <ui-input-group compact>
      <ui-select
        :options="areas"
        style="width: 20%"></ui-select>
      <ui-input style="width: 60%"></ui-input>
      <ui-input
        style="width: 20%"
        value="禁止"
        disabled></ui-input>
    </ui-input-group>
  </div>
</template>

<script>
import { InputGroup, Input, Select } from "amumu-ui"
export default {
  components: {
    "ui-input-group": InputGroup,
    "ui-input": Input,
    "ui-select": Select,
  },
  data() {
    return {
      areas: [
        {
          label: "+86",
          value: "086",
        },
        {
          label: "+89",
          value: "089",
        },
      ],
    }
  },
}
</script>

<style lang="scss">
.demo-input-group-compact {
}
</style>
