7-6

pages/donate/donateDetail.vue

@@ -90,8 +90,22 @@
 				</view>
 			</view>
 		</view>
-		<view v-else class="">
-			
+		<view v-else class="feedback">
+			<view class="feedback-nav">
+				<view class="nav-item" :class="{'action': navCurrentIndex === 0}" @click="lookmore(0)">全部</view>
+				<view class="nav-item" :class="{'action': navCurrentIndex === 1}" @click="lookmore(1)">已成功</view>
+				<view class="nav-item nav-item-err" :class="{'action': navCurrentIndex === 2}" @click="lookmore(2)">已失败</view>
+			</view>
+			<view class="feedback-content">
+				<view class="overall" v-if="navCurrentIndex === 0">
+					<view class="title">
+						
+					</view>
+					<view class="content">
+						截止2021年6月10日，荆州市红十字会已将捐赠的消毒液1120瓶和帐篷200顶，500箱矿泉水全数发往阳光福利院。
+					</view>
+				</view>
+			</view>
 		</view>
 		<view class="btn-wrapper flex">
 			<view class="btn1 btn">
@@ -110,13 +124,17 @@ export default {
 		return {
 			navList: ['捐赠详情', '捐赠反馈'],
 			currentIndex: 0,
-			swiperHeight: 0
+			swiperHeight: 0,
+			navCurrentIndex: 0,
 		};
 	},
 	methods: {
 		navClick(index) {
 			this.currentIndex = index;
 		},
+		lookmore(index) {
+			this.navCurrentIndex = index
+		}
 		
 	}
 };
@@ -301,4 +319,56 @@ page {
 		}
 	}
 }
+.feedback {
+	padding: 25rpx 41rpx 36rpx;
+	.feedback-nav {
+		margin-bottom: 20rpx;
+		.nav-item {
+			display: inline-block;
+			width: 100rpx;
+			height: 55rpx;
+			background: #FDCBC2;
+			box-shadow: 0px 0px 10rpx 0rpx rgba(0, 0, 0, 0.1);
+			border-radius: 10rpx;
+			margin-right: 20rpx;
+			text-align: center;
+			line-height: 55rpx;
+			font-size: 24rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #FFFFFF;
+		}
+		.nav-item-err {
+			color: #999999;
+			background: #F1F1F0;
+		}
+		.action {
+			background: #FA7E67;
+			color: #fff;
+		}
+	}
+	.feedback-content {
+		.overall {
+			.title {
+				width: 667rpx;
+				height: 75rpx;
+				background: #FA7E67;
+				box-shadow: 0px 0px 10rpx 0rpx rgba(0, 0, 0, 0.1);
+				border-radius: 10rpx 10rpx 0px 0px;
+			}
+			.content {
+				padding: 33rpx 36rpx 43rpx 30rpx;
+				width: 667rpx;
+				background-color: #fff;
+				box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
+				border-radius: 0px 0px 10rpx 10rpx;
+				font-size: 26rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #999999;
+				line-height: 42rpx;
+			}
+		}
+	}
+}
 </style>