| | |
| | | :class="{ active: currentDropdown === item.key }" |
| | | @click="toggleDropdown(item.key)" |
| | | > |
| | | <text>{{ filterLabels[item.key] }}</text> |
| | | <text :class="{ 'filter-text-bold': isFilterBold(item.key) }">{{ filterLabels[item.key] }}</text> |
| | | <image :src="currentDropdown === item.key ? '/static/icon/ar_open_sel@2x.png' : '/static/icon/ar_open1@2x.png'" mode="widthFix"></image> |
| | | </view> |
| | | </view> |
| | |
| | | <image src="/static/icon/home_ic_location3@2x.png" mode="widthFix"></image> |
| | | <text>{{ item.address ||''}}</text> |
| | | </view> |
| | | <text class="point-time">{{ item.time||'' }}</text> |
| | | <text class="point-time">{{ item.time|| '' }}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | this.getNearbyShopList() |
| | | }, |
| | | methods: { |
| | | isFilterBold(key) { |
| | | if (key === 'sortType') { |
| | | return true |
| | | } |
| | | const label = this.filterLabels[key] |
| | | if (key === 'distance') { |
| | | return label !== '位置范围' |
| | | } else if (key === 'businessType') { |
| | | return label !== '营业时间' |
| | | } |
| | | return false |
| | | }, |
| | | handleSearch() { |
| | | this.page = 1 |
| | | this.pointList = [] |
| | |
| | | .filter-item.active { |
| | | color: #222222; |
| | | } |
| | | |
| | | |
| | | .filter-text-bold { |
| | | font-weight: 700; |
| | | color: #000000; |
| | | } |
| | | |
| | | .card-list { |
| | | padding: 30rpx; |
| | | box-sizing: border-box; |