+

liuyg

2022-01-20 eb6be7e76f6d12ebbc5a552a6fe67e9a79758cb4

 src/styles/entitys/text-entitys.scss

@@ -1,32 +1,20 @@
.tag-entitys-box {
$imgsize: 25px;

.mobiletag-entitys-box {
    // 手机地图点  勿删
    height: 28px;
    // border: 1px solid red;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .tag-content {
        // display: inline;
        // height: 20px;
        // line-height: 20px;
        // border: #FFFFFF solid 1px;
        // padding: 1px 4px 1px 4px;
        // color: #FFFFFF;
        // text-align: center;
        // background-color: #cc0000;
        // border-radius: 4px;
        // box-shadow: 2px 2px 10px white;
        font-size: 1.1rem;
        font-weight: 900;
        color: red;
        -webkit-text-stroke-color: #fff;
        -webkit-text-stroke-width: 0.6px;
    }
    $imgsize: 30px;
    .tag-angle-content {
        // height: 9px;
        // text-align: center;
        // margin: -6px 26px 0px 10px;
        width: $imgsize;
        height: $imgsize;
        img {
@@ -35,8 +23,79 @@
        }
    }
}
.mobiletag-entitys-box-pink {
    // 手机地图点  勿删  粉色
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .tag-content {
        font-size: 1.1rem;
        font-weight: 900;
        color: #fe77fe;
        -webkit-text-stroke-color: #fff;
        -webkit-text-stroke-width: 0.6px;
    }
    .tag-angle-content {
        width: $imgsize;
        height: $imgsize;
        img {
            width: 100%;
            height: 100%;
        }
    }
}
.tag-entitys-box {
    margin-left: 24px;
    margin-bottom: 44px;
    height: 28px;

    .tag-content {
        display: inline;
        height: 20px;
        line-height: 20px;
        border: #ffffff solid 1px;
        padding: 1px 4px 1px 4px;
        color: #ffffff;
        text-align: center;
        background-color: #cc0000;
        border-radius: 4px;
        box-shadow: 2px 2px 10px white;
        font-size: 0.875rem;
    }

    .tag-angle-content {
        height: 9px;
        text-align: center;
        margin: -6px 26px 0px 10px;
    }
}

.point-entitys-box {
    width: 72px;
    height: 64px;

    .point-logo {
        height: 40px;
        text-align: center;
        img {
            height: 40px;
        }
    }

    .point-title {
        font-weight: 700;
        text-align: center;
        color: red;
        line-height: 24px;
    }
}

.way-entitys-box {
    margin-left: 8px;
    margin-bottom: 136px;

    .way-title {
        border: white 1px solid;
        padding-left: 2px;
@@ -56,6 +115,8 @@
}

.park-entitys-box {
    margin-bottom: 26px;

    .park-title {
        position: relative;
        left: -8px;
@@ -75,3 +136,41 @@
        background: transparent;
    }
}

.monitor-entitys-box {
    height: 40px;
}


.scene-entitys-box {
    text-align: center;

    div {
        line-height: 24px;
        text-align: center;
        font-weight: 700;
        color: #009bff;
        text-shadow: 0 0 2px #fff;
    }

    img {
        height: 40px;
    }
}


.monitor-entitys-box {
    text-align: center;

    div {
        line-height: 24px;
        text-align: center;
        font-weight: 700;
        color: #009bff;
        text-shadow: 0 0 2px #fff;
    }

    img {
        height: 40px;
    }
}