1

components/tab-bar/myCenter.vue

@@ -129,6 +129,13 @@
 					</view> 
 				</view>-->
 
+				<view class="legal-btn fade-up" hover-class="tap-soft" hover-stay-time="80"
+					style="animation-delay: 280ms;" @tap="navigatorTo('legalCenter')">
+					<text class="legal-dot"></text>
+					<text>平台资质及相关协议</text>
+					<text class="legal-arrow">›</text>
+				</view>
+
 				<view class="logout-btn fade-up" hover-class="logout-active" hover-stay-time="80"
 					style="animation-delay: 300ms;" @tap="navigatorTo('tuichu')">
 					<text class="logout-power"></text>
@@ -936,6 +943,8 @@
 				} else if (e == 'merchant') {
 					this.checkMerchantRegister()
 					return
+				} else if (e == 'legalCenter') {
+					url = '/package5/legal/qualification'
 				} else if (e == 'tuichu') {
 					uni.showModal({
 						title: '确认退出',
@@ -1234,6 +1243,7 @@
 	.saving-hero,
 	.section-card,
 	.quick-card,
+	.legal-btn,
 	.logout-btn,
 	.shop-content,
 	.popup-area-content {
@@ -1865,6 +1875,36 @@
 		transition: transform .16s ease;
 	}
 
+	.legal-btn {
+		position: relative;
+		display: flex;
+		align-items: center;
+		height: 88rpx;
+		padding: 0 30rpx;
+		background: rgba(255, 255, 255, .92);
+		color: #073D33;
+		font-size: 28rpx;
+		font-weight: 900;
+		line-height: 88rpx;
+		transition: transform .16s ease;
+	}
+
+	.legal-dot {
+		width: 22rpx;
+		height: 22rpx;
+		margin-right: 14rpx;
+		border-radius: 50%;
+		background: linear-gradient(135deg, #E3FF96, #A6FFEA);
+		box-shadow: 0 0 18rpx rgba(52, 200, 160, .24);
+	}
+
+	.legal-arrow {
+		margin-left: auto;
+		color: rgba(7, 61, 51, .36);
+		font-size: 40rpx;
+		font-weight: 400;
+	}
+
 	.logout-power {
 		position: relative;
 		width: 26rpx;