antd css 兼容

@import "~antd/lib/style/themes/default.less";
@import '../common.less';
@gc:#86bc25;
@bc:#0097a9;
@cwidth:30%;
:global{
    .ant-tabs-tab{
        font-size: 16px;
    }
    .ant-list-pagination a{
        font-size: 16px;
    }
}
.listTabs{

    :global{
        .ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-nav .ant-tabs-tab:hover{
            color: #559bbe;
            border-color: #559bbe;
        }
        .ant-tabs-ink-bar{
            background-color: #559bbe
        }
        a{
             color: #559bbe !important;
             font-size: 16px;
        }
        
    }
}
.listMain{
    :global {
        .ant-col-10{
            padding-left: 0 !important;
        }
        .common-d{
            position: relative;
            margin-top: 3px;
            text-align: center;
            overflow: hidden;
            min-width: 55px;
        }
        .ant-list .ant-avatar{
            border-radius: 0;
        }
        .common-d .up,.common-d span{
            color: @gc;
            text-align: center
        }
        .centerD{
            position: absolute;
            left: 50%;
            top:50%;
            overflow: hidden;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
      
        .common-d div{
            // float: left;
            display: inline-block;
        }
        .common-d div:first-child{
            font-size: 16px;
        }
        .common-d .up img{
            display: inline-block;
            width: 10px;
        }
        .ant-tabs-nav-scroll{
            text-align: center;
        }
        .ant-list-item-meta{
            padding: 0 10px;
            font-size: 16px;
        }
        .ant-list-item-meta-avatar span{
            width: 120px;
            height: 100%;
        }
        .ant-list-item-meta-description{
            font-size: 16px;
        }
        .ant-list-pagination{
            margin-top:10px;
            margin-right: 10px;
        }
        .div-cir{
            position: absolute;
            left: 50%;
            top:50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
        .div-cir img{
            width: 50%;
            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                width: 50%;
            } 
            margin-top:5%;
        }
        // .ant-tabs-nav .ant-tabs-tab-active{
        //     border-bottom: 2px solid #1890ff;
        //     transition: all 0.3s ease-in-out;
            
        // }
        // .ant-tabs-nav-animated .ant-tabs-ink-bar-animated{
        //     display: none !important;
        // }
    }   
}
.a16{
    font-size: 12px;
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* IE10+ CSS styles go here */
      font-size: 16px;
    } 
}
.cirD{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    -webkit-transform: translate(-50%, -60%);
    width: 26%;
    border: 5px solid #84c3e3;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    height: 0;
    padding-bottom: 23.2%;
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        padding-bottom: 23%;
        border: 7px solid #84c3e3;
    }  
    margin-top: 4%;
}
.dtitle{
    margin: 8px;
    color:#3a3a3a;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3)
}
.dtitleDiv{
    padding-bottom: 2px;
    margin-bottom: -2px;
    padding-left: 10px;
    border-bottom: 3px solid #3a3a3a;
    width: 6.5rem;
    font-weight: 500;
    text-align: left;
    font-size: 16px !important;
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {//IE浏览器
        font-weight: 650;
        font-size: 18px !important;
         width: 7.5rem;
    }  
}

.venue{
    text-align: right;
    color: rgba(0,0,0,0.3);
    font-size: 13px;
    overflow: hidden;
    max-height: 2.5rem;
    padding-right:5px;
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        font-size: 16px;
    }  
}
.industryDtitleDiv{
    width: 9rem;
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    width: 10.5rem;}

}
.dtitleIndex{
    color: #585855;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 5px
}
.gc{
    color: @gc
}
.addIcon{
    color:#000;
    margin-top: 50px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 2%;
    font-size: 16px;
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      font-size: 16px;
  } 
}
.addIcon i , .eventsAdd{
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    font-size: 16px;
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      font-size: 16px;
    } 
    margin-right: 5px;

}
.flexF{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  flex: auto;
  overflow:auto;
//   @media screen and (min-width:1920px){
//     font-size: 16px;
//   }
}
.flexF .firstCharts{
    overflow: auto;
    flex: 2.6 !important;
}
.flexF .flexC{
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.3);
    overflow: hidden;
    flex: 2;
    margin-bottom: 5px;
    border-radius: 5px;
}
.flexF .flexC:last-child{
    margin-bottom: 0;}
@supports (-ms-ime-align: auto) {//兼容EDge  
    .dtitleDiv{
        font-weight: 650;
        font-size: 18px !important;
        width: 7.5rem;  
    }
    .venue{
        font-size: 16px;
    }
    .industryDtitleDiv{
        width: 10.5rem;
    }
    .addIcon{
        font-size: 16px;
    }
    .addIcon i , .eventsAdd{
        font-size: 16px;
    }
    .ant-message{
        font-size: 16px;
    }
    .div-cir img{
        width: 35px;
    }
    .cirD{
        padding-bottom: 23%;
        border: 7px solid #84c3e3;
    }
}

// 兼容1366分辨率
@media screen and (max-width: 1440px) {
  .dtitle{
    margin: 4px;
}
  .cirD{
    width: 20%;
    padding-bottom: 16.2%;
    border: 5px solid #84c3e3;
 }
 .addIcon{
     font-size:14px;
 }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值