1

static/style/nine-base-001.scss

@@ -34,11 +34,14 @@
 .color-black{ color: black }
 .color-f1f1f1{ color: #f1f1f1 }
 
+.bgcolor-gray{ background-color: gray }
+.bgcolor-green{ background-color: green }
 .bgcolor-blue{ background-color: blue }
 .bgcolor-red{ background-color: red }
 .bgcolor-pink{ background-color: pink }
 .bgcolor-white{ background-color: white }
 .bgcolor-lightblue{ background-color: lightblue } 
+.bgcolor-dff5fa{ background-color: #dff5fa }
 .bgcolor-cce1e6{ background-color: #cce1e6 }
 .bgcolor-787fff{ background-color: #787fff }
 .bgcolor-eef0ff{ background-color: #eef0ff }
@@ -59,6 +62,7 @@
 .border-f1f1f1{ border: 3rpx solid #f1f1f1 }
 
 .border-radius10{ border-radius: 10rpx }
+.border-radius50{ border-radius: 50% }
 
 .position-fixed{ position: fixed }
 .position-absolute{ position: absolute }
@@ -144,6 +148,7 @@
 .pa300{ padding: 300rpx }
 
 .ptb0{ padding-top: 0rpx; padding-bottom: 0rpx }
+.ptb2{ padding-top: 2rpx; padding-bottom: 2rpx }
 .ptb5{ padding-top: 5rpx; padding-bottom: 5rpx }
 .ptb10{ padding-top: 10rpx; padding-bottom: 10rpx }
 .ptb15{ padding-top: 15rpx; padding-bottom: 15rpx }
@@ -459,6 +464,7 @@
 .mb-300{ margin-bottom: -300rpx }
 
 .ml0{ margin-left: 0rpx }
+.ml2{ margin-left: 2rpx }
 .ml5{ margin-left: 5rpx }
 .ml10{ margin-left: 10rpx }
 .ml15{ margin-left: 15rpx }

static/style/nine-base-002.scss

@@ -1,6 +1,12 @@
 .height100{
   height: 100%;
 }
+.width23{
+  width: 23%;
+}
+.width24{
+  width: 24%;
+}
 .width25{
   width: 25%;
 }
@@ -50,13 +56,6 @@
 .float-left{ float: left; }
 .float-right{ float: right; }
 
-// 允许文本复制
-.nine-user-select {
-	cursor: auto;
-	-webkit-user-select: text;
-	user-select: text;
-}
-
 .display-flex-row{
   display: flex;
   flex-direction: row;
@@ -89,6 +88,19 @@
   justify-content: space-around;
   align-items: center;
 }
+.display-flex-row-end{
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+}
+.display-flex-row-wrap{
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-content: flex-start;
+}
 .display-flex-column-between{
   display: flex;
   flex-direction: column;
@@ -108,6 +120,12 @@
   flex: 1
 }
 
+.overflow-x-auto{
+  overflow-x: auto;
+}
+.overflow-y-auto{
+  overflow-y: auto;
+}
 
 .text-nowrap{
   white-space:nowrap;
@@ -118,6 +136,11 @@
   white-space: nowrap;
 }
 
+// 不占位隐藏
+.display-none{ display: none }
+// 占位隐藏
+.visibility-hidden{ visibility: hidden }
+
 // 放大缩小比例
 .transform-scale05{
   transform: scale(0.5);
@@ -134,3 +157,12 @@
 .transform-scale09{
   transform: scale(0.9);
 }
+
+// 旋转90度
+.transform-rotate90{
+  transform: rotate(90deg);
+  ms-transform: rotate(90deg); /* IE 9 */
+  moz-transform: rotate(90deg); /* Firefox */
+  webkit-transform: rotate(90deg); /* Safari and Chrome */
+  o-transform: rotate(90deg); /* Opera */
+}

static/style/nine-base-003.scss

@@ -0,0 +1,15 @@
+.nine-nomore-001{
+  padding: 25rpx;
+  text-align: center;
+}
+.nine-nomore-001-span{
+  font-size: 12px;
+  color: lightgray
+}
+
+// 允许文本复制
+.nine-user-select {
+  cursor: auto;
+  -webkit-user-select: text;
+  user-select: text;
+}

static/style/nine-image-001.scss

@@ -7,8 +7,12 @@
   height: 40rpx;
 }
 .image50{
-	width: 40rpx;
-	height: 40rpx;
+  width: 50rpx;
+  height: 50rpx;
+}
+.image60{
+  width: 60rpx;
+  height: 60rpx;
 }
 .image70{
   width: 70rpx;
@@ -34,3 +38,9 @@
   width: 400rpx;
   height: 400rpx;
 }
+
+// 验证码大小
+.image-size-verify-001{
+  width: 150rpx;
+  height: 35px;
+}

static/style/nine-list-001.scss

@@ -7,3 +7,7 @@
   padding: 10rpx 30rpx;
   border-radius: 10rpx;
 }
+.nine-list-001-item-image-image{
+  width: 40rpx;
+  height: 30rpx;
+}