图片及部分样式更改

shuishen

2021-12-24 95a1c8ca00f42eb9887b7bc04661595bd7ff518b

 src/components/leftNav/index.vue

@@ -14,7 +14,7 @@

<script>

import { getAEDkList, getParkList, getComeList, getSceneList, getTagList } from '@/api/pc/leftNav/index'
import { getAEDkList, getParkList, getComeList, getSceneList, getWayList, getTagList } from '@/api/pc/leftNav/index'

export default {
    name: 'leftNav',
@@ -46,22 +46,22 @@
                    checked: '/img/leftnav/scene-checked.png',
                    layer: 'sceneLayer'
                },
                {
                    flag: false,
                    label: '监控',
                    img: '/img/leftnav/monitor.png',
                    normal: '/img/leftnav/monitor.png',
                    checked: '/img/leftnav/monitor-checked.png',
                    layer: 'sceneLayer'
                },
                {
                    flag: false,
                    label: '活动',
                    img: '/img/leftnav/activity.png',
                    normal: '/img/leftnav/activity.png',
                    checked: '/img/leftnav/activity-checked.png',
                    layer: 'activityLayer'
                },
                // {
                //     flag: false,
                //     label: '监控',
                //     img: '/img/leftnav/monitor.png',
                //     normal: '/img/leftnav/monitor.png',
                //     checked: '/img/leftnav/monitor-checked.png',
                //     layer: 'sceneLayer'
                // },
                // {
                //     flag: false,
                //     label: '活动',
                //     img: '/img/leftnav/activity.png',
                //     normal: '/img/leftnav/activity.png',
                //     checked: '/img/leftnav/activity-checked.png',
                //     layer: 'activityLayer'
                // },
                {
                    flag: false,
                    label: 'AED',
@@ -163,14 +163,14 @@
                this.tagLayer.show = false
            })

            const positions2 = this.generatePosition(5)
            positions2.forEach((item, index) => {
            getWayList().then(res => {
                res.data.data.forEach(item => {
                const divIcon = new this.DC.DivIcon(
                    item,
                        new that.DC.Position(Number(item.jd), Number(item.wd), 0),
                    `
                        <div  class="way-entitys-box">
                            <div  class="way-title" style="border: white 1px solid; padding-left: 2px;font-size: 12px; background: #0066ff;  width: 12px;line-height: 13px; padding:2px 1px 2px 1px; color:white;">
                                工建街
                                 ${item.roadname}
                            </div>
                            <div  class="way-sign-box">
                                <img src="https://map.hit.edu.cn/images/roadsign3.png">
@@ -179,6 +179,8 @@
                    `
                )
                this.wayLayer.addOverlay(divIcon)
                })
                this.wayLayer.show = false
            })

            getSceneList().then(res => {
@@ -267,11 +269,16 @@
<style scoped lang='scss'>
.left-nav {
    position: fixed;
    top: 15%;
    right: 6%;
    top: 100px;
    right: 20px;
    // bottom: 20px;
    // left: 0;
    z-index: 1;
    ul {
        // display: flex;
    li {
        margin-bottom: 8px;
            // margin: 0 8px;
            margin-bottom: 12px;
        font-weight: 400;
        display: block;
        width: 98px;
@@ -303,4 +310,5 @@
        }
    }
}
}
</style>