|
@@ -567,8 +567,22 @@
|
|
|
<text>本产品已完成全流程溯源记录,信息真实可查,请放心食用。</text>
|
|
<text>本产品已完成全流程溯源记录,信息真实可查,请放心食用。</text>
|
|
|
</view>
|
|
</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="traceFooter">
|
|
|
<view class="traceFooterHint">如需帮助,联系客服</view>
|
|
<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() {
|
|
function goBackToPurchase() {
|
|
|
uni.showModal({
|
|
uni.showModal({
|
|
|
title: '返回购买渠道',
|
|
title: '返回购买渠道',
|
|
@@ -2798,6 +2827,45 @@ function previewDoc(kind, index) {
|
|
|
color: rgba(54, 66, 57, 0.75);
|
|
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 {
|
|
.content {
|
|
|
padding: 20rpx 0 40rpx;
|
|
padding: 20rpx 0 40rpx;
|
|
|
}
|
|
}
|
|
@@ -4081,6 +4149,79 @@ function previewDoc(kind, index) {
|
|
|
letter-spacing: 0.03em;
|
|
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 {
|
|
.footerFade {
|
|
|
position: relative;
|
|
position: relative;
|