警员警车鼠标移入提示框

guanqb

2023-03-02 b520e8aaaff455b96c63e7f903dc17b9cbaacf92

 src/components/map/components/activityPolicePopup.vue

@@ -14,9 +14,28 @@
            <div style="transform: translate(-50%, 0);">
                <!-- 样式自己修改 -->
                <div class="content" :class="{ 'scale-dom': scaleDomFlag }">
                    5464564556555
                    <br>
                    5566556565656
                    <div class="data-box" v-if="activityPolicePopupData.label !='none'">
                          <div class="line">
                            <div class="name">警车编号：</div>
                            <div class="value">{{ activityPolicePopupData.label }}</div>
                          </div>
                          <div class="line">
                            <div class="name">警车型号：</div>
                            <div class="value"> {{ activityPolicePopupData.carType }}</div>
                          </div>
                    </div>
                  
                    <div class="data-box" v-if="activityPolicePopupData.policeStationName !='none'">
                          <div class="line">
                            <div class="name">所属派出所：</div>
                            <div class="value">{{ activityPolicePopupData.policeStationName }}</div>
                          </div>
                          <div class="line">
                            <div class="name">警员姓名：</div>
                            <div class="value"> {{ activityPolicePopupData.policeData.name}}</div>
                          </div>
                    </div>
                   
                </div>
            </div>
        </div>
@@ -39,7 +58,8 @@

    computed: {
        ...mapGetters([
            'activityPolicePopup'
            'activityPolicePopup',
            'activityPolicePopupData'
        ])
    },

@@ -72,10 +92,24 @@
    }

    .content {
        width: 320px;
        height: 480px;
        width: 200px;
        height: 60px;
        background: $bg-color;
        border-radius: 10px;
        border-radius: 4px;
        color: #fff;

        .data-box{
            padding: 10px;
            .line {
                display: flex;
                justify-self: start;
            .name{
                width: 90px;
                text-align: justify;
            }
        }
    }
        }
        
}
</style>