index.vue 728 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <u-search
  3. :action-style="{'background':'#4A8BFF','color':'#ffffff','width':'142rpx','border-radius':'35rpx', 'position':' absolute','right':'15rpx',' line-height':'64rpx','z-index':'10000000000'}"
  4. :placeholder="sear"
  5. @custom="subtext"
  6. v-model="keyword"
  7. @blur="blur"
  8. ></u-search>
  9. </template>
  10. <script>
  11. export default {
  12. props:{
  13. sear:{
  14. type:String,
  15. default:"搜索我的队友"
  16. }
  17. },
  18. data(){
  19. return {
  20. keyword:""
  21. }
  22. },
  23. methods:{
  24. subtext(val){
  25. this.$emit('serbtn',{"text":this.keyword})
  26. },
  27. blur(val){
  28. if(val) {
  29. this.$emit('serbtn',{"text":this.keyword})
  30. } else {
  31. this.$emit('serbtn',{"text":0})
  32. }
  33. }
  34. }
  35. }
  36. </script>
  37. <style>
  38. </style>