样式调整

shuishen

2022-02-09 35298bdcd712499f2066c0e80d37acc96c1d2a63

 src/pcviews/tool/ranging.vue

@@ -7,10 +7,10 @@
 */

<template>
    <div class="tool-ranging">
    <div class="tool-ranging" ref="toolRangingBox">
        <div class="header" @mousedown="move" :class="{ move: moveFlag }">
            <div class="title">
                <img class="icon deblurring" src="/img/icon/dtcj.png" alt />
                <img class="icon deblurring" src="/img/icon/tool-ranging.png" alt />
                <span>地图测距</span>
            </div>
            <img class="close" src="/img/navicon/close.png" alt @click="closeModel" />
@@ -27,6 +27,11 @@
import { mapGetters } from 'vuex'

export default {
    data () {
        return {
            moveFlag: false
        }
    },
    computed: {
        ...mapGetters(['viewer'])
    },
@@ -34,7 +39,7 @@
    methods: {
        move (e) {
            const that = this
            const odiv = this.$refs.publicOrgNavBar // 获取目标元素
            const odiv = this.$refs.toolRangingBox // 获取目标元素
            // 算出鼠标相对元素的位置
            const disX = e.clientX - odiv.offsetLeft
            const disY = e.clientY - odiv.offsetTop
@@ -96,5 +101,7 @@
}
</script>

<style>
<style lang="sass" scoped>
.move
    cursor: move
</style>