江西小程序管理端
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.

58 lines
1.0 KiB

1 year ago
  1. <template>
  2. <view class="card">
  3. <view class="flex-b">
  4. <view class="left_text">
  5. <view class="adr ">江西省江西市江西区某某镇尚坤丁兰国际1190号820</view>
  6. <view class="distance">距您100km</view>
  7. </view>
  8. <view class="mapEntry">
  9. <view class="icon">
  10. <image src="@/static/images/index/mapIcon.png" mode=""></image>
  11. </view>
  12. <view class="text">地图导航</view>
  13. </view>
  14. </view>
  15. </view>
  16. </template>
  17. <script>
  18. </script>
  19. <style lang="scss" scoped>
  20. .card {
  21. padding: 24rpx;
  22. .flex-b {
  23. align-items: center;
  24. .left_text {
  25. flex: 1;
  26. .adr {
  27. font-size: 28rpx;
  28. color: #333333;
  29. font-weight: 500;
  30. }
  31. .distance {
  32. margin-top: 24rpx;
  33. color: #686B73;
  34. font-size: 24rpx;
  35. }
  36. }
  37. .mapEntry {
  38. width: 130rpx;
  39. display: flex;
  40. flex-direction: column;
  41. align-items: center;
  42. .icon {
  43. width: 32rpx;
  44. height: 32rpx;
  45. }
  46. .text {
  47. font-size: 24rpx;
  48. margin-top: 10rpx;
  49. color: $themC;
  50. }
  51. }
  52. }
  53. }
  54. </style>