uniapp笔记：free.css
Posted 流楚丶格念
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了uniapp笔记：free.css相关的知识，希望对你有一定的参考价值。
下载
https://download.csdn.net/download/weixin_45525272/79215977
代码
/* #ifndef APP-PLUS-NVUE */
/* scroll-view */
.scroll-row width: 100%;white-space: nowrap;
.scroll-row-item display: inline-block!important;
/* #endif */
/* 图标 */
.iconfont
font-family:iconfont;
.view,.text
font-size:28rpx;
line-height:1.8;
color:#0E151D;
/* 宽度 */
/* #ifndef APP-PLUS-NVUE */
.w-100 width: 100%;
/* #endif */
.row
margin-right: -20rpx;
margin-left: -20rpx;
/* #ifndef APP-PLUS-NVUE */
display: flex;
/* #endif */
flex-wrap: wrap;
flex-direction: row;
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12
position: relative;
padding-right: 20rpx;
padding-left: 20rpx;
.col-12 width: 750rpx;
.col-11 width: 687.5rpx;
.col-10 width: 625rpx;
.col-9 width: 562.5rpx;
.col-8 width: 500rpx;
.col-7 width: 437.5rpx;
.col-6 width: 375rpx;
.col-5 width: 312.5rpx;
.col-4 width: 250rpx;
.col-3 width: 187.5rpx;
.col-2 width: 125rpx;
.col-1 width: 62.5rpx;
.col-offset-12 margin-left: 750rpx;
.col-offset-11 margin-left: 687.5rpx;
.col-offset-10 margin-left: 625rpx;
.col-offset-9 margin-left: 562.5rpx;
.col-offset-8 margin-left: 500rpx;
.col-offset-7 margin-left: 437.5rpx;
.col-offset-6 margin-left: 375rpx;
.col-offset-5 margin-left: 312.5rpx;
.col-offset-4 margin-left: 250rpx;
.col-offset-3 margin-left: 187.5rpx;
.col-offset-2 margin-left: 125rpx;
.col-offset-1 margin-left: 62.5rpx;
.col-offset-0 margin-left: 0;
/* flex 布局 */
.flex
/* #ifndef APP-PLUS-NVUE */
display:flex;
/* #endif */
flex-direction:row;
.flex-row flex-direction:row!important;
.flex-column flex-direction:column!important;
.flex-row-reverse flex-direction:row-reverse!important;
.flex-column-reverse flex-direction:column-reverse!important;
.flex-wrap flex-wrap:wrap;
.flex-nowrap flex-wrap:nowrap;
.justify-startjustify-content:flex-start;
.justify-endjustify-content:flex-end;
.justify-betweenjustify-content:space-between;
.justify-centerjustify-content:center;
.align-center align-items: center;
.align-stretch align-items: stretch;
.align-start align-items: flex-start;
.align-end align-items: flex-end;
/* #ifndef APP-PLUS-NVUE */
.content-start align-content: flex-start;
.content-end align-content: flex-end;
.content-center align-content: center;
.content-between align-content: space-between;
.content-around align-content: space-around;
.content-stretch align-content: stretch;
/* #endif */
.flex-1 flex: 1;
.flex-2 flex: 2;
.flex-3 flex: 3;
.flex-4 flex: 4;
.flex-5 flex: 5;
/* #ifndef APP-PLUS-NVUE */
.flex-shrink flex-shrink: 0;
/* #endif */
.container
padding-right: 20rpx;
padding-left: 20rpx;
/* -- 内外边距 -- */
.m-0 margin: 0;
/* #ifndef APP-PLUS-NVUE */
.m-auto margin: auto;
/* #endif */
.m-1 margin: 10rpx;
.m-2 margin: 20rpx;
.m-3 margin: 30rpx;
.m-4 margin: 40rpx;
.m-5 margin: 50rpx;
.mt-0 margin-top: 0;
/* #ifndef APP-PLUS-NVUE */
.mt-auto margin-top: auto;
/* #endif */
.mt-1 margin-top: 10rpx;
.mt-2 margin-top: 20rpx;
.mt-3 margin-top: 30rpx;
.mt-4 margin-top: 40rpx;
.mt-5 margin-top: 50rpx;
.mb-0 margin-bottom: 0;
/* #ifndef APP-PLUS-NVUE */
.mb-auto margin-bottom: auto;
/* #endif */
.mb-1 margin-bottom: 10rpx;
.mb-2 margin-bottom: 20rpx;
.mb-3 margin-bottom: 30rpx;
.mb-4 margin-bottom: 40rpx;
.mb-5 margin-bottom: 50rpx;
.ml-0 margin-left: 0;
/* #ifndef APP-PLUS-NVUE */
.ml-auto margin-left: auto;
/* #endif */
.ml-1 margin-left: 10rpx;
.ml-2 margin-left: 20rpx;
.ml-3 margin-left: 30rpx;
.ml-4 margin-left: 40rpx;
.ml-5 margin-left: 50rpx;
.mr-0 margin-right: 0;
/* #ifndef APP-PLUS-NVUE */
.mr-auto margin-right: auto;
/* #endif */
.mr-1 margin-right: 10rpx;
.mr-2 margin-right: 20rpx;
.mr-3 margin-right: 30rpx;
.mr-4 margin-right: 40rpx;
.mr-5 margin-right: 50rpx;
.my-0 margin-top: 0; margin-bottom: 0;
/* #ifndef APP-PLUS-NVUE */
.my-auto margin-top: auto; margin-bottom: auto;
/* #endif */
.my-1 margin-top: 10rpx; margin-bottom: 10rpx;
.my-2 margin-top: 20rpx; margin-bottom: 20rpx;
.my-3 margin-top: 30rpx; margin-bottom: 30rpx;
.my-4 margin-top: 40rpx; margin-bottom: 40rpx;
.my-5 margin-top: 50rpx; margin-bottom: 50rpx;
.mx-0 margin-left: 0; margin-right: 0;
/* #ifndef APP-PLUS-NVUE */
.mx-auto margin-left: auto; margin-right: auto;
/* #endif */
.mx-1 margin-left: 10rpx; margin-right: 10rpx;
.mx-2 margin-left: 20rpx; margin-right: 20rpx;
.mx-3 margin-left: 30rpx; margin-right: 30rpx;
.mx-4 margin-left: 40rpx; margin-right: 40rpx;
.mx-5 margin-left: 50rpx; margin-right: 50rpx;
.p-0 padding: 0;
.p padding: 5rpx;
.p-1 padding: 10rpx;
.p-2 padding: 20rpx;
.p-3 padding: 30rpx;
.p-4 padding: 40rpx;
.p-5 padding: 50rpx;
.pt-0 padding-top: 0;
.pt padding-top: 5rpx;
.pt-1 padding-top: 10rpx;
.pt-2 padding-top: 20rpx;
.pt-3 padding-top: 30rpx;
.pt-4 padding-top: 40rpx;
.pt-5 padding-top: 50rpx;
.pb-0 padding-bottom: 0;
.pb-1 padding-bottom: 10rpx;
.pb padding-bottom: 5rpx;
.pb-2 padding-bottom: 20rpx;
.pb-3 padding-bottom: 30rpx;
.pb-4 padding-bottom: 40rpx;
.pb-5 padding-bottom: 50rpx;
.pl-0 padding-left: 0;
.pl padding-left: 5rpx;
.pl-1 padding-left: 10rpx;
.pl-2 padding-left: 20rpx;
.pl-3 padding-left: 30rpx;
.pl-4 padding-left: 40rpx;
.pl-5 padding-left: 50rpx;
.pr-0 padding-right: 0;
.pr padding-right: 5rpx;
.pr-1 padding-right: 10rpx;
.pr-2 padding-right: 20rpx;
.pr-3 padding-right: 30rpx;
.pr-4 padding-right: 40rpx;
.pr-5 padding-right: 50rpx;
.py-0 padding-top: 0; padding-bottom: 0;
.py padding-top: 5rpx; padding-bottom: 5rpx;
.py-1 padding-top: 10rpx; padding-bottom: 10rpx;
.py-2 padding-top: 20rpx; padding-bottom: 20rpx;
.py-3 padding-top: 30rpx; padding-bottom: 30rpx;
.py-4 padding-top: 40rpx; padding-bottom: 40rpx;
.py-5 padding-top: 50rpx; padding-bottom: 50rpx;
.px-0 padding-left: 0; padding-right: 0;
.px-1 padding-left: 10rpx; padding-right: 10rpx;
.px padding-left: 5rpx; padding-right: 5rpx;
.px-2 padding-left: 20rpx; padding-right: 20rpx;
.px-3 padding-left: 30rpx; padding-right: 30rpx;
.px-4 padding-left: 40rpx; padding-right: 40rpx;
.px-5 padding-left: 50rpx; padding-right: 50rpx;
/* 文字大小 */
.font-smaller font-size: 15rpx;
.font-small font-size: 20rpx;
.font-sm font-size: 25rpx;
.font font-size: 30rpx;
.font-md font-size: 35rpx;
.font-lg font-size: 40rpx;
.h1font-size:80rpx; line-height:1.8;
.h2font-size:60rpx; line-height:1.8;
.h3font-size:45rpx; line-height:1.8;
.h4font-size:32rpx; line-height:1.8;
.h5font-size:30rpx; line-height:1.8;
.h6font-size:28rpx; line-height:1.8;
/* 文字缩进 */
/* #ifndef APP-PLUS-NVUE */
.text-indenttext-indent:2;
/* #endif */
/* 文字划线 */
.text-throughtext-decoration:line-through;
/* 文字对齐 */
.text-left text-align: left;
.text-right text-align: right;
.text-center text-align: center;
/* 文字换行溢出处理 */
.text-ellipsis
/* #ifndef APP-PLUS-NVUE */
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
/* #endif */
/* #ifdef APP-PLUS-NVUE */
lines: 1;
/* #endif */
/* 文字粗细和斜体 */
.font-weight-light font-weight: 300; /*细*/
.font-weight-lighter font-weight: 100;/*更细*/
.font-weight-normal font-weight: 400; /*正常*/
.font-weight-bold font-weight: 700; /*粗*/
.font-weight-bolder font-weight: bold; /*更粗*/
.font-italic font-style: italic; /*斜体*/
/* 文字颜色 */
.text-white color: #ffffff;
.text-primary color: #007bff;
.text-hover-primary color: #0056b3;
.text-secondary color: #6c757d;
.text-hover-secondary color: #494f54;
.text-success color: #28a745;
.text-hover-successcolor: #19692c;
.text-info color: #17a2b8;
.text-hover-info color: #0f6674;
.text-warning color: #ffc107;
.text-hover-warning color: #ba8b00;
.text-danger color: #dc3545;
.text-hover-danger color: #a71d2a;
.text-light color: #f8f9fa;
.text-hover-light color: #cbd3da;
.text-dark color: #343a40;
.text-hover-dark color: #121416;
.text-body color: #212529;
.text-muted color: #6c757d;
/* 浅灰色 */
.text-light-muted color: #A9A5A0;
.text-light-black color: rgba(0, 0, 0, 0.5);
.text-light-white color: rgba(255, 255, 255, 0.5);
/* 背景颜色 */
.bg-primary background-color: #007bff;
.bg-hover-primary:hover background-color: #0062cc;
LaTex实战笔记 4-字体格式