<template>
  <div class="component-container">
    <div style="margin-bottom: 15px">{{ value1 }}</div>
    <lu-drag-select style="width:500px;" v-model="value1">
      <lu-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      />
    </lu-drag-select>
    <!-- <countTo></countTo> -->
  </div>
</template>

<script>
// import countTo from '@/packages/lu/lu-count-to'
export default {
  // components: {
  //   countTo
  // },
  data() {
    return {
      value1: ["苹果", "香蕉", "橙子"],
      options: [
        {
          value: "苹果",
          label: "苹果"
        },
        {
          value: "香蕉",
          label: "香蕉"
        },
        {
          value: "橙子",
          label: "橙子"
        },
        {
          value: "桃子",
          label: "桃子"
        },
        {
          value: "草莓",
          label: "草莓"
        }
      ]
    };
  }
};
</script>

<style lang="stylus">
.component-container {
  min-height: calc(100% - 60px);
  background: #fff;
  padding: 24px 40px;
}
</style>
