no message

common/css/common.css

@@ -1,55 +1,224 @@
 body {
   background-color: #F5F5F5;
 }
-
-view,
-text {
-  font-size: 16px;
+view,text {
+  font-size: 14rpx;
   color: #333;
 }
-
 image {
   display: block;
 }
 
-/* 原价 */
-.original-price {
-  font-size: 12px;
-  text-decoration: line-through;
-  color: #999999;
+
+/* 隐藏scroll-view 滚动条 */
+::-webkit-scrollbar {
+  display: none;
 }
 
-.text-two-hidden {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-all;
+.iPhone-bottom {
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+}
+/* 不换行 */
+.view-nowrap{
+	white-space: nowrap;
+}
+
+/* 自动换行 */
+.view-word-wrap{
+	white-space: pre-wrap;
+	word-wrap: break-word;
+}
+/*超出三行... */
+.text-overflow-ellipsis-t {
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 3;
+	line-clamp: 3;
+	-webkit-box-orient: vertical;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+}
 
+/*超出两行... */
+.text-overflow-ellipsis {
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	line-clamp: 2;
+	-webkit-box-orient: vertical;
+	white-space: pre-wrap;
+	word-wrap: break-word;
 }
 
-.top-border {
-  border-top: 1px solid #e6e7e9;
+/*超出一行... */
+.text-overflow-ellipsis-one {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	word-break: break-all;
+}
+/* 内部盒子 */
+.box-border-box{
+	box-sizing: border-box;
 }
 
-.bottom-border {
-  border-bottom: 1px solid #e6e7e9;
+.flex-common-css {
+	width: 100%;
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+}
+.flex-index-css {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+.display-flex {
+	display: flex;
+}
+.flex-justify-space {
+	display: flex;
+	justify-content: space-between;
 }
 
-.placeholder-text {
-  color: #AEAEAE;
-  font-size: 14px;
-  font-weight: 400;
+.flex-justify-around {
+	display: flex;
+	justify-content: space-around;
 }
 
-.top-mar {
-  margin-top: 10px;
+.flex-justify-center {
+	display: flex;
+	justify-content: center;
+}
+.flex-justify-end {
+	display: flex;
+	justify-content: flex-end;
+}
+.flex-justify-start {
+	display: flex;
+	justify-content: flex-start;
+}
+.align-items-center {
+	display: flex;
+	align-items: center;
+}
+.align-items-flex-end {
+	display: flex;
+	align-items: flex-end;
+}
+.flex-wrap-wrap {
+	display: flex;
+	flex-wrap: wrap;
+}
+.common-view-css{
+	width: 100%;
+	flex: 1;
+}
+.scroll-view-css {
+	width: 100%;
+	flex: 1;
+	overflow: auto;
+}
+.box-sizing-border {
+	box-sizing: border-box;
+}
+.text-align-center {
+	text-align: center;
+}
+.text-align-right {
+	text-align: right;
+}
+.text-align-left {
+	text-align: left;
+}
+.flex-1{
+	flex: 1;
+}
+.flex-shrink0{
+	flex-shrink: 0;
 }
 
-.fixed {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 2;
+/* 字体大小 */
+.fs-20{
+	font-size: 20rpx;
+}
+.fs-22{
+	font-size: 22rpx;
+}
+.fs-24{
+	font-size: 24rpx;
+}
+
+
+/* 字体粗细 */
+.fw-b{
+	font-weight: bold;
+}
+.fw-400{
+	font-weight: 400;
+}
+.fw-500{
+	font-weight: 500;
+}
+.fw-600{
+	font-weight: 600;
+}
+
+/* 字体颜色 */
+.fc-f{
+	color: #fff;
+}
+.fc-0{
+	color: #000;
+}
+.fc-3{
+	color: #333;
+}
+.fc-6{
+	color: #666;
+}
+.fc-9{
+	color: #999;
+}
+
+/* 背景颜色 */
+.bgc-f{
+	background-color: #fff;
+}
+.bgc-3{
+	background-color: #333;
+}
+.bgc-9{
+	background-color: #999;
+}
+
+
+/* 内边距 */
+.p-24{
+	padding: 24rpx;
+}
+
+
+/* 外边距 */
+.m-24{
+	margin: 24rpx;
+}
+
+
+
+/* 宽度 */
+.w-100{
+	width: 100rpx;
+}
+.w-200{
+	width: 200rpx;
+}
+.w-10030{
+	width: 30%;
 }