style.less 989 Bytes
Newer Older
xuchaozou's avatar
xuchaozou committed
1 2 3 4 5 6 7 8 9
@imageRoot : "@/assets/images/soundAi/";

.getImage(@imageName) {
    background: url("@{imageRoot}/@{imageName}") no-repeat center center;
    background-size: 100% 100%;
}


.container {
xuchaozou's avatar
xuchaozou committed
10
    position: absolute;
xuchaozou's avatar
xuchaozou committed
11 12
    right: 0px;
    bottom: 150px;
xuchaozou's avatar
xuchaozou committed
13
    z-index: 9999;
xuchaozou's avatar
xuchaozou committed
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

    .content {
        position: relative;
        .tipImage{
            position: absolute;
            right: 55px;
            top: 50%;
            transform: translateY(-50%);
            width: 167px;
            height: 66px;
            .getImage("气泡框.png");
            display: flex;
            justify-content: center;
            align-items: center;
            span {
                display: flex;
                height: 68%;
                width: 68%;
                font-size: 13px;
                color: #fff;
            }
        }
        .image {
            width: 65px;
            height: 108px;

            &:hover {
                cursor: pointer;
            }
xuchaozou's avatar
xuchaozou committed
43 44
        }
    }
xuchaozou's avatar
xuchaozou committed
45

xuchaozou's avatar
xuchaozou committed
46
}