index.vue 873 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <view class="wrap">
  3. <u-navbar :is-back='false' :border-bottom="false" :background="{ background: '#008CFF' }" title=""></u-navbar>
  4. <view class="header-bar">
  5. <view class="city">
  6. {{city}}<u-icon name="arrow-down" color="#fff" size="32"></u-icon>
  7. </view>
  8. <u-search placeholder="搜索发票、停车场" :show-action="false" v-model="keyword"></u-search>
  9. <u-icon class="scan" name="scan" color="#fff" size="48"></u-icon>
  10. </view>
  11. <u-swiper :list="bannerList"></u-swiper>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. data() {
  17. return {
  18. city: '贵阳市',
  19. keyword:'',
  20. bannerList:[
  21. {image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',title: '昨夜星辰昨夜风,画楼西畔桂堂东'}
  22. ]
  23. }
  24. },
  25. onLoad() {
  26. },
  27. methods: {
  28. }
  29. }
  30. </script>
  31. <style lang="scss" scoped>
  32. @import "./index.scss";
  33. </style>