react-app-shell/activity/src/public/css/main.less

react打包脚本和example, 这里的版本请忽略

:global {
    html,
    body {
        height: 100%;
        -webkit-tap-highlight-color: transparent;
        background-color: #fff;
    }

    #root {
        height: 100%;
        // display: flex;
        // flex-direction: row;
        > div {
            height: 100%;
        }
    }

    // 清除浮动
    .clearfix:after {
        content: "";
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both;
    }

    .clearfix {
        zoom: 1;
    }
    .am-toast {
        font-size: 32px;
    }
    .am-toast-text {
        // min-width: 450px !important;
    }
    .am-toast.am-toast-mask {
        position: fixed;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }
    .am-toast-notice-content .am-toast-text {
        min-width: 200px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    // course 固定导航栏
    .hears-bar-wrap-fixed {
        max-width: 750px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 4;
        margin: 0 auto;
    }

}