|
|
@@ -1,8 +1,64 @@
|
|
|
+.iPhone-bottom {
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom);
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
+}
|
|
|
+/* 布局基础 */
|
|
|
+.flex-common-css{
|
|
|
+ width: 100%;
|
|
|
+ height: 100vh;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+.flex-index-css{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+.box-sizing-border{
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
/*字体大小*/
|
|
|
+.sys-size-20{
|
|
|
+ font-size: 20rpx;
|
|
|
+}
|
|
|
+.sys-size-22{
|
|
|
+ font-size: 22rpx;
|
|
|
+}
|
|
|
.sys-size-24{
|
|
|
font-size: 24rpx;
|
|
|
}
|
|
|
+.sys-size-26{
|
|
|
+ font-size: 26rpx;
|
|
|
+}
|
|
|
+.sys-size-28{
|
|
|
+ font-size: 28rpx;
|
|
|
+}
|
|
|
+.sys-size-30{
|
|
|
+ font-size: 30rpx;
|
|
|
+}
|
|
|
+.sys-size-32{
|
|
|
+ font-size: 32rpx;
|
|
|
+}
|
|
|
+.sys-size-34{
|
|
|
+ font-size: 34rpx;
|
|
|
+}
|
|
|
+.sys-size-36{
|
|
|
+ font-size: 36rpx;
|
|
|
+}
|
|
|
+.sys-size-38{
|
|
|
+ font-size: 38rpx;
|
|
|
+}
|
|
|
+.sys-size-40{
|
|
|
+ font-size: 40rpx;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
/*字体粗细*/
|
|
|
+.sys-weight-bold{
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
.sys-weight-600{
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
@@ -12,6 +68,8 @@
|
|
|
.sys-weight-500{
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
/*字体颜色*/
|
|
|
.sys-color-white{
|
|
|
color: #fff;
|
|
|
@@ -40,6 +98,8 @@
|
|
|
.sys-color-yellow{
|
|
|
color: #FFC107;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
/*背景颜色*/
|
|
|
.sys-background-black{
|
|
|
background-color: #141414;
|
|
|
@@ -53,15 +113,29 @@
|
|
|
.sys-background-yellow{
|
|
|
background-color: #FFC107;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+/* 圆角 */
|
|
|
.sys-radius-200{
|
|
|
border-radius: 200rpx;
|
|
|
}
|
|
|
+.sys-radius-16{
|
|
|
+ border-radius: 16rpx;
|
|
|
+}
|
|
|
+.sys-radius-6{
|
|
|
+ border-radius: 6rpx;
|
|
|
+}
|
|
|
+.sys-radius-round{
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
/*未选中按钮*/
|
|
|
.sys-unselected-but{
|
|
|
opacity: 0.1;
|
|
|
transition: .5s ease;
|
|
|
}
|
|
|
-
|
|
|
+/* 选择按钮样式 */
|
|
|
.sys-selected-but{
|
|
|
border-radius: 200rpx;
|
|
|
height: 88rpx;
|