uni-app开发多终端项目公共样式库

2018-12-25  本文已影响0人  郝艳峰Vip

前沿

使用D-Cloud,uni-App开发多终端app,h5,小程序,可以满足一套代码多端适配,再开发过程中,小编总结了自己的一套样式库。

@font-face {
    font-family: uniicons;
    font-weight: normal;
    font-style: normal;
    src: url('https://img-cdn-qiniu.dcloud.net.cn/fonts/uni.ttf') format('truetype');
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.W100 {
    width: 100%;
}

.H100 {
    height: 100%;
}

.Bai100 {
    width: 100%;
    height: 100%;
}

.PR {
    position: relative;
}

.PA {
    position: absolute;
}

.PF {
    position: fixed;
}

.TL {
    text-align: left;
}

.TC {
    text-align: center;
}

.TR {
    text-align: right;
}

.F12 {
    font-size: 24upx;
}

.F14 {
    font-size: 28upx;
}

.F16 {
    font-size: 32upx;
}

.F18 {
    font-size: 36upx;
}

.F20 {
    font-size: 40upx;
}

.F24 {
    font-size: 48upx;
}

.CorW {
    color: #FFFFFF;
}

.CorB {
    color: #000000;
}

.BGCorW {
    background: #FFFFFF;
}

.HomeColor {
    color: #ff6700;
}

.HomeBackColor {
    background-color: #ff6700;
}

.ButtonHoverColor {
    background-color: #D3D3D3;
}

.Centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.uni-list-cell-hover {
    background-color: #eee;
}
.CustomHidden{
    display: none;
}


上一篇 下一篇

猜你喜欢

热点阅读