<template>
<view class="suspension-frame-conatiner">
<view v-if="mode === 0" class="suspension-frame-item" @click="handleMapRightAction('list')">
<image class="action-item-icon" src="/static/common/action_list.png"></image>
</view>
<view v-if="mode === 1" class="suspension-frame-item" @click="handleMapRightAction('map')">
<image class="action-item-icon" src="/static/common/action_map.png"></image>
</view>
<view class="suspension-frame-item suspension-border-top" @click="handleMapRightAction('fav')">
<image class="action-item-icon" src="/static/common/action_fav.png"></image>
</view>
<view v-if="mode === 0" class="suspension-frame-item suspension-border-top"
@click="handleMapRightAction('location')">
<image class="action-item-icon" src="/static/common/action_locition.png"></image>
</view>
</view>
</template>
<style lang="scss">
.suspension-frame-conatiner{
background-color: #FFFFFF;
box-shadow: 0px 2rpx 10rpx 1px rgba(7, 22, 57, 0.2);
border-radius: 12rpx;
padding-left: 12rpx;
padding-right: 12rpx;
}
</style>