LxtalkUIView/web12345-pageView/src/less/app.main.less

/* 设置滚动条的样式 */::-webkit-scrollbar { width: 6px;}
/* 滚动槽 */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #FFFFFF; border-radius: 3px;}
/* 滚动条滑块 */::-webkit-scrollbar-thumb { border-radius: 3px; background: #ccc; -webkit-box-shadow: inset 0 0 6px transparent;}::-webkit-scrollbar-thumb:window-inactive { background: transparent;}

body {
    height: 100%;
    width: 100%;
}

.pageView {
    ::-webkit-scrollbar { width: 6px;}
    margin: 15px 5% 50px;
    font-family: "微软雅黑","宋体";
    font-size: 12px;
    #title {
        margin-left: 10px;
        font-size: 15px;
        font-weight: bold;
    }
    #content {
        >p {
            font-weight: bold;
        }
        span {
            font-weight: normal;
        }
        .font-13 {
            font-size: 13px;
        }
        .font-14 {
            font-size: 14px;
        }
        #imgpreview {
            padding: 0px;
            max-width: 100%;
            white-space: normal;
            .thumbnail {
                display: inline-block;
                margin: 2px 0px;
                padding: 3px;
                &.img-pc {
                    max-width: 250px;
                }
            }
            .one {
                width: 100%;
            }
            .two {
                width: 50%;
            }
            .three {
                width: 32.5%;
            }
        }
        .text-map {
            width: 100%;
            height: 205px;
            margin-top: 2px;
            padding: 2px 5px;
            background-color: #FFF;
            color: #444;
            border: 1px solid #ddd;
            font-weight: 500;
            &:focus {
                outline: none;
                border: 1px solid #5bc0de;
            }
        }
        #result {
            width: 100%;
            padding: 2px 0px; 
            border: none;
            outline: none;
            box-shadow: none;
            border-radius: 0px;
            color: #000;
        }
        .cover-white {
            height:20px;
            width:20px;
            font-size: 14px;
            background-color: #FFF;
            color: #3FA1E6;
            float: right;
            padding: 3px 3px 0px 0px;
            margin-top: -22px;
        }
    }
    .viewModal {
        overflow: hidden;
        top: 0px;
        margin: 0px;
        padding: 0px 3px !important;
        width: 100%;
        height: 100%;
        .thumbnail {
            padding: 0px;
            padding-top: 20px;
            text-align: center;
            cursor: move;
            width: 100%;
            height: 100%;
            background-color: transparent;
            border: none;
            border-radius: 0px;
            >img {
                max-width: 70%;
                max-height: 97%;
                cursor: default;
            }
        }
    }
    .phone {
        background-color: #000;
        .thumbnail {
            background-color: #000;
            >img {
                max-width: 100%;
                max-height: 97%;
            }
        }
        .width-Img {
            margin-top: 30%;
        }
    }
}

#container {
    height: 200px;
}

.amap-geolocation-con {
    z-index: 999 !important;
}

.amap-logo {
    right: 0 !important;
    left: auto !important;
    display: none;
}

.amap-copyright {
    right: 70px !important;
    left: auto !important;
}