<template>
  <div class="demo-input-group-basic">
    <ui-input-group>
      <ui-col span="4">
        <ui-select :options="areas"></ui-select>
      </ui-col>
      <ui-col span="12">
        <ui-input></ui-input>
      </ui-col>
    </ui-input-group>
  </div>
</template>

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

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