init

scss/globa.scss

@@ -0,0 +1,117 @@
+
+/**
+ * Web唐明明
+ * 匆匆数载恍如梦，岁月迢迢华发增。
+ * 碌碌无为枉半生，一朝惊醒万事空。
+ */
+
+// 文字颜色
+$text-color: #333;
+$text-gray: #555;
+$text-gray-m: #999;
+$text-price: #e93340;
+$main-color: #e93340;
+$main-color-light: #e93340;
+
+// 边框颜色
+$border-color: #ddd;
+$border-color-lg: #eff4f2;
+
+// 文字尺寸变量
+$title-size: 32rpx;
+$title-size-lg: 30rpx;
+$title-size-m: 28rpx;
+$title-size-sm: 26rpx;
+
+// 模块圆角
+$radius: 20rpx;
+
+// 模块边距
+$margin: 30rpx;
+$padding: 30rpx;
+
+// ios安全距离
+.ios-bottom{
+	padding-bottom: env(safe-area-inset-bottom);
+	padding-bottom: constant(safe-area-inset-bottom);
+}
+
+.ios-left{
+	padding-left: env(safe-area-inset-left);
+	padding-left: constant(safe-area-inset-left);
+}
+
+.ios-right{
+	padding-right: env(safe-area-inset-right);
+	padding-right: constant(safe-area-inset-right);
+}
+
+.ios-top{
+	padding-top: var(--status-bar-height);
+}
+
+// 公共样式
+.vertical {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-box-pack: center;
+}
+
+.nowrap {
+    max-width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.ellipsis{
+	max-width: 100%;
+	display: -webkit-box;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+}
+
+.ellipsis {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.ellipsis-2 {
+	display: -webkit-box;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+}
+
+.ellipsis-3 {
+	display: -webkit-box;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 3;
+}
+
+.ellipsis-4 {
+	display: -webkit-box;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 4;
+}
+
+.ellipsis-5 {
+	display: -webkit-box;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 5;
+}
+
+
+// 修改nvtab
+$mainColor: white;
+