工分自评样式调整

pages/score/detail/selfEvaluate.uvue

@@ -1812,7 +1812,56 @@ async function submitSelfEvaluationForm(): Promise<void> {
       -webkit-appearance: none;
       /* #endif */
     }
-  }
+}
+
+.score-input {
+  flex: 1;
+  height: 60rpx;
+  border: 1rpx solid #e0e0e0 !important;
+  border-radius: 8rpx;
+  padding: 0 15rpx;
+  font-size: 26rpx;
+  color: #333;
+  text-align: right;
+  /* iOS兼容性处理 */
+  box-sizing: border-box !important;
+  outline: none !important;
+  appearance: none !important;
+  /* #ifdef APP-IOS */
+  -webkit-appearance: none !important;
+  /* #endif */
+  /* 确保在所有状态下都有边框 */
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+  appearance: none !important;
+}
+
+/* 针对各种状态的输入框都要确保边框显示 */
+/*.score-input:not([disabled]):not([readonly]) {
+  border: 1rpx solid #e0e0e0 !important;
+}
+
+.score-input[readonly] {
+  border: 1rpx solid #e0e0e0 !important;
+  box-sizing: border-box !important;
+  pointer-events: none !important;
+}
+
+.score-input[disabled] {
+  border: 1rpx solid #e0e0e0 !important;
+  box-sizing: border-box !important;
+  opacity: 0.8 !important;
+  pointer-events: none !important;
+}
+
+.score-input:read-only {
+  border: 1rpx solid #e0e0e0 !important;
+  box-sizing: border-box !important;
+}
+
+.score-input:focus {
+  border: 1rpx solid #165DFF !important;
+}*/
 
 .form-item {
   margin-bottom: 30rpx;
@@ -1858,24 +1907,33 @@ async function submitSelfEvaluationForm(): Promise<void> {
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  padding: 10rpx;
-  border: 1rpx solid #e5e5e5;
+  min-height: 40rpx;
+  border: 1rpx solid #e0e0e0;
   border-radius: 8rpx;
+  padding: 10rpx;
+  /* iOS兼容性处理 */
+  box-sizing: border-box;
+  outline: none;
+  appearance: none;
+  /* #ifdef APP-IOS */
+  -webkit-appearance: none;
+  /* #endif */
 }
 
 .selected-value {
   font-size: 28rpx;
-  color: #333;
+  color: #333333;
 }
 
 .placeholder {
   font-size: 28rpx;
-  color: #999;
+  color: #999999;
 }
 
 .arrow {
   font-size: 24rpx;
-  color: #999;
+  color: #999999;
+  margin-left: 12rpx;
 }
 
 .selected-values {
@@ -1920,6 +1978,7 @@ async function submitSelfEvaluationForm(): Promise<void> {
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
+  padding: 8rpx 0;
 }
 
 .score-label {
@@ -1929,25 +1988,6 @@ async function submitSelfEvaluationForm(): Promise<void> {
   flex-shrink: 0;
 }
 
-.score-input {
-  flex: 1;
-  height: 60rpx;
-  border: 1rpx solid #e0e0e0;
-  border-radius: 8rpx;
-  padding: 0 15rpx;
-  font-size: 26rpx;
-  color: #333;
-  text-align: right;
-  /* iOS兼容性处理 */
-  box-sizing: border-box;
-  outline: none;
-  appearance: none;
-  /* #ifdef APP-IOS */
-  -webkit-appearance: none;
-  /* #endif */
-}
-
-
 .submit-btn {
   margin-top: 40rpx;
   height: 80rpx;