| | |
| | | </swiper> |
| | | <view class="popup-body"> |
| | | <text class="popup-title">{{ activeStore.name ||'' }}</text> |
| | | <view class="point-tips"> |
| | | <view class="point-tips-item" v-for="(tag, idx) in activeStore.locationTagNames" :key="idx">{{ tag }}</view> |
| | | </view> |
| | | <text class="popup-hours">{{ activeStore.time ||'' }}</text> |
| | | <text class="popup-desc" v-if="activeStore.content">{{ activeStore.content ||'' }}</text> |
| | | <view class="popup-address-row" @click="openNavigation"> |
| | |
| | | longitude: this.longitude, |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | if (res.data.locationTagNames) { |
| | | res.data.locationTagNames = res.data.locationTagNames.split(',') |
| | | } |
| | | this.activeStore = res.data |
| | | } |
| | | }) |
| | |
| | | gap: 18rpx; |
| | | } |
| | | |
| | | .point-tips { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-top: 12rpx; |
| | | .point-tips-item { |
| | | width: 116rpx; |
| | | height: 36rpx; |
| | | line-height: 36rpx; |
| | | text-align: center; |
| | | border-radius: 8rpx; |
| | | font-weight: 400; |
| | | font-size: 20rpx; |
| | | color: #10B2FA; |
| | | margin-right: 12rpx; |
| | | border: 1rpx solid #10B2FA; |
| | | } |
| | | } |
| | | |
| | | .search-box { |
| | | flex: 1; |
| | | height: 72rpx; |