1

mayisheng

2022-08-15 81f54040c2cb65537c6c6e1db8358a39a57dea0d

 src/styles/entitys/text-entitys.scss

@@ -1,34 +1,25 @@
.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 {
            width: 100%;
            height: 100%;
@@ -36,7 +27,80 @@
    }
}

.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 {
    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 {

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

.park-entitys-box {

    .park-title {
        position: relative;
        left: -8px;
@@ -65,8 +130,14 @@
    }

    .park-sign-box {
        width: 22;
        text-align: center;

        &>div:first-child {
            img {
                width: 22px;
                height: 22px;
            }
        }
    }
}

@@ -75,3 +146,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: #0054d3;
        text-shadow: 0 0 2px #fff;
    }

    img {
        height: 40px;
    }
}


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

    div {
        line-height: 10px;
        text-align: center;
        font-weight: 700;
        color: #0054d3;
        text-shadow: 0 0 2px #fff;
    }

    img {
        height: 40px;
    }
}