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;
}