<template>

        <div class='search flex items-center bg-app-dark-2 bg-opacity-30 text-sm px-3 py-1 rounded-3xl border border-app-blue-3 hover:border-app-blue-2'>
        <div class='search-input flex-grow'>
            <input type="text" class=" w-full bg-transparent" placeholder="输入项目名称/ID">
        </div>
        <app-icon  size="20px" class="flex-grow-0" color="#ffffff" type='search'></app-icon>
        </div>

</template>

<script lang="ts">
import Vue,{Component} from 'vue';
import { Icon } from 'ant-design-vue';

Vue.use(Icon)
const AppIcon = Icon.createFromIconfontCN({
  scriptUrl:'/iconfont.js'  // generated by iconfont.cn
});
export default Vue.extend({
  props: {

  },
  components:{
    'app-icon':AppIcon as Component
  }
});
</script>

