css(process):流程进度撤销与退回title改为红色(#ff4500)

pages/process/detail/index.vue

@@ -6,7 +6,7 @@
 				<uni-forms label-position="left" :label-width="125" :border="true">
 					<view v-for="(elem, index) in formElements" :key="index">
 						<uni-forms-item
-							v-if="!('0' == elem.canEdit && elem.elementName.slice(-2) == '审批' && '' == elem.defaultValue)"
+							v-if="!('0' == elem.canEdit && elem.elementName.slice(-2) == '审批' && '' == elem.defaultValue) && !(undefined == elem.canEdit && elem.elementName.slice(-2) == '审批' && '' == elem.defaultValue)"
 							:label="elem.elementName">
 							<view class="element_value_container">
 								<view v-if="'1' == elem.canEdit" class="element_value">
@@ -76,9 +76,9 @@
 					<uni-section titleFontSize="1.3rem" title="流转过程" type="line"></uni-section>
 					<up-steps :current="stepActive" activeColor="#18bc37" inactiveColor="#2979ff" direction="column">
 						<view v-for="(step, index) in options">
-							<up-steps-item v-if="step.state == 3" :title="step.title + ' 退回'" :desc="step.desc"
+							<up-steps-item :contentClass="'redcontent'" v-if="step.state == 3" :title="step.title + ' 退回'" :desc="step.desc"
 								:key="index" error></up-steps-item>
-							<up-steps-item v-else-if="step.state == 0" :title="step.title + ' 撤销'" :desc="step.desc"
+							<up-steps-item :contentClass="'redcontent'" v-else-if="step.state == 0" :title="step.title + ' 撤销'" :desc="step.desc"
 								:key="index" error></up-steps-item>
 							<up-steps-item v-else-if="index == stepActive" :title="step.title" :desc="step.desc"
 								:key="index">
@@ -466,7 +466,7 @@ function cancelProcess() {
 	position: relative;
 
 	.main_container {
-		min-height: 70vh;
+		min-height: 60vh;
 
 		.uni-forms-item__label {
 			font-size: 1rem;
@@ -505,11 +505,15 @@ function cancelProcess() {
 
 	.flow_step_container {
 		min-height: 200px;
-
+		
 		.u-steps {
 			.u-steps-item {
 				padding-bottom: 11px;
-
+				.redcontent {
+					.u-text__value--content {
+						color: #ff4500;
+					}
+				}
 				.active_step_circle {
 					width: 20px;
 					height: 20px;

uni_modules/uview-plus/components/u-steps-item/props.js

@@ -27,5 +27,10 @@ export const props = defineMixin({
             type: [Object],
             default: {}
         },
+				// 自定义样式
+				contentClass: {
+				    type: [String],
+				    default: ''
+				},
     }
 })

uni_modules/uview-plus/components/u-steps-item/u-steps-item.vue

@@ -30,7 +30,7 @@
 				</view>
 			</slot>
 		</view>
-		<view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`]"
+		<view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`, contentClassInner]"
 			:style="[contentStyle]">
 			<up-text :text="title" :type="parentData.current == index ? 'main' : 'content'" lineHeight="20px"
 				:size="parentData.current == index ? 14 : 13"></up-text>
@@ -122,6 +122,9 @@
 					...this.itemStyle
 				}
 			},
+			contentClassInner() {
+				return this.contentClass
+			},
 			statusClass() {
 				const {
 					index,