变更退货提示信息组件，调整提示信息显示异常bug

pages/user/order/mallShipmentsRefund.vue

@@ -23,7 +23,7 @@
 		<view class="list">
 			<view class="list-left">退货图片</view>
 			<view class="list-right-img">
-				<view class="upImg" v-for="(item,index) in pictures.showpath">
+				<view class="upImg" v-for="(item,index) in pictures.showpath" :key="index">
 					<image @click="priviewImg(index)" mode="aspectFill" :src="item" />
 					<u-icon name="close" @click='closeImg(index)' class='closeImg' />
 				</view>
@@ -48,9 +48,6 @@
 		<view class="actions">
 			<view class="nowPay" @click="sure">确认退货</view>
 		</view>
-
-		<!-- <u-toast ref="uToast" /> -->
-		<u-toast ref="uToast" />
 	</view>
 </template>
 
@@ -78,9 +75,6 @@
 			};
 		},
 		onLoad(e) {
-			
-			// this.shipment_no = this.$route.params.no
-			// this.getInfo(this.shipment_no)
 			this.shipment_no = e.no
 			this.getInfo(e.no)
 		},
@@ -134,10 +128,10 @@
 					})
 					this.list = lists
 				}).catch(err => {
-					this.$refs.uToast.show({
+					uni.showToast({
 						title: err.message,
-						type: 'error',icon:false,
-						duration: 3000
+						icon : 'none',
+						mask : true
 					})
 				})
 			},
@@ -152,54 +146,53 @@
 					pictures:this.pictures.path
 				}
 				if (data.title === '') {
-					this.$refs.uToast.show({
+					uni.showToast({
 						title: '请选择退货原因',
-						type: 'error',icon:false,
-						duration: 3000
+						icon : 'none',
+						mask : true
 					})
 					return;
 				}
 				if (data.remark === '') {
-					this.$refs.uToast.show({
+					uni.showToast({
 						title: '请填写备注信息',
-						type: 'error',icon:false,
-						duration: 3000
+						icon : 'none',
+						mask : true
 					})
 					return;
 				}
-
+				
 				uni.showModal({
 					title: '哎呦，提醒你',
 					content: '您是否确认申请退货',
 					success: (res) => {
 						if (res.confirm) {
 							mallShipmentsRefund(data).then(res => {
-								this.$refs.uToast.show({
-									title: res,
-									type: 'error',icon:false,
-									duration: 3000
-								})
 								uni.setStorageSync('refresh', true)
-								setTimeout(res => {
-									uni.navigateBack()
-								}, 2000)
+								uni.showModal({
+									title: '提示',
+									content: res,
+									showCancel:false,
+									success: ModalRes => {
+										if(ModalRes.confirm) uni.navigateBack()
+									}
+								})
 							}).catch(err => {
-								this.$refs.uToast.show({
+								uni.showToast({
 									title: err.message,
-									type: 'error',icon:false,
-									duration: 3000
+									icon : 'none',
+									mask : true
 								})
 							})
 						} else if (res.cancel) {
-							this.$refs.uToast.show({
+							uni.showToast({
 								title: '放弃了~',
-								type: 'error',icon:false,
-								duration: 3000
+								icon : 'none',
+								mask : true
 							})
 						}
 					}
-				});
-
+				})
 			}
 		}
 	}
@@ -214,8 +207,8 @@
 
 	// 
 	.mes-des {
-		background-color: rgba($color: #ff0000, $alpha: .1);
-		color: #ff0000;
+		background-color: rgba($color: $mian-color, $alpha: .1);
+		color: $mian-color;
 		text-shadow: 0 0 6rpx rgba($color: #000000, $alpha:.1);
 		padding: 32rpx;
 		text-align: center;