1

static/style/nine-base-001.scss

@@ -27,12 +27,16 @@
 
 .color-red{ color: red }
 .color-green{ color: green }
+.color-darkgreen{ color: darkgreen }
 .color-white{ color: white }
 .color-gray{ color: gray }
 .color-blue{ color: blue }
+.color-lightblue{ color: lightblue }
 .color-yellow{ color: yellow }
 .color-black{ color: black }
 .color-f1f1f1{ color: #f1f1f1 }
+.color-0294ee{ color: #0294ee }
+.color-799dff{ color: #799dff }
 
 .bgcolor-gray{ background-color: gray }
 .bgcolor-green{ background-color: green }
@@ -47,6 +51,7 @@
 .bgcolor-eef0ff{ background-color: #eef0ff }
 .bgcolor-ff4769{ background-color: #ff4769 }
 .bgcolor-f1f1f1{ background-color: #f1f1f1 }
+.bgcolor-0294ee{ background-color: #0294ee }
 
 .border-gray{ border: 3rpx solid gray }
 .border-lightblue{ border: 3rpx solid lightblue }
@@ -60,7 +65,9 @@
 .border-eef0ff{ border: 3rpx solid #eef0ff }
 .border-ff4769{ border: 3rpx solid #ff4769 }
 .border-f1f1f1{ border: 3rpx solid #f1f1f1 }
+.border-0294ee{ border: 3rpx solid #0294ee }
 
+.border-radius5{ border-radius: 5rpx }
 .border-radius10{ border-radius: 10rpx }
 .border-radius50{ border-radius: 50% }
 
@@ -150,6 +157,7 @@
 .ptb0{ padding-top: 0rpx; padding-bottom: 0rpx }
 .ptb2{ padding-top: 2rpx; padding-bottom: 2rpx }
 .ptb5{ padding-top: 5rpx; padding-bottom: 5rpx }
+.ptb8{ padding-top: 8rpx; padding-bottom: 8rpx }
 .ptb10{ padding-top: 10rpx; padding-bottom: 10rpx }
 .ptb15{ padding-top: 15rpx; padding-bottom: 15rpx }
 .ptb20{ padding-top: 20rpx; padding-bottom: 20rpx }

static/style/nine-base-002.scss

@@ -1,3 +1,30 @@
+.height10{
+  height: 10%;
+}
+.height20{
+  height: 20%;
+}
+.height30{
+  height: 30%;
+}
+.height40{
+  height: 40%;
+}
+.height50{
+  height: 50%;
+}
+.height60{
+  height: 60%;
+}
+.height70{
+  height: 70%;
+}
+.height80{
+  height: 80%;
+}
+.height90{
+  height: 90%;
+}
 .height100{
   height: 100%;
 }
@@ -13,6 +40,9 @@
 .width30{
   width: 30%;
 }
+.width33{
+  width: 33%;
+}
 .width45{
   width: 45%;
 }
@@ -135,6 +165,33 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.desc-style-text {
+  white-space: pre-wrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+.desc-style-header{
+  white-space: pre-wrap
+}
+.line-clamp-1{
+  -webkit-line-clamp: 1;
+}
+.line-clamp-2{
+  -webkit-line-clamp: 2;
+}
+.line-clamp-3{
+  -webkit-line-clamp: 3;
+}
+.line-clamp-4{
+  -webkit-line-clamp: 4;
+}
+.line-clamp-5{
+  -webkit-line-clamp: 5;
+}
 
 // 不占位隐藏
 .display-none{ display: none }
@@ -165,4 +222,23 @@
   moz-transform: rotate(90deg); /* Firefox */
   webkit-transform: rotate(90deg); /* Safari and Chrome */
   o-transform: rotate(90deg); /* Opera */
+}
+
+.z-index1{
+  z-index: 1;
+}
+.z-index2{
+  z-index: 2;
+}
+.z-index3{
+  z-index: 3;
+}
+.z-index11{
+  z-index: 11;
+}
+.z-index101{
+  z-index: 101;
+}
+.z-index1001{
+  z-index: 1001;
 }

static/style/nine-base-003.scss

@@ -1,5 +1,5 @@
 .nine-nomore-001{
-  padding: 25rpx;
+  padding: 45rpx 25rpx;
   text-align: center;
 }
 .nine-nomore-001-span{

static/style/nine-image-001.scss

@@ -6,6 +6,10 @@
   width: 40rpx;
   height: 40rpx;
 }
+.image45{
+  width: 45rpx;
+  height: 45rpx;
+}
 .image50{
   width: 50rpx;
   height: 50rpx;
@@ -26,6 +30,14 @@
   width: 90rpx;
   height: 90rpx;
 }
+.image100{
+  width: 100rpx;
+  height: 100rpx;
+}
+.image120{
+  width: 120rpx;
+  height: 120rpx;
+}
 .image150{
   width: 150rpx;
   height: 150rpx;
@@ -34,6 +46,14 @@
   width: 200rpx;
   height: 200rpx;
 }
+.image300{
+  width: 300rpx;
+  height: 300rpx;
+}
+.image350{
+  width: 350rpx;
+  height: 350rpx;
+}
 .image400{
   width: 400rpx;
   height: 400rpx;

static/style/nine-list-001.scss

@@ -3,10 +3,46 @@
 }
 .nine-list-001-item{
   background-color: #fff;
-  margin: 10rpx 0;
+  margin-bottom: 10rpx;
   padding: 10rpx 30rpx;
   border-radius: 10rpx;
 }
+.nine-list-001-item-view{
+  display: flex;
+  align-items: center;
+  padding: 10rpx 0;
+}
+.nine-list-001-item-span-line{
+  display: block;
+  width: 5rpx;
+  height: 22rpx;
+  margin-right: 10rpx;
+  border-radius: 3rpx;
+  background-color: #5e96ff;
+}
+.nine-list-001-item-span-point{
+  display: block;
+  width: 10rpx;
+  height: 10rpx;
+  margin-right: 10rpx;
+  border-radius: 50%;
+  background-color: red;
+}
+.nine-list-001-item-input{
+  padding: 15rpx 10rpx;
+  width: calc(100% - 20rpx);
+  background-color: #f9f9f9;
+  border-radius: 10rpx;
+  margin: 5rpx 0;
+}
+.nine-list-001-item-textarea{
+  padding: 10rpx;
+  width: calc(100% - 20rpx);
+  white-space: pre-wrap;
+  background-color: #f9f9f9;
+  border-radius: 10rpx;
+  margin: 5rpx 0;
+}
 .nine-list-001-item-image-image{
   width: 40rpx;
   height: 30rpx;

static/style/nine-nav-001.scss

@@ -12,7 +12,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  margin-top: 5rpx;
+  margin-bottom: 5rpx;
   padding: 20rpx 15rpx;
   border-radius: 1rpx;
   border-style: solid;