洛阳学员端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
922 B

10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
8 months ago
10 months ago
8 months ago
10 months ago
10 months ago
8 months ago
10 months ago
  1. <template>
  2. <view class="box">
  3. <view class="flex-b" @click="openMap">
  4. <view class="left_text">
  5. <view class="adr ">{{ info.schoolName}}</view>
  6. <view class="distance">{{ info.address }}</view>
  7. </view>
  8. <view class="mapEntry">
  9. <image src="@/static/images/icon/daohuang.png" mode=""></image>
  10. </view>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. props: ['info'],
  17. methods: {
  18. openMap() {
  19. this.$u.utils.openMap(this.info.lat,this.info.lng)
  20. }
  21. }
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. .box {
  26. padding: 24rpx;
  27. border-radius: 20rpx;
  28. background: #fff;
  29. .flex-b {
  30. align-items: center;
  31. .left_text {
  32. flex: 1;
  33. .adr {
  34. font-size: 28rpx;
  35. color: #333333;
  36. font-weight: 500;
  37. }
  38. .distance {
  39. margin-top: 18rpx;
  40. color: #999;
  41. font-size: 24rpx;
  42. }
  43. }
  44. .mapEntry {
  45. width: 55rpx;
  46. height: 55rpx;
  47. }
  48. }
  49. }
  50. </style>