Преглед на файлове

Merge branch 'master' of http://121.4.16.100:3001/gebadi/jiayouhouyuan

jiuling преди 12 часа
родител
ревизия
e5905da1ee
променени са 2 файла, в които са добавени 143 реда и са изтрити 2 реда
  1. 143 2
      pages/trace/detail.vue
  2. BIN
      static/jyhy-logo.png

+ 143 - 2
pages/trace/detail.vue

@@ -567,8 +567,22 @@
 				<text>本产品已完成全流程溯源记录,信息真实可查,请放心食用。</text>
 			</view>
 
-			<!-- 底部柔和收口渐变 -->
-			<view class="footerFade" />
+			<view class="footerDivider" />
+
+			<!-- 微信小店复购引导 -->
+			<view class="rebuyGuide">
+				<view class="rebuyGuideLeft">
+					<view class="rebuyGuideBrandRow">
+						<image class="rebuyGuideLogo" src="/static/jyhy-logo.png" mode="aspectFit" />
+						<text class="rebuyGuideTitle">佳友厚苑</text>
+					</view>
+					<text class="rebuyGuideText">喜欢这款产品?微信小店可查看同款</text>
+				</view>
+				<view class="rebuyGuideBtn" @click="goToWechatStore">
+					<text>去看看</text>
+				</view>
+			</view>
+
 			<!-- 轻量页脚 -->
 			<view class="traceFooter">
 				<view class="traceFooterHint">如需帮助,联系客服</view>
@@ -2471,6 +2485,21 @@ function contactCustomer() {
 	})
 }
 
+function goToWechatStore() {
+	const url = 'https://store.weixin.qq.com/shop/a/MfixzaIsuMchTDd'
+	// #ifdef H5
+	window.location.href = url
+	// #endif
+	// #ifndef H5
+	uni.setClipboardData({
+		data: url,
+		success: () => {
+			uni.showToast({ title: '链接已复制,请在浏览器打开', icon: 'none' })
+		}
+	})
+	// #endif
+}
+
 function goBackToPurchase() {
 	uni.showModal({
 		title: '返回购买渠道',
@@ -2798,6 +2827,45 @@ function previewDoc(kind, index) {
 	color: rgba(54, 66, 57, 0.75);
 }
 
+.purchaseBanner {
+	margin-top: 20rpx;
+	padding: 20rpx 24rpx;
+	background: linear-gradient(135deg, rgba(39, 75, 57, 0.04) 0%, rgba(39, 75, 57, 0.08) 100%);
+	border-radius: 20rpx;
+	border: 1rpx solid rgba(39, 75, 57, 0.08);
+}
+
+.purchaseBannerInner {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 8rpx;
+}
+
+.purchaseBannerTitle {
+	font-size: 24rpx;
+	font-weight: 600;
+	color: rgba(39, 75, 57, 0.9);
+}
+
+.purchaseBannerText {
+	font-size: 22rpx;
+	color: rgba(54, 66, 57, 0.65);
+}
+
+.purchaseBannerBtn {
+	margin-top: 6rpx;
+	padding: 10rpx 20rpx;
+	background: rgba(39, 75, 57, 0.08);
+	border-radius: 40rpx;
+	border: 1rpx solid rgba(39, 75, 57, 0.15);
+}
+
+.purchaseBannerBtn text {
+	font-size: 22rpx;
+	color: rgba(39, 75, 57, 0.85);
+}
+
 .content {
 	padding: 20rpx 0 40rpx;
 }
@@ -4081,6 +4149,79 @@ function previewDoc(kind, index) {
 	letter-spacing: 0.03em;
 }
 
+.footerDivider {
+	display: block;
+	height: 1rpx;
+	margin: 0 36rpx 20rpx;
+	background: rgba(39, 75, 57, 0.1);
+}
+
+/* 微信小店复购引导 - 轻量品牌入口 */
+.rebuyGuide {
+	width: 560rpx;
+	max-width: calc(100% - 128rpx);
+	margin: 26rpx auto 36rpx;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	gap: 32rpx;
+}
+
+.rebuyGuideLeft {
+	flex: 1;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 6rpx;
+}
+
+.rebuyGuideBrandRow {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 12rpx;
+}
+
+.rebuyGuideLogo {
+	width: 28rpx;
+	height: 28rpx;
+	border-radius: 50%;
+}
+
+.rebuyGuideTitle {
+	font-size: 21rpx;
+	font-weight: 500;
+	color: rgba(39, 75, 57, 0.6);
+	letter-spacing: 0.05em;
+}
+
+.rebuyGuideText {
+	font-size: 19rpx;
+	font-weight: 400;
+	color: rgba(39, 75, 57, 0.35);
+	line-height: 1.6;
+	margin-top: 10rpx;
+}
+
+.rebuyGuideBtn {
+	flex-shrink: 0;
+	padding: 6rpx 16rpx;
+	background: rgba(39, 75, 57, 0.05);
+	border-radius: 32rpx;
+}
+
+.rebuyGuideBtn text {
+	font-size: 19rpx;
+	color: rgba(39, 75, 57, 0.55);
+	font-weight: 400;
+	letter-spacing: 0.02em;
+}
+
+.rebuyGuideBtn:active {
+	background: rgba(39, 75, 57, 0.1);
+}
+
 /* 底部柔和收口渐变 */
 .footerFade {
 	position: relative;

BIN
static/jyhy-logo.png