|
|
- <template>
- <view class="address"
- @click.stop="openLocation(latitude, longitude)"
- v-if="address">
- <uv-icon size="30rpx" name="map"
- color="#5baaff"></uv-icon>
- <view class="text-ellipsis">
- {{ address }}
- </view>
- </view>
- </template>
-
- <script>
- export default {
- props : ['latitude', 'longitude', 'address'],
- data() {
- return {
-
- }
- },
- methods: {
-
- }
- }
- </script>
-
- <style scoped lang="scss">
- .address {
- font-size: 24rpx;
- margin: 20rpx 0;
- display: flex;
- align-items: center;
- background-color: rgba($uni-color, 0.2);
- color: $uni-color;
- padding: 10rpx 20rpx;
- width: fit-content;
- border-radius: 40rpx;
- max-width: calc(100% - 40rpx);
- }
- </style>
|