flat: 页面初始化

common/common.css

@@ -1,10 +1,8 @@
 /* 公共样式表 */
 page {
-    height: 100%;
     min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
     font-size: 28rpx;
     background-color: #f4f4f4;
-    /* line-height: 1.8; */
     color: #333333;
     overflow: hidden;
 }
@@ -178,67 +176,71 @@ html {
 
 /* 控制左右距离 */
 .mar_le30 {
-    margin-left: 60rpx;
+    margin-left: 60rpx !important;
 }
 
 .mar_le25 {
-    margin-left: 50rpx;
+    margin-left: 50rpx !important;
 }
 
 .mar_le20 {
-    margin-left: 40rpx;
+    margin-left: 40rpx !important;
 }
 
 .mar_le15 {
-    margin-left: 30rpx;
+    margin-left: 30rpx !important;
 }
 
 .mar_le10 {
-    margin-left: 20rpx;
+    margin-left: 20rpx !important;
 }
 
 .mar_le5 {
-    margin-left: 10rpx;
+    margin-left: 10rpx !important;
 }
 
 .mar_ri5 {
-    margin-right: 10rpx;
+    margin-right: 10rpx !important;
 }
 
 .mar_ri10 {
-    margin-right: 20rpx;
+    margin-right: 20rpx !important;
 }
 
 .mar_ri15 {
-    margin-right: 30rpx;
+    margin-right: 30rpx !important;
 }
 
 .mar_ri20 {
-    margin-right: 40rpx;
+    margin-right: 40rpx !important;
 }
 
 .mar_ri25 {
-    margin-right: 50rpx;
+    margin-right: 50rpx !important;
+}
+
+.mar_top0 {
+    margin-top: 0 !important;
 }
 
 .mar_top5 {
-    margin-top: 10rpx;
+    margin-top: 10rpx !important;
 }
 
 .mar_top10 {
-    margin-top: 20rpx;
+    margin-top: 20rpx !important;
 }
 
 .mar_top15 {
-    margin-top: 30rpx;
+    margin-top: 30rpx !important;
 }
 
 .mar_top20 {
-    margin-top: 40rpx;
+    margin-top: 40rpx !important;
 }
 
 .mar_top25 {
-    margin-top: 50rpx;
+    margin-top: 50rpx !important;
 }
 
 /* 控制字体粗细  */
@@ -306,4 +308,21 @@ html {
 
 .fl_alend {
     align-items: flex-end;
+}
+
+.fl_1 {
+    flex: 1;
+}
+
+.line_2 {
+    display: -webkit-box;
+    /* 让文本内容成为弹性盒 */
+    -webkit-box-orient: vertical;
+    /* 设置盒子的方向为垂直 */
+    -webkit-line-clamp: 2;
+    /* 限制最多显示两行 */
+    overflow: hidden;
+    /* 隐藏超出的文本 */
+    text-overflow: ellipsis;
+    /* 使用省略号 */
 }