瑶都万能墙
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.

39 lines
683 B

7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
  1. <template>
  2. <view class="address"
  3. @click.stop="openLocation(latitude, longitude)"
  4. v-if="address">
  5. <uv-icon size="30rpx" name="map"
  6. color="#5baaff"></uv-icon>
  7. <view class="text-ellipsis">
  8. {{ address }}
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. props : ['latitude', 'longitude', 'address'],
  15. data() {
  16. return {
  17. }
  18. },
  19. methods: {
  20. }
  21. }
  22. </script>
  23. <style scoped lang="scss">
  24. .address {
  25. font-size: 24rpx;
  26. margin: 20rpx 0;
  27. display: flex;
  28. align-items: center;
  29. background-color: rgba($uni-color, 0.2);
  30. color: $uni-color;
  31. padding: 10rpx 20rpx;
  32. width: fit-content;
  33. border-radius: 40rpx;
  34. max-width: calc(100% - 40rpx);
  35. }
  36. </style>