You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
1.2 KiB
83 lines
1.2 KiB
$appWallpaperPadding : 26rpx !default; |
|
$appWallpaperPaddingBottom :200rpx !default; |
|
@mixin bgDefault{ |
|
size: 100% 100%; |
|
repeat: no-repeat; |
|
} |
|
page{ |
|
height:100%; |
|
} |
|
.tran{ |
|
transition-duration: .5s; |
|
transition-timing-function: ease-in-out; |
|
transition-delay: .5s; |
|
|
|
-webkit-transition-duration:.5s; |
|
-webkit-transition-timing-function:ease-in-out; |
|
-webkit-transition-delay:.5s; |
|
} |
|
uni-page-body{ |
|
height:100%; |
|
} |
|
.body-background{ |
|
position: fixed; |
|
top:0; |
|
left:0; |
|
width:100%; |
|
height:100%; |
|
background:{ |
|
size:100% 100%; |
|
position: center center; |
|
repeat:no-repeat; |
|
} |
|
z-index: -1; |
|
} |
|
.head-background{ |
|
position: absolute; |
|
top: 0; |
|
left:0; |
|
width:100%; |
|
z-index: -1; |
|
.img{ |
|
width:100%; |
|
} |
|
} |
|
.app-wallpaper{ |
|
padding:$appWallpaperPadding; |
|
padding-bottom:$appWallpaperPaddingBottom; |
|
} |
|
.row{ |
|
box-sizing: border-box; |
|
width:100%; |
|
display:flex; |
|
flex-wrap: wrap; |
|
} |
|
.col-12{ |
|
box-sizing: border-box; |
|
flex: 0 0 100%; |
|
} |
|
.col-8{ |
|
box-sizing: border-box; |
|
flex: 0 0 66.66%; |
|
} |
|
.col-6{ |
|
box-sizing: border-box; |
|
flex: 0 0 50%; |
|
} |
|
.col-4{ |
|
box-sizing: border-box; |
|
flex: 0 0 33.33%; |
|
} |
|
.col-3{ |
|
box-sizing: border-box; |
|
flex: 0 0 25%; |
|
} |
|
.col{ |
|
flex:1; |
|
} |
|
.u-safe-bottom{ |
|
margin-bottom:30rpx; |
|
} |
|
.border-box{ |
|
box-sizing: border-box; |
|
} |