+样式

liuyg

2021-12-23 3063e55a3ce855f36654b19b8db90b0ad161404b

 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,7 +23,52 @@
        }
    }
}
.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;
    }
}
.way-entitys-box {
    .way-title {
        border: white 1px solid;