174 lines
2.2 KiB
SCSS
174 lines
2.2 KiB
SCSS
page,
|
||
view,
|
||
scroll-view,
|
||
swiper,
|
||
swiper-item,
|
||
match-media,
|
||
movable-area,
|
||
movable-view,
|
||
cover-view,
|
||
cover-image,
|
||
icon,
|
||
text,
|
||
rich-text,
|
||
progress,
|
||
button,
|
||
checkbox-group,
|
||
editor,
|
||
form,
|
||
input,
|
||
label,
|
||
picker,
|
||
picker-view,
|
||
radio-group,
|
||
slider,
|
||
switch,
|
||
textarea,
|
||
navigator,
|
||
audio,
|
||
camera,
|
||
image,
|
||
video,
|
||
live-player,
|
||
live-pusher,
|
||
map,
|
||
canvas,
|
||
web-view {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
input {
|
||
height: auto;
|
||
}
|
||
|
||
image {
|
||
display: block;
|
||
}
|
||
.absolute{
|
||
position: absolute;
|
||
}
|
||
.color-main{
|
||
color:$my-main-color;
|
||
}
|
||
.bg-main{
|
||
background-color: $my-main-color;
|
||
}
|
||
.color-666{
|
||
color: #666;
|
||
}
|
||
.text-center{
|
||
text-align: center;
|
||
}
|
||
.color-333{
|
||
color: #333;
|
||
}
|
||
.color-000{
|
||
color: #000;
|
||
}
|
||
.color-999{
|
||
color: #999;
|
||
}
|
||
.font-16 {
|
||
font-size: 16px;
|
||
}
|
||
.font-700{
|
||
font-weight: 700;
|
||
}
|
||
.font-bold{
|
||
font-weight: 700;
|
||
}
|
||
.font-14{
|
||
font-size: 14px;
|
||
}
|
||
.font-10{
|
||
font-size: 10px;
|
||
}
|
||
.font-12 {
|
||
font-size: 12px;
|
||
}
|
||
.no-wrap{
|
||
white-space: nowrap;
|
||
}
|
||
.line-through{
|
||
text-decoration: line-through;
|
||
}
|
||
.u-flex-1{
|
||
flex:1;
|
||
}
|
||
.u-col-center{
|
||
align-items: center;
|
||
}
|
||
.justify-between{
|
||
justify-content: space-between;
|
||
}
|
||
.justify-center{
|
||
justify-content: center;
|
||
}
|
||
.u-flex-col{
|
||
display: flex;
|
||
flex-direction: column!important;
|
||
}
|
||
.min-h-100vh{
|
||
min-height: 100vh;
|
||
}
|
||
.bg-gray{
|
||
background-color: #F7F7F7;
|
||
}
|
||
.align-center{
|
||
align-items: center;
|
||
}
|
||
.u-row-between{
|
||
justify-content: space-between;
|
||
}
|
||
.u-row-right {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
|
||
@for $i from 20 through 40 {
|
||
.u-font-#{$i} {
|
||
font-size: $i + rpx;
|
||
}
|
||
}
|
||
|
||
.min-page{
|
||
/* #ifdef H5 */
|
||
min-height: calc(100vh - 44px);
|
||
/* #endif */
|
||
/* #ifndef H5 */
|
||
min-height: 100vh;
|
||
/* #endif */
|
||
}
|
||
.bg-f7{
|
||
background-color: #F7F7F7;
|
||
}
|
||
|
||
.default-box-padding{
|
||
padding: 32rpx 28rpx;
|
||
}
|
||
.default-box-radius{
|
||
border-radius: 16rpx;
|
||
}
|
||
.default-box-x-padding{
|
||
padding-left: 28rpx;
|
||
padding-right: 28rpx;
|
||
}
|
||
.default-box-y-padding{
|
||
padding-top: 32rpx;
|
||
padding-bottom: 32rpx;
|
||
}
|
||
$height: 70rpx;
|
||
|
||
|
||
.u-col-baseline{
|
||
align-items: baseline;
|
||
}
|
||
.text-right{
|
||
text-align: right;
|
||
}
|
||
.u-row-center{
|
||
justify-content: center;
|
||
}
|
||
.u-col-center{
|
||
align-items: center;
|
||
} |