<template>
  <div class="co-flex co-ac selectDiv co-select">
    <div class="co-f1">
      请选择
    </div> 
    <div>></div>   
    <select name="" selectedindex="0">
      <option value="1">请选择</option>
      <option v-for="option in options" value="option.value">{{option.label}}</option>
    </select>
  </div>
</template>

<script>
/**
 * co-select
 * @module components/select
 * @desc 选择框
 * @param {arry} [optionList] - 绑定值，支持双向绑定
 * @param {slot} - 显示内容
 *
 * @example
 * <co-select v-model="optionList"></co-select>
 */
export default {
  name: 'co-switch',

  props: {
    options: {
      type: Array,
      required: true
    }
  },
  computed: {
  }
};
</script>

<style lang="css">
  @import "../../../src/style/var-ios9.css";
  .selectDiv {
      min-height: 2em;
      padding: 0.1em 0.3em;
  }
  .selectDiv select {
      left: 0;
      top: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      -webkit-appearance: none;
      border: 0;
  }
  .co-flex{
    display: flex;
    display: -webkit-flex
  }
  .co-ac{
    align-items: center;
    -webkit-align-items:center;
  }
  .co-f1{
    flex:1;
    -webkit-flex:1;
    position:relative;
  }
</style>
