meSearch.vue 624 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div class="me_search">
  3. <input type="text" placeholder="请输入搜索内容">
  4. </div>
  5. </template>
  6. <script>
  7. import '~/assets/a.scss' // 引入
  8. export default{
  9. }
  10. </script>
  11. <style>
  12. .me_search{
  13. width: 100%;
  14. height: 4rem;
  15. line-height: 4rem;
  16. background-color: #F8F9FA;
  17. }
  18. .me_search input{
  19. width: 100%;
  20. height: 3rem;
  21. border-radius: 50px;
  22. border: none;
  23. padding: 0 16px;
  24. background-image: url(/_nuxt/static/img/search.png);
  25. background-repeat: no-repeat;
  26. background-position: 15px center;
  27. background-size: 16px;
  28. padding-left: 40px;
  29. color: #202020;
  30. outline: none;
  31. }
  32. </style>