From 9fc18223e798c5fb70bcf8db93da2b5573d99b2f Mon Sep 17 00:00:00 2001 From: yuanlei <18627959669@163.com> Date: Fri, 19 Dec 2025 10:57:49 +0800 Subject: [PATCH] 1 --- static/style/nine-base-001.scss | 8 +++++ static/style/nine-base-002.scss | 76 ++++++++++++++++++++++++++++++++++++++++ static/style/nine-base-003.scss | 2 +- static/style/nine-image-001.scss | 20 +++++++++++ static/style/nine-list-001.scss | 38 +++++++++++++++++++- static/style/nine-nav-001.scss | 2 +- 6 files changed, 143 insertions(+), 3 deletions(-) diff --git a/static/style/nine-base-001.scss b/static/style/nine-base-001.scss index b672644..74af3b4 100644 --- a/static/style/nine-base-001.scss +++ b/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 } diff --git a/static/style/nine-base-002.scss b/static/style/nine-base-002.scss index 4db6069..d224a0f 100644 --- a/static/style/nine-base-002.scss +++ b/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; } \ No newline at end of file diff --git a/static/style/nine-base-003.scss b/static/style/nine-base-003.scss index 59f450f..d124a16 100644 --- a/static/style/nine-base-003.scss +++ b/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{ diff --git a/static/style/nine-image-001.scss b/static/style/nine-image-001.scss index e554c89..cd3ef7c 100644 --- a/static/style/nine-image-001.scss +++ b/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; diff --git a/static/style/nine-list-001.scss b/static/style/nine-list-001.scss index a2403ec..ba2548b 100644 --- a/static/style/nine-list-001.scss +++ b/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; diff --git a/static/style/nine-nav-001.scss b/static/style/nine-nav-001.scss index fc384a2..527ddd2 100644 --- a/static/style/nine-nav-001.scss +++ b/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;