map.wxml 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <scroll-view style="height: {{height}}px; background-color : #f3f3f3" scroll-y="true">
  2. <view class="head">
  3. <!-- 左边的logo和文字 -->
  4. <view class="left-logo">
  5. <view href="https://www.cqna.gov.cn/" target="_blank">
  6. <image class="logo-img" src="{{imgUrl}}/map-logo.png"></image>
  7. </view>
  8. </view>
  9. <!-- 右边的搜索框 -->
  10. <view href="http://www.cqna.gov.cn/vr/vr.html" target="_blank" class="right_logo">
  11. <image src="{{imgUrl}}/second-erw-3.png" alt="" class="first_erw"></image>
  12. </view>
  13. </view>
  14. <view class="main">
  15. <view class="top_search">
  16. <view class="input-icon">
  17. <input type="text" enterkeyhint="search" name="" id="" value="{{searchVal}}" bindinput="getSearchVal" class="inp" placeholder="请输入您要搜索的内容" />
  18. <image src="{{imgUrl}}/ss2.png" class="inp-icon1" bindtap="searchTap"></image>
  19. </view>
  20. </view>
  21. <view class="right-map" id="right-map">
  22. <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" show-location="true" markers="{{markers}}" bindmarkertap="makertap" class="map"></map>
  23. </view>
  24. <view wx:if="{{true}}">
  25. <view class="right-search" style="position: absolute; left: 22rpx; top: 257px; width: 708rpx; height: 300rpx; display: block; box-sizing: border-box; padding-top: 10rpx;">
  26. <t-tabs defaultValue="{{0}}" theme="tag" style="height: 292rpx; ">
  27. <t-tab-panel label="公交" value="0" style=" height: 180rpx; ">
  28. <include src="./quert"></include>
  29. </t-tab-panel>
  30. <t-tab-panel label="自驾" value="1">
  31. <include src="./quert"></include>
  32. </t-tab-panel>
  33. </t-tabs>
  34. </view>
  35. <view class="left-map">
  36. <view class="bttom-tab show-first">
  37. <t-grid wx:for="{{type}}" wx:index="{{index}}" wx:for-item="typeitem" wx:key="index" class="block">
  38. <t-grid-item bindtap="popview" wx:for="{{typeitem}}" data-index="{{index}}" wx:key="index2" data-id="{{item.id}}" wx:for-item="item" text="{{item.name}}" image="{{item.image}}" />
  39. </t-grid>
  40. </view>
  41. </view>
  42. </view>
  43. <view wx:else >
  44. <view class="wrap_result">
  45. <view class="title-second" style="border-radius: 30rpx; position: absolute; left: 22rpx; top: 330px; width: 708rpx; height: 120rpx;">
  46. <text style="font-size: 16px;font-weight: 400;color: #2775CC;">搜索结果</text>
  47. <button type="button" class="back_btn">返回</button>
  48. </view>
  49. <view class="pad_box">
  50. <include src="./item"></include>
  51. </view>
  52. </view>
  53. </view>
  54. </view>
  55. </scroll-view>
  56. <view class="popup-box" wx:if="{{showIndex}}" bindtap="closePopup"></view>
  57. <view class="info-bottom" wx:if="{{showIndex}}">
  58. <view class="row-info">
  59. <view class="pop-value">
  60. <scroll-view scroll-y="true" style="height:350rpx">
  61. <view style="width:50%;float: left;" wx:for="{{popData}}" bindtap="changeInfo" wx:for-item="item" data-name="{{item}}" wx:index="{{index}}" wx:key="index">
  62. <image src="{{imgUrl}}/flex.png" class="icon-pop" style="float: left;"></image>
  63. <text class="text-pop">{{item}}</text>
  64. </view>
  65. </scroll-view>
  66. </view>
  67. </view>
  68. </view>