shish 9 kuukautta sitten
vanhempi
commit
6ede9c0002
1 muutettua tiedostoa jossa 30 lisäystä ja 2 poistoa
  1. 30 2
      ghsApp/src/admin/home/workbench.vue

+ 30 - 2
ghsApp/src/admin/home/workbench.vue

@@ -149,13 +149,16 @@
 
 
 		<view class="module-com">
 		<view class="module-com">
 
 
+			<!-- 花材价格异常提示 -->
+			<view v-if="!$util.isEmpty(errorPirceList)" class="error-price-warning" @click="showErrorPriceFn" >
+				<text class="warning-text">花材价格异常,点击查看详情</text>
+			</view>
+
 			<!-- 个人和花店开单 -->
 			<!-- 个人和花店开单 -->
 			<view class="tabs-head_bx">
 			<view class="tabs-head_bx">
 				<image @click="skKd()" :src="isScanEnv ? skSrc3 : skSrc" mode="widthFix"></image>
 				<image @click="skKd()" :src="isScanEnv ? skSrc3 : skSrc" mode="widthFix"></image>
 				<image @click="customKd()" :src="isScanEnv ? pfSrc3 : pfSrc" mode="widthFix" ></image>
 				<image @click="customKd()" :src="isScanEnv ? pfSrc3 : pfSrc" mode="widthFix" ></image>
 			</view>
 			</view>
-			<view v-if="!$util.isEmpty(errorPirceList)" style="text-align:center;"><text @click="showErrorPriceFn" 
-				style="color:red;font-weight:bold;font-size:30upx;">【花材价格异常,点击查看】</text></view>
 			
 			
 			<!-- 小按钮 -->
 			<!-- 小按钮 -->
 			<view class="tabs-wrap">
 			<view class="tabs-wrap">
@@ -996,4 +999,29 @@ export default {
 	text-align: center;
 	text-align: center;
 	line-height: 1.4;
 	line-height: 1.4;
 }
 }
+
+// 花材价格异常提示样式
+.error-price-warning {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border: 2upx solid #ff6b6b;
+	border-radius: 12upx;
+	margin: 10upx 28upx;
+	padding: 20upx 24upx;
+	box-shadow: 0 4upx 12upx rgba(255, 107, 107, 0.15);
+	transition: all 0.3s ease;
+	
+	&:active {
+		transform: scale(0.98);
+		background: linear-gradient(135deg, #ffe6e6 0%, #ffd6d6 100%);
+	}
+	
+	.warning-text {
+		color: #d63031;
+		font-size: 28upx;
+		font-weight: 600;
+		text-align: center;
+	}
+}
 </style>
 </style>