From d53f5e02793bcbf51bd40adfe007b24207ec8b42 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Mon, 19 May 2025 09:56:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                        |    2 +
 components/payment/payment.vue |  267 ++--
 main.js                        |   10 +-
 manifest.json                  |  545 ++++----
 pages.json                     |   17 +-
 pages/buy/buy.css              |    1 +
 pages/buy/buy.vue              |   82 +-
 pages/buy/wu_you_status.vue    |  352 ++++++
 pages/index/index.vue          | 2129 ++++++++++++++++++++++----------
 pages/index/index3.vue         |  665 ++++++++++
 static/icon_paying.svg         |    1 +
 11 files changed, 3010 insertions(+), 1061 deletions(-)
 create mode 100644 pages/buy/wu_you_status.vue
 create mode 100644 pages/index/index3.vue
 create mode 100644 static/icon_paying.svg

diff --git a/App.vue b/App.vue
index 3fe5a0f..576a6e8 100644
--- a/App.vue
+++ b/App.vue
@@ -8,10 +8,12 @@
 			data: {
 				// 基础配置
 				// 数据接口请求地址
+				// request_url: 'http://192.168.1.43:7777/',
 				// request_url: env == 'development' ? '/api/' : 'https://store.sxczgkj.com/',
 				request_url: 'https://store.sxczgkj.com/',
 
 				// 静态资源地址（如系统根目录不在public目录下面请在静态地址后面加public目录、如：https://d1.shopxo.vip/public/）
+				// static_url: 'http://192.168.1.43:7777/',
 				// static_url: env == 'development' ? '/api/' : 'https://store.sxczgkj.com/',
 				static_url: 'https://store.sxczgkj.com/',
 
diff --git a/components/payment/payment.vue b/components/payment/payment.vue
index f2785cf..1f9a4fe 100644
--- a/components/payment/payment.vue
+++ b/components/payment/payment.vue
@@ -301,8 +301,10 @@
 									cancelText: self.$t('common.not_yet'),
 									success(res) {
 										if (res.confirm) {
+											console.log('1111111111111111');
 											self.pay_handle_event(order_id, payment_id);
 										} else {
+											console.log('22222222222222');
 											self.order_item_pay_fail_handle(null, order_id, self.$t('paytips.paytips.6mpsl7'));
 										}
 									},
@@ -317,6 +319,8 @@
 
 			// 支付处理
 			pay_handle_event(order_id, payment_id = 0) {
+				console.log('pay_handle_event===', order_id);
+
 				// 没有指定支付方式则不匹配支付标识
 				var payment = null;
 				if ((payment_id || 0) != 0) {
@@ -338,128 +342,138 @@
 					}
 				}
 
-				// 请求数据
-				var post_data = {
-					[this.propPayDataKey]: order_id,
-					payment_id: payment_id || this.payment_id,
-				};
-				// h5自定义重定向地址
-				// #ifdef H5
-				var redirect_url = app.globalData.page_url_protocol(this.propToAppointPage || app.globalData.get_page_url(false));
-				post_data['redirect_url'] = encodeURIComponent(base64.encode(redirect_url));
-				// 存在支付标识、指定支付方式使用respond_url返回地址、移除重定向地址
-				if (payment != null) {
-					var respond_arr = ['PayPal', 'UniPayment'];
-					if (respond_arr.indexOf(payment.payment) != -1) {
-						post_data['respond_url'] = post_data['redirect_url'];
-						delete post_data['redirect_url'];
-					}
-				}
-				// #endif
-				// 请求支付接口
-				uni.showLoading({
-					title: this.$t('payment.payment.e1f54e'),
-					mask: true,
-				});
-				if (this.propPayUrl) {
-					uni.request({
-						url: this.propPayUrl,
-						method: 'POST',
-						data: {
-							...post_data,
-							wechat_open_id: localStorage.getItem('web_openid'),
-						},
-						dataType: 'json',
-						success: (res) => {
-							uni.hideLoading();
-							var data = res.data.data;
-							this.setData({
-								pay_response_data: data || {},
-							});
-							if (res.data.code == 0) {
-								// 是否直接支付成功
-								if ((data.is_success || 0) == 1) {
-									// 数据设置
-									this.order_item_pay_success_handle(data, order_id, false);
-									app.globalData.showToast(this.$t('paytips.paytips.679rxu'), 'success');
-									setTimeout(() => {
-										this.to_success_page_event();
-									}, 2000);
-								} else {
-									// 支付方式类型
-									let payment_type = Number(data.is_payment_type || 0);
-									switch (payment_type) {
-										// 正常线上支付
-										case 0:
-											// #ifdef APP
-											this.app_pay_handle(this, data, order_id);
-											// #endif
-											// #ifdef MP-TOUTIAO
-											// 头条是否非普通版本支持
-											if (parseInt(data.data.pay_type || 0) == 1) {
-												this.toutiao_transaction_pay_handle(this, data, order_id);
-											} else {
-												this.mp_pay_handle(this, data, order_id);
-											}
-											// #endif
-											// #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU
-											this.mp_pay_handle(this, data, order_id);
-											// #endif
-											// #ifdef MP-KUAISHOU
-											this.kuaishou_pay_handle(this, data, order_id);
-											// #endif
-											// #ifdef MP-QQ
-											this.qq_pay_handle(this, data, order_id);
-											// #endif
-											// #ifdef H5
-											this.h5_pay_handle(this, data, order_id);
-											// #endif
-											break;
-										// 线下支付
-										case 1:
-											// 现金支付
-											let self = this;
-											uni.showModal({
-												content: res.data.msg,
-												showCancel: false,
-												confirmText: self.$t('common.confirm'),
-												success(res) {
-													if (res.confirm) {
-														self.to_other(order_id);
-													} else {
-														self.order_item_pay_fail_handle(data, order_id, self.$t('paytips.paytips.6mpsl7'));
-													}
-												},
-											});
-											break;
-										// 钱包支付
-										case 2:
-											this.order_item_pay_success_handle(data, order_id);
-											break;
-										// 默认
-										default:
-											app.globalData.showToast(this.$t('payment.payment.vhx5dv'));
-									}
-								}
-							} else {
-								// 是否返回html代码展示、则提示错误
-								if (res.data.code == -6666 && (data || null) != null) {
-									this.setData({
-										popup_view_pay_data: data,
-										popup_view_pay_html_is_show: true,
-									});
-								} else {
-									this.order_item_pay_fail_handle(data, order_id, res.data.msg);
-								}
-							}
-						},
-						fail: (res) => {
-							uni.hideLoading();
-							app.globalData.showToast(this.$t('common.internet_error_tips'));
-						},
+				// 从一开始就判断支付方式，如果是无忧支付直接进入支付状态判断页面
+				console.log('payment===', payment);
+				if (payment.payment == 'IEPayPoli') {
+					console.log('直接进入无忧支付，开始跳转');
+					uni.setStorageSync('wuyouPay', '');
+					uni.redirectTo({
+						url: `/pages/buy/wu_you_status?payment_id=${payment.id}&order_id=${order_id}`,
 					});
 				} else {
-					app.globalData.showToast(this.$t('payment.payment.597s8b'));
+					// 请求数据
+					var post_data = {
+						[this.propPayDataKey]: order_id,
+						payment_id: payment_id || this.payment_id,
+					};
+					// h5自定义重定向地址
+					// #ifdef H5
+					var redirect_url = app.globalData.page_url_protocol(this.propToAppointPage || app.globalData.get_page_url(false));
+					post_data['redirect_url'] = encodeURIComponent(base64.encode(redirect_url));
+					// 存在支付标识、指定支付方式使用respond_url返回地址、移除重定向地址
+					if (payment != null) {
+						var respond_arr = ['PayPal', 'UniPayment'];
+						if (respond_arr.indexOf(payment.payment) != -1) {
+							post_data['respond_url'] = post_data['redirect_url'];
+							delete post_data['redirect_url'];
+						}
+					}
+					// #endif
+					// 请求支付接口
+					uni.showLoading({
+						title: this.$t('payment.payment.e1f54e'),
+						mask: true,
+					});
+					if (this.propPayUrl) {
+						uni.request({
+							url: this.propPayUrl,
+							method: 'POST',
+							data: {
+								...post_data,
+								wechat_open_id: localStorage.getItem('web_openid') || '',
+							},
+							dataType: 'json',
+							success: (res) => {
+								uni.hideLoading();
+								var data = res.data.data;
+								this.setData({
+									pay_response_data: data || {},
+								});
+								if (res.data.code == 0) {
+									// 是否直接支付成功
+									if ((data.is_success || 0) == 1) {
+										// 数据设置
+										this.order_item_pay_success_handle(data, order_id, false);
+										app.globalData.showToast(this.$t('paytips.paytips.679rxu'), 'success');
+										setTimeout(() => {
+											this.to_success_page_event();
+										}, 2000);
+									} else {
+										// 支付方式类型
+										let payment_type = Number(data.is_payment_type || 0);
+										switch (payment_type) {
+											// 正常线上支付
+											case 0:
+												// #ifdef APP
+												this.app_pay_handle(this, data, order_id);
+												// #endif
+												// #ifdef MP-TOUTIAO
+												// 头条是否非普通版本支持
+												if (parseInt(data.data.pay_type || 0) == 1) {
+													this.toutiao_transaction_pay_handle(this, data, order_id);
+												} else {
+													this.mp_pay_handle(this, data, order_id);
+												}
+												// #endif
+												// #ifdef MP-WEIXIN || MP-ALIPAY || MP-BAIDU
+												this.mp_pay_handle(this, data, order_id);
+												// #endif
+												// #ifdef MP-KUAISHOU
+												this.kuaishou_pay_handle(this, data, order_id);
+												// #endif
+												// #ifdef MP-QQ
+												this.qq_pay_handle(this, data, order_id);
+												// #endif
+												// #ifdef H5
+												this.h5_pay_handle(this, data, order_id);
+												// #endif
+												break;
+											// 线下支付
+											case 1:
+												// 现金支付
+												let self = this;
+												uni.showModal({
+													content: res.data.msg,
+													showCancel: false,
+													confirmText: self.$t('common.confirm'),
+													success(res) {
+														if (res.confirm) {
+															self.to_other(order_id);
+														} else {
+															self.order_item_pay_fail_handle(data, order_id, self.$t('paytips.paytips.6mpsl7'));
+														}
+													},
+												});
+												break;
+											// 钱包支付
+											case 2:
+												this.order_item_pay_success_handle(data, order_id);
+												break;
+											// 默认
+											default:
+												app.globalData.showToast(this.$t('payment.payment.vhx5dv'));
+										}
+									}
+								} else {
+									// 是否返回html代码展示、则提示错误
+									if (res.data.code == -6666 && (data || null) != null) {
+										this.setData({
+											popup_view_pay_data: data,
+											popup_view_pay_html_is_show: true,
+										});
+									} else {
+										this.order_item_pay_fail_handle(data, order_id, res.data.msg);
+									}
+								}
+							},
+							fail: (res) => {
+								uni.hideLoading();
+								app.globalData.showToast(this.$t('common.internet_error_tips'));
+							},
+						});
+					} else {
+						app.globalData.showToast(this.$t('payment.payment.597s8b'));
+					}
 				}
 			},
 			// APP支付
@@ -668,6 +682,7 @@
 			},
 			// h5支付处理
 			h5_pay_handle(self, data, order_id) {
+				console.log('h5_pay_handle===', order_id);
 				// 字符串则为跳转地址直接进入
 				if (typeof data.data == 'string') {
 					window.location.href = data.data;
@@ -729,6 +744,18 @@
 						// 	onBridgeReady();
 						// }
 					}
+
+					// 无忧支付
+					if (data.payment.payment == 'IEPayPoli') {
+						console.log('无忧支付order_id===', order_id);
+						console.log('无忧支付===', data);
+						uni.setStorageSync('wuyouPay', '');
+						uni.redirectTo({
+							url: `/pages/buy/wu_you_status?payment_id=${data.payment.id}&order_id=${order_id}`,
+						});
+						return;
+					}
+
 					// 二维码展示
 					if ((data.data.qrcode_url || null) != null && (data.data.name || null) != null && (data.data.order_no || null) != null) {
 						status = true;
diff --git a/main.js b/main.js
index 8f91fb6..e392297 100644
--- a/main.js
+++ b/main.js
@@ -11,9 +11,15 @@ import i18n from './locale/index'
 // 全局icon组件
 import iconfont from './components/iconfont/iconfont.vue'
 
-// #ifdef MP-WEIXIN
+// #ifdef H5
+// 在组件或JS文件中使用
 import Vconsole from 'vconsole';
-new Vconsole()
+if (process.env.NODE_ENV === 'development') {
+	console.log('当前是开发环境');
+} else {
+	console.log('当前是生产环境');
+	// new Vconsole()
+}
 // #endif
 
 
diff --git a/manifest.json b/manifest.json
index 39bc4d4..a510737 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,279 +1,278 @@
 {
-    "name" : "ShopXO",
-    "appid" : "__UNI__F095115",
-    "description" : "ShopXO开源商城、MIT协议、可商用、可二次开发、满足99%电商运营需求",
-    "versionName" : "1.0.0",
-    "versionCode" : 100,
-    "transformPx" : false,
-    "app-plus" : {
-        "usingComponents" : true,
-        "nvueCompiler" : "uni-app",
-        "compilerVersion" : 3,
-        "splashscreen" : {
-            "alwaysShowBeforeRender" : true,
-            "waiting" : true,
-            "autoclose" : true,
-            "delay" : 0
-        },
-        "modules" : {
-            "Payment" : {},
-            "Barcode" : {},
-            "OAuth" : {},
-            "Maps" : {},
-            "Geolocation" : {},
-            "Share" : {},
-            "VideoPlayer" : {},
-            "Camera" : {}
-        },
-        "distribute" : {
-            "android" : {
-                "permissions" : [
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
-                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.INTERNET\"/>",
-                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-                ],
-                "targetSdkVersion" : 30,
-                "minSdkVersion" : 23
-            },
-            "ios" : {
-                "dSYMs" : false,
-                "privacyDescription" : {
-                    "NSPhotoLibraryUsageDescription" : "获取用户手机相册用于提供相册图片素材",
-                    "NSPhotoLibraryAddUsageDescription" : "将图片保存至手机相册",
-                    "NSCameraUsageDescription" : "获取用户手机相册用于快捷拍照功能",
-                    "NSLocationWhenInUseUsageDescription" : "该应用需要您的地理位置，以便为你提供当前位置信息",
-                    "NSLocationAlwaysUsageDescription" : "该应用需要您的地理位置，以便为你提供当前位置信息",
-                    "NSLocationAlwaysAndWhenInUseUsageDescription" : "该应用需要持续获取用户地理位置，以便为您提供实时的位置信息"
-                }
-            },
-            "sdkConfigs" : {
-                "payment" : {
-                    "alipay" : {
-                        "__platform__" : [ "ios", "android" ]
-                    },
-                    "weixin" : {
-                        "__platform__" : [ "ios", "android" ],
-                        "appid" : "wx3bac19ff90c0a976",
-                        "UniversalLinks" : "https://d1.shopxo.vip/.well-known/"
-                    },
-                    "paypal" : {
-                        "__platform__" : [ "ios", "android" ],
-                        "returnURL_ios" : "com.shopxo.mm://paypal",
-                        "returnURL_android" : "com.shopxo.mm://paypal"
-                    }
-                },
-                "ad" : {},
-                "oauth" : {
-                    "univerify" : {},
-                    "apple" : {},
-                    "weixin" : {
-                        "appid" : "wx3bac19ff90c0a976",
-                        "appsecret" : "91f132b39c5c575fe61b04993c57c734",
-                        "UniversalLinks" : "https://d1.shopxo.vip/.well-known/"
-                    },
-                    "qq" : {
-                        "appid" : "102076195",
-                        "UniversalLinks" : "https://d1.shopxo.vip/.well-known/"
-                    },
-                    "google" : {
-                        "clientid" : "510187709509-fq3t5grcfh81t4ub491tiadrtfjbaes1.apps.googleusercontent.com"
-                    }
-                },
-                "maps" : {
-                    "amap" : {
-                        "name" : "amapu9VF72Gg",
-                        "appkey_ios" : "f55e9099897821681f5c74051e4527bd",
-                        "appkey_android" : "ebe9f1d84f8ceb8b3c4ba6ead2bfa78b"
-                    }
-                },
-                "geolocation" : {
-                    "system" : {
-                        "__platform__" : [ "ios", "android" ]
-                    }
-                },
-                "share" : {
-                    "weixin" : {
-                        "appid" : "wx3bac19ff90c0a976",
-                        "UniversalLinks" : "https://d1.shopxo.vip/.well-known/"
-                    },
-                    "qq" : {
-                        "appid" : "102076195",
-                        "UniversalLinks" : "https://d1.shopxo.vip/.well-known/"
-                    }
-                },
-                "push" : {}
-            },
-            "icons" : {
-                "android" : {
-                    "hdpi" : "unpackage/res/icons/72x72.png",
-                    "xhdpi" : "unpackage/res/icons/96x96.png",
-                    "xxhdpi" : "unpackage/res/icons/144x144.png",
-                    "xxxhdpi" : "unpackage/res/icons/192x192.png"
-                },
-                "ios" : {
-                    "appstore" : "unpackage/res/icons/1024x1024.png",
-                    "ipad" : {
-                        "app" : "unpackage/res/icons/76x76.png",
-                        "app@2x" : "unpackage/res/icons/152x152.png",
-                        "notification" : "unpackage/res/icons/20x20.png",
-                        "notification@2x" : "unpackage/res/icons/40x40.png",
-                        "proapp@2x" : "unpackage/res/icons/167x167.png",
-                        "settings" : "unpackage/res/icons/29x29.png",
-                        "settings@2x" : "unpackage/res/icons/58x58.png",
-                        "spotlight" : "unpackage/res/icons/40x40.png",
-                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
-                    },
-                    "iphone" : {
-                        "app@2x" : "unpackage/res/icons/120x120.png",
-                        "app@3x" : "unpackage/res/icons/180x180.png",
-                        "notification@2x" : "unpackage/res/icons/40x40.png",
-                        "notification@3x" : "unpackage/res/icons/60x60.png",
-                        "settings@2x" : "unpackage/res/icons/58x58.png",
-                        "settings@3x" : "unpackage/res/icons/87x87.png",
-                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
-                        "spotlight@3x" : "unpackage/res/icons/120x120.png"
-                    }
-                }
-            },
-            "splashscreen" : {
-                "useOriginalMsgbox" : true
-            }
-        }
-    },
-    "quickapp" : {},
-    "mp-weixin" : {
-        "requiredPrivateInfos" : [
-            "chooseLocation",
-            "getLocation",
-            "chooseAddress",
-            "onLocationChange",
-            "startLocationUpdate",
-            "startLocationUpdateBackground"
-        ],
-        "appid" : "wxda7779770f53e901",
-        "setting" : {
-            "urlCheck" : false,
-            "es6" : true,
-            "minified" : true,
-            "ignoreDevUnusedFiles" : false,
-            "ignoreUploadUnusedFiles" : false
-        },
-        "usingComponents" : true,
-        "permission" : {
-            "scope.userLocation" : {
-                "desc" : "你的位置将用于小程序中相应业务位置服务使用"
-            }
-        },
-        "__usePrivacyCheck__" : true,
-        "plugins" : {}
-    },
-    // 腾讯地图路线规划插件（需要到小程序后台设置->第三方设置->插件管理里面添加【腾讯位置服务路线规划】插件，教程 https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a）
-    // "routePlan" : {
-    //     "version" : "1.0.19",
-    //     "provider" : "wx50b5593e81dd937a"
-    // },
-    // 直播（需要到小程序后台设置->第三方设置->插件管理里面添加【小程序直播组件】插件，教程 https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx2b03c6e691cd7370）
-    // "live-player-plugin" : {
-    //     "version" : "1.3.5",
-    //     "provider" : "wx2b03c6e691cd7370"
-    // }
-    "mp-alipay" : {
-        "usingComponents" : true,
-        "appid" : "2021001173639600"
-    },
-    "mp-baidu" : {
-        "usingComponents" : true,
-        "appid" : "",
-        "setting" : {
-            "urlCheck" : false
-        }
-    },
-    "mp-toutiao" : {
-        "usingComponents" : true,
-        "appid" : "ttfb628ddf6458b04f",
-        "setting" : {
-            "urlCheck" : false
-        }
-    },
-    "networkTimeout" : {
-        "request" : 10000,
-        "downloadFile" : 10000
-    },
-    "mp-qq" : {
-        "appid" : "1110736292",
-        "setting" : {
-            "urlCheck" : false
-        },
-        "permission" : {
-            "scope.userLocation" : {
-                "desc" : "你的位置将用于小程序中相应业务位置服务使用"
-            }
-        }
-    },
-    "mp-kuaishou" : {
-        "appid" : "ks669910446353970565"
-    },
-    "h5" : {
-        "sdkConfigs" : {
-            "maps" : {
-                "qqmap" : {
-                    "key" : "56SBZ-PCC3G-US2QM-IXYFE-4DE5H-GRBDK"
-                }
-            }
-        },
-        "devServer" : {
-            "https" : false,
-            "port" : 8082
-            // "proxy" : {
-            //     "/api" : {
-            //         // "target": "http://192.168.1.43:7777/",
-            //         "target" : "https://store.sxczgkj.com/",
-            //         "changeOrigin" : "true",
-            //         "pathRewrite" : {
-            //             "^/api" : ""
-            //         }
-            //     }
-            // }
-        },
-        "router" : {
-            "mode" : "history",
-            "base" : "/h5_store/"
-        },
-        "title" : "czg_shop",
-        "template" : "template.h5.html"
-    },
-    "app" : {
-        "router" : {
-            "mode" : "history"
-        }
-    },
-    "vueVersion" : "2",
-    "locale" : "auto"
+	"name": "ShopXO",
+	"appid": "__UNI__F095115",
+	"description": "ShopXO开源商城、MIT协议、可商用、可二次开发、满足99%电商运营需求",
+	"versionName": "1.0.0",
+	"versionCode": 100,
+	"transformPx": false,
+	"app-plus": {
+		"usingComponents": true,
+		"nvueCompiler": "uni-app",
+		"compilerVersion": 3,
+		"splashscreen": {
+			"alwaysShowBeforeRender": true,
+			"waiting": true,
+			"autoclose": true,
+			"delay": 0
+		},
+		"modules": {
+			"Payment": {},
+			"Barcode": {},
+			"OAuth": {},
+			"Maps": {},
+			"Geolocation": {},
+			"Share": {},
+			"VideoPlayer": {},
+			"Camera": {}
+		},
+		"distribute": {
+			"android": {
+				"permissions": [
+					"<uses-feature android:name=\"android.hardware.camera\"/>",
+					"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
+					"<uses-permission android:name=\"android.permission.CAMERA\"/>",
+					"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+					"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+					"<uses-permission android:name=\"android.permission.INTERNET\"/>",
+					"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
+					"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+					"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
+					"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+					"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
+					"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+					"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+					"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
+					"<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",
+					"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+				],
+				"targetSdkVersion": 30,
+				"minSdkVersion": 23
+			},
+			"ios": {
+				"dSYMs": false,
+				"privacyDescription": {
+					"NSPhotoLibraryUsageDescription": "获取用户手机相册用于提供相册图片素材",
+					"NSPhotoLibraryAddUsageDescription": "将图片保存至手机相册",
+					"NSCameraUsageDescription": "获取用户手机相册用于快捷拍照功能",
+					"NSLocationWhenInUseUsageDescription": "该应用需要您的地理位置，以便为你提供当前位置信息",
+					"NSLocationAlwaysUsageDescription": "该应用需要您的地理位置，以便为你提供当前位置信息",
+					"NSLocationAlwaysAndWhenInUseUsageDescription": "该应用需要持续获取用户地理位置，以便为您提供实时的位置信息"
+				}
+			},
+			"sdkConfigs": {
+				"payment": {
+					"alipay": {
+						"__platform__": ["ios", "android"]
+					},
+					"weixin": {
+						"__platform__": ["ios", "android"],
+						"appid": "wx3bac19ff90c0a976",
+						"UniversalLinks": "https://d1.shopxo.vip/.well-known/"
+					},
+					"paypal": {
+						"__platform__": ["ios", "android"],
+						"returnURL_ios": "com.shopxo.mm://paypal",
+						"returnURL_android": "com.shopxo.mm://paypal"
+					}
+				},
+				"ad": {},
+				"oauth": {
+					"univerify": {},
+					"apple": {},
+					"weixin": {
+						"appid": "wx3bac19ff90c0a976",
+						"appsecret": "91f132b39c5c575fe61b04993c57c734",
+						"UniversalLinks": "https://d1.shopxo.vip/.well-known/"
+					},
+					"qq": {
+						"appid": "102076195",
+						"UniversalLinks": "https://d1.shopxo.vip/.well-known/"
+					},
+					"google": {
+						"clientid": "510187709509-fq3t5grcfh81t4ub491tiadrtfjbaes1.apps.googleusercontent.com"
+					}
+				},
+				"maps": {
+					"amap": {
+						"name": "amapu9VF72Gg",
+						"appkey_ios": "f55e9099897821681f5c74051e4527bd",
+						"appkey_android": "ebe9f1d84f8ceb8b3c4ba6ead2bfa78b"
+					}
+				},
+				"geolocation": {
+					"system": {
+						"__platform__": ["ios", "android"]
+					}
+				},
+				"share": {
+					"weixin": {
+						"appid": "wx3bac19ff90c0a976",
+						"UniversalLinks": "https://d1.shopxo.vip/.well-known/"
+					},
+					"qq": {
+						"appid": "102076195",
+						"UniversalLinks": "https://d1.shopxo.vip/.well-known/"
+					}
+				},
+				"push": {}
+			},
+			"icons": {
+				"android": {
+					"hdpi": "unpackage/res/icons/72x72.png",
+					"xhdpi": "unpackage/res/icons/96x96.png",
+					"xxhdpi": "unpackage/res/icons/144x144.png",
+					"xxxhdpi": "unpackage/res/icons/192x192.png"
+				},
+				"ios": {
+					"appstore": "unpackage/res/icons/1024x1024.png",
+					"ipad": {
+						"app": "unpackage/res/icons/76x76.png",
+						"app@2x": "unpackage/res/icons/152x152.png",
+						"notification": "unpackage/res/icons/20x20.png",
+						"notification@2x": "unpackage/res/icons/40x40.png",
+						"proapp@2x": "unpackage/res/icons/167x167.png",
+						"settings": "unpackage/res/icons/29x29.png",
+						"settings@2x": "unpackage/res/icons/58x58.png",
+						"spotlight": "unpackage/res/icons/40x40.png",
+						"spotlight@2x": "unpackage/res/icons/80x80.png"
+					},
+					"iphone": {
+						"app@2x": "unpackage/res/icons/120x120.png",
+						"app@3x": "unpackage/res/icons/180x180.png",
+						"notification@2x": "unpackage/res/icons/40x40.png",
+						"notification@3x": "unpackage/res/icons/60x60.png",
+						"settings@2x": "unpackage/res/icons/58x58.png",
+						"settings@3x": "unpackage/res/icons/87x87.png",
+						"spotlight@2x": "unpackage/res/icons/80x80.png",
+						"spotlight@3x": "unpackage/res/icons/120x120.png"
+					}
+				}
+			},
+			"splashscreen": {
+				"useOriginalMsgbox": true
+			}
+		}
+	},
+	"quickapp": {},
+	"mp-weixin": {
+		"requiredPrivateInfos": [
+			"chooseLocation",
+			"getLocation",
+			"chooseAddress",
+			"onLocationChange",
+			"startLocationUpdate",
+			"startLocationUpdateBackground"
+		],
+		"appid": "wxda7779770f53e901",
+		"setting": {
+			"urlCheck": false,
+			"es6": true,
+			"minified": true,
+			"ignoreDevUnusedFiles": false,
+			"ignoreUploadUnusedFiles": false
+		},
+		"usingComponents": true,
+		"permission": {
+			"scope.userLocation": {
+				"desc": "你的位置将用于小程序中相应业务位置服务使用"
+			}
+		},
+		"__usePrivacyCheck__": true,
+		"plugins": {}
+	},
+	// 腾讯地图路线规划插件（需要到小程序后台设置->第三方设置->插件管理里面添加【腾讯位置服务路线规划】插件，教程 https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a）
+	// "routePlan" : {
+	//     "version" : "1.0.19",
+	//     "provider" : "wx50b5593e81dd937a"
+	// },
+	// 直播（需要到小程序后台设置->第三方设置->插件管理里面添加【小程序直播组件】插件，教程 https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx2b03c6e691cd7370）
+	// "live-player-plugin" : {
+	//     "version" : "1.3.5",
+	//     "provider" : "wx2b03c6e691cd7370"
+	// }
+	"mp-alipay": {
+		"usingComponents": true,
+		"appid": "2021001173639600"
+	},
+	"mp-baidu": {
+		"usingComponents": true,
+		"appid": "",
+		"setting": {
+			"urlCheck": false
+		}
+	},
+	"mp-toutiao": {
+		"usingComponents": true,
+		"appid": "ttfb628ddf6458b04f",
+		"setting": {
+			"urlCheck": false
+		}
+	},
+	"networkTimeout": {
+		"request": 10000,
+		"downloadFile": 10000
+	},
+	"mp-qq": {
+		"appid": "1110736292",
+		"setting": {
+			"urlCheck": false
+		},
+		"permission": {
+			"scope.userLocation": {
+				"desc": "你的位置将用于小程序中相应业务位置服务使用"
+			}
+		}
+	},
+	"mp-kuaishou": {
+		"appid": "ks669910446353970565"
+	},
+	"h5": {
+		"sdkConfigs": {
+			"maps": {
+				"qqmap": {
+					"key": "56SBZ-PCC3G-US2QM-IXYFE-4DE5H-GRBDK"
+				}
+			}
+		},
+		"devServer": {
+			"https": false,
+			"port": 8082
+		},
+		// "proxy": {
+		// 	"/api": {
+		// 		"target": "http://192.168.1.43:7777/",
+		// 		// "target": "https://store.sxczgkj.com/",
+		// 		"changeOrigin": "true",
+		// 		"pathRewrite": {
+		// 			"^/api": ""
+		// 		}
+		// 	}
+		// },
+		"router": {
+			"mode": "history",
+			"base": "/h5/"
+		},
+		"title": "czg_shop",
+		"template": "template.h5.html"
+	},
+	"app": {
+		"router": {
+			"mode": "history"
+		}
+	},
+	"vueVersion": "2",
+	"locale": "auto"
 }
 // 匹配以 /api 开头的请求
 // target: 'https://test.invoice.sxczgkj.cn/', // 替换为你的后端 API 域名
 //192.168.1.43:7777/', // 替换为你的后端 API 域名
 // 允许跨域
-// 重写路径，去掉 /api 前缀
-
+// 重写路径，去掉 /api 前缀
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 4bf3d1f..945884b 100644
--- a/pages.json
+++ b/pages.json
@@ -125,12 +125,19 @@
 		{
 			"root": "pages/buy",
 			"pages": [{
-				"path": "buy",
-				"style": {
-					"enablePullDownRefresh": true,
-					"navigationBarTitleText": ""
+					"path": "buy",
+					"style": {
+						"enablePullDownRefresh": true,
+						"navigationBarTitleText": ""
+					}
+				},
+				{
+					"path": "wu_you_status",
+					"style": {
+						"navigationBarTitleText": "支付中..."
+					}
 				}
-			}]
+			]
 		},
 		{
 			"root": "pages/goods-search",
diff --git a/pages/buy/buy.css b/pages/buy/buy.css
index 46dd7a0..86b5207 100644
--- a/pages/buy/buy.css
+++ b/pages/buy/buy.css
@@ -64,6 +64,7 @@
 */
 .payment-list .item-content {
     padding: 20rpx 0;
+	display: flex;
 }
 .payment-list .item-content .icon {
     width: 40rpx;
diff --git a/pages/buy/buy.vue b/pages/buy/buy.vue
index f231dfe..7082c52 100644
--- a/pages/buy/buy.vue
+++ b/pages/buy/buy.vue
@@ -268,7 +268,7 @@
 						<view v-if="common_order_is_booking != 1 && payment_list.length > 0" :class="plugins_coin_is_valid ? 'br-t-f9' : ''">
 							<view v-for="(item, index) in payment_list" :key="index">
 								<view class="item flex-row jc-sb align-c" :data-value="item.id" :data-index="index" @tap="payment_event">
-									<view class="item-content pr flex-1 flex-width">
+									<view class="item-content flex pr flex-1 flex-width">
 										<image v-if="(item.logo || null) != null" class="icon margin-right-sm va-m radius" :src="item.logo" mode="widthFix"></image>
 										<text class="va-m">{{ item.name }}</text>
 										<text v-if="(item.tips || null) !== null" class="pay-tips">{{ item.tips }}</text>
@@ -508,7 +508,7 @@
 				is_realstore_model: (params.realstore_id || null) != null,
 				plugins_points_status: app.globalData.get_config('plugins_base.points.data.is_default_use_points', null) == 1,
 				// pay_url: app.globalData.get_request_url('pay', 'order'),
-				pay_url: app.globalData.get_request_url('getpayment', 'xo'),
+				// pay_url: app.globalData.get_request_url('getpayment', 'xo'),
 				qrcode_url: app.globalData.get_request_url('paycheck', 'order'),
 			});
 
@@ -625,44 +625,54 @@
 			},
 			// 发起支付请求
 			async onPay(order_id, payment_id = 0, payment_list) {
-				console.log('发起支付请求', `${order_id}+${payment_id}+${JSON.stringify(payment_list)}`);
+				let payment = payment_list.find((item) => item.id == payment_id).payment;
+				if (payment == 'Weixin') {
+					let web_openid = localStorage.getItem('web_openid');
+					this.pay_url = app.globalData.get_request_url('getpayment', 'xo');
+					if (!web_openid) {
+						// 获取code换取web_openid
+						const code = this.getCodeFromUrl();
+						console.log('code===', code);
+						if (!code) {
+							this.handleAuthLogin();
+							return;
+						}
+						uni.request({
+							url: app.globalData.get_request_url('getwechatuserinfo', 'xo'),
+							method: 'GET',
+							data: {
+								code: code,
+							},
+							dataType: 'json',
+							success: (res) => {
+								console.log('获取微信web_openid===', res.data);
+								if (res.data.code == 0) {
+									let data = res.data.data;
+									localStorage.setItem('web_openid', data.openid);
 
-				let web_openid = localStorage.getItem('web_openid');
-				console.log('onPay.web_openid===', web_openid);
-				if (!web_openid) {
-					// 获取code换取web_openid
-					const code = this.getCodeFromUrl();
-					console.log('code===', code);
-					if (!code) {
-						this.handleAuthLogin();
-						return;
+									this.$refs.payment.pay_handle(order_id, payment_id, payment_list);
+								} else {
+									this.setData({
+										data_list_loding_status: 2,
+										data_list_loding_msg: res.data.msg,
+									});
+								}
+							},
+						});
+					} else {
+						// 直接走支付流程
+						console.log('直接走支付流程');
+						this.$refs.payment.pay_handle(order_id, payment_id, payment_list);
 					}
-					uni.request({
-						url: app.globalData.get_request_url('getwechatuserinfo', 'xo'),
-						method: 'GET',
-						data: {
-							code: code,
-						},
-						dataType: 'json',
-						success: (res) => {
-							console.log('获取微信web_openid===', res.data);
-							if (res.data.code == 0) {
-								let data = res.data.data;
-								localStorage.setItem('web_openid', data.openid);
+				}
 
-								this.$refs.payment.pay_handle(order_id, payment_id, payment_list);
-							} else {
-								this.setData({
-									data_list_loding_status: 2,
-									data_list_loding_msg: res.data.msg,
-								});
-							}
-						},
+				if (payment == 'IEPayPoli') {
+					console.log('开始无忧支付===', order_id);
+
+					this.pay_url = app.globalData.get_request_url('wuYouPay', 'xo');
+					this.$nextTick(() => {
+						this.$refs.payment.pay_handle(order_id, payment_id, payment_list);
 					});
-				} else {
-					// 直接走支付流程
-					console.log('直接走支付流程');
-					this.$refs.payment.pay_handle(order_id, payment_id, payment_list);
 				}
 			},
 			// 初始化配置
diff --git a/pages/buy/wu_you_status.vue b/pages/buy/wu_you_status.vue
new file mode 100644
index 0000000..410441f
--- /dev/null
+++ b/pages/buy/wu_you_status.vue
@@ -0,0 +1,352 @@
+<template>
+	<view class="container">
+		<view class="loading">
+			<image class="icon" src="/static/icon_paying.svg" mode="aspectFit"></image>
+			<view class="t">
+				{{ status }}
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import base64 from '../../common/js/lib/base64';
+
+	const app = getApp();
+	export default {
+		props: {
+			// 支付id
+			payment_id: 0,
+			// 订单下标  ---- 用于处理支付成功后前端修改成功状态
+			propTempPayIndex: {
+				type: [Number, String],
+				default: 0,
+			},
+		},
+		data() {
+			return {
+				status: '支付中...',
+				pay_url: '',
+				checkOrderTimer: null, // 存储定时器ID
+				isChecking: false, // 请求状态标记
+				checkTries: 0, // 当前尝试次数
+			};
+		},
+		onLoad(e) {
+			window.addEventListener('popstate', this.onPageBack);
+			console.log('wu_you_status.onLoad===', e);
+			this.pay_url = e;
+			let wuyou = uni.getStorageSync('wuyouPay');
+			if (this.pay_url.order_id && !wuyou.order_id) {
+				uni.setStorageSync('wuyouPay', {
+					order_id: this.pay_url.order_id,
+					check: false,
+				});
+				this.payHandle();
+			}
+		},
+		onHide() {
+			console.log('页面关闭');
+			if (this.checkOrderTimer) {
+				console.log('清除未完成的订单查询定时器');
+				clearTimeout(this.checkOrderTimer);
+			}
+			this.isChecking = false;
+			this.checkTries = 0;
+		},
+		onShow() {
+			let wuyou = uni.getStorageSync('wuyouPay');
+			if (wuyou && wuyou.check) {
+				this.checkOrderStatus();
+			}
+		},
+		methods: {
+			onPageBack() {
+				console.log('页面关闭');
+				if (this.checkOrderTimer) {
+					console.log('清除未完成的订单查询定时器');
+					clearTimeout(this.checkOrderTimer);
+				}
+				this.isChecking = false;
+				this.checkTries = 0;
+			},
+			// 开始支付
+			payHandle() {
+				console.log('开始支付00000');
+				uni.request({
+					url: app.globalData.get_request_url('wuYouPay', 'xo'),
+					method: 'POST',
+					data: {
+						ids: this.pay_url.order_id,
+						payment_id: this.pay_url.payment_id,
+						redirect_url: this.encodeAlipayCallbackUrl(window.location.href),
+					},
+					dataType: 'json',
+					success: (res) => {
+						console.log('开始支付===', res);
+						var data = res.data;
+						console.log(data);
+						if (data.code == 0) {
+							console.log(data.data.data.h5_url);
+							let wuyou2 = uni.getStorageSync('wuyouPay');
+							wuyou2.check = true;
+							uni.setStorageSync('wuyouPay', wuyou2);
+							window.location.href = data.data.data.h5_url;
+						} else {
+							uni.showToast({
+								title: msg.msg,
+								icon: 'none',
+								mask: true,
+							});
+							// setTimeout(() => {
+							// 	uni.redirectTo({
+							// 		url: '/pages/user-order/user-order',
+							// 	});
+							// }, 1500);
+						}
+					},
+					fail: (err) => {
+						console.log(err);
+					},
+				});
+			},
+			/**
+			 * 处理支付宝回调 URL 编码
+			 * @param {string} url - 原始回调 URL
+			 * @returns {string} - 经过 URL 编码和 Base64 编码后的字符串
+			 */
+			encodeAlipayCallbackUrl(url) {
+				try {
+					// 解析URL并移除查询参数
+					const urlObj = new URL(url);
+					const cleanUrl = new URL(urlObj.origin + urlObj.pathname);
+
+					// 1. Base64 编码（仅编码路径部分，不含参数）
+					let base64Encoded;
+
+					if (typeof window !== 'undefined' && window.btoa) {
+						base64Encoded = window.btoa(cleanUrl.href);
+					} else if (typeof Buffer !== 'undefined') {
+						base64Encoded = Buffer.from(cleanUrl.href, 'utf8').toString('base64');
+					} else {
+						throw new Error('无法进行 Base64 编码');
+					}
+
+					// 2. URL 安全处理
+					const safeBase64 = base64Encoded
+						.replace(/\+/g, '-') // 替换 + 为 -
+						.replace(/\//g, '_') // 替换 / 为 _
+						.replace(/=+$/, ''); // 移除末尾的 =
+
+					// 3. 最终 URL 编码
+					return encodeURIComponent(safeBase64);
+				} catch (error) {
+					console.error('URL编码失败:', error);
+					throw new Error('无效的URL格式');
+				}
+			},
+			// 检测是否支付成功
+			checkOrderStatus() {
+				let wuyou = uni.getStorageSync('wuyouPay');
+
+				// 已达到最大尝试次数或正在请求中，则返回
+				if (this.checkTries >= 10 || this.isChecking) {
+					if (this.checkTries >= 10) {
+						console.log('checkOrderStatus.已达到最大查询次数');
+						this.payFail();
+					}
+					return;
+				}
+				this.status = `查询中，请勿操作（${this.checkTries + 1}/10）...`;
+
+				this.checkTries++;
+				this.isChecking = true;
+				console.log(`checkOrderStatus.第${this.checkTries}次查询订单状态`);
+
+				uni.request({
+					url: app.globalData.get_request_url('queryOrder', 'xo'),
+					method: 'get',
+					data: {
+						id: wuyou.order_id,
+					},
+					dataType: 'json',
+					success: (res) => {
+						let data = res.data;
+						console.log(`checkOrderStatus.第${this.checkTries}次查询结果`, res.data);
+
+						if (data.code == 0) {
+							const status = data.data.status;
+
+							switch (status) {
+								case 0: // 支付中，2秒后继续查询
+									console.log(`checkOrderStatus.订单状态：支付中，继续查询（${this.checkTries}/10）`);
+									this.checkOrderTimer = setTimeout(() => {
+										this.checkOrderStatus();
+									}, 2000);
+									break;
+
+								case 1: // 支付成功，跳转到订单详情
+									console.log('checkOrderStatus.订单状态：支付成功');
+									uni.showToast({
+										title: '支付成功，即将跳转订单详情',
+										icon: 'none',
+										mask: true,
+									});
+
+									setTimeout(() => {
+										uni.reLaunch({
+											url: `/pages/user-order-detail/user-order-detail?id=${wuyou.order_id}`,
+										});
+									}, 1000);
+									break;
+
+								default: // 其他状态（如-1支付失败），终止查询
+									console.log(`checkOrderStatus.订单状态异常：${status}`);
+									this.payFail();
+							}
+						} else {
+							// 请求成功但业务错误，终止查询
+							console.error('checkOrderStatus.业务错误：', data.message);
+							this.payFail();
+						}
+					},
+					fail: (err) => {
+						console.error(`checkOrderStatus.第${this.checkTries}次查询失败`, err);
+
+						// 请求失败，2秒后继续尝试（但不增加尝试次数）
+						this.checkTries--; // 失败不计数
+						this.checkOrderTimer = setTimeout(() => {
+							this.checkOrderStatus();
+						}, 2000);
+					},
+					complete: () => {
+						// 请求完成，无论结果如何都重置状态
+						this.isChecking = false;
+					},
+				});
+			},
+			payFail() {
+				uni.showToast({
+					title: '支付失败',
+					icon: 'none',
+					mask: true,
+				});
+				setTimeout(() => {
+					uni.reLaunch({
+						url: '/pages/user-order/user-order',
+					});
+				}, 1500);
+			},
+			// 支付失败数据设置 data:后台返回的参数， order_id: 订单id, msg: 错误提示信息
+			order_item_pay_fail_handle(data, order_id, msg) {
+				let back_data = {
+					data: data,
+					order_id: order_id,
+					temp_pay_index: this.propTempPayIndex,
+					payment_id: this.payment_id,
+				};
+				this.$emit('pay-fail', back_data);
+				this.to_fail_page_event(msg);
+			},
+			// 失败跳转
+			to_fail_page_event(msg) {
+				let to_fail_page = this.propToFailPage || null;
+				if (to_fail_page != null) {
+					let join = to_fail_page.indexOf('?') == -1 ? '?' : '&';
+					to_fail_page += join + 'msg=' + msg;
+					if (this.propIsFailAlert) {
+						// 现金支付
+						uni.showModal({
+							content: msg,
+							showCancel: false,
+							confirmText: this.$t('common.confirm'),
+							success(res) {
+								if (res.confirm) {
+									// 跳转支付页面
+									app.globalData.url_open(to_fail_page, true);
+								}
+							},
+						});
+					} else {
+						// 跳转支付页面
+						app.globalData.url_open(to_fail_page, true);
+					}
+				} else {
+					if (msg) {
+						app.globalData.showToast(msg);
+					}
+				}
+			},
+			// 支付成功数据设置 data:后台返回的参数， order_id: 订单id，is_to_page，是否需要跳转页面的参数控制
+			order_item_pay_success_handle(data, order_id, is_to_page = true) {
+				let back_data = {
+					data: data,
+					order_id: order_id,
+					temp_pay_index: this.propTempPayIndex,
+					payment_id: this.payment_id,
+					is_to_page: is_to_page,
+				};
+				this.$emit('pay-success', back_data);
+				if (is_to_page) {
+					this.to_success_page_event();
+				}
+			},
+			// 支付成功数据设置 data:后台返回的参数， order_id: 订单id，is_to_page，是否需要跳转页面的参数控制
+			order_item_pay_success_handle(data, order_id, is_to_page = true) {
+				let back_data = {
+					data: data,
+					order_id: order_id,
+					temp_pay_index: this.propTempPayIndex,
+					payment_id: this.payment_id,
+					is_to_page: is_to_page,
+				};
+				this.$emit('pay-success', back_data);
+				if (is_to_page) {
+					this.to_success_page_event();
+				}
+			},
+			// 成功跳转
+			to_success_page_event() {
+				if (this.propToPage) {
+					// 跳转支付页面
+					app.globalData.url_open(this.propToPage, true);
+				} else {
+					let url_data = {
+						code: '9000',
+					};
+					url_data = Object.assign({}, url_data, this.propToPageBack);
+					// 跳转支付页面
+					app.globalData.url_open('/pages/paytips/paytips?params=' + encodeURIComponent(base64.encode(JSON.stringify(url_data))), this.propIsRedirectTo);
+				}
+			},
+		},
+	};
+</script>
+
+<style scoped lang="scss">
+	.container {
+		width: 100vw;
+		height: 100vh;
+		padding-bottom: 40%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		box-sizing: border-box;
+		.loading {
+			display: flex;
+			gap: 20upx;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			.icon {
+				$size: 300upx;
+				width: $size;
+				height: $size;
+			}
+			.t {
+				font-size: 36upx;
+				color: #999;
+			}
+		}
+	}
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index dff2f97..8b9c677 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,665 +1,1544 @@
 <template>
-    <view :class="theme_view">
-        <view :class="(plugins_mourning_data_is_app ? ' grayscale' : '') + (is_single_page == 1 ? ' single-page-top' : '')">
-            <!-- diy模式 -->
-            <block v-if="data_mode == 3">
-                <block v-if="(data_list || null) != null && (data_list.config || null) != null">
-                    <componentDiy :propValue="data_list.config" :propDataId="data_list.id" :propKey="random_value" @onLocationBack="user_back_choice_location">
-                        <!-- 底部内容 -->
-                        <template slot="diy-bottom-content">
-                            <!-- 结尾 -->
-                            <component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
-                            <!-- 版权信息 -->
-                            <component-copyright></component-copyright>
-                        </template>
-                        <!-- 底部公共 -->
-                        <template slot="diy-bottom-common">
-                            <component-common ref="common" :propIsGrayscale="plugins_mourning_data_is_app"></component-common>
-                        </template>
-                    </componentDiy>
-                </block>
-                <block v-else>
-                    <component-no-data propStatus="0" propPage="home"></component-no-data>
-                </block>
-            </block>
-            <!-- 自动和手动模式 -->
-            <block v-else>
-                <!-- 顶部内容、如果没有轮播和导航则使用矮的浮动导航背景样式，则使用高的背景样式 -->
-                <view v-if="load_status == 1" class="home-top-nav-content pr" :style="(banner_list.length > 0 || navigation.length > 0 ? top_content_bg_color : top_content_search_bg_color) + top_content_style">
-                    <!-- 顶部背景图片 -->
-                    <view class="pa top-0 left-0 right-0">
-                        <image class="bg-img wh-auto" mode="widthFix" :src="static_url + 'nav-top.png'"></image>
-                    </view>
+	<view>
+		<view class="container" :class="[themeConfigData.layout]">
+			<status-bar-height></status-bar-height>
+			<view class="page-bg2" v-if="themeConfigData.layout == 'layout3'">
+				<image class="img" src="https://store.sxczgkj.com/static/upload/images/goods/2025/05/18/1747532737117126.png" mode="widthFix"></image>
+				<view class="page-tab">
+					<view class="item active">
+						<text class="t">首页</text>
+					</view>
+					<navigator class="item" open-type="switchTab" hover-class="none" url="/pages/goods-category/goods-category">
+						<text class="t">新品</text>
+					</navigator>
+				</view>
+				<!-- 搜索栏2 -->
+				<view class="search-wrap2">
+					<navigator class="search-content" hover-class="none" url="/pages/goods-search/goods-search">
+						<uni-icons type="scan" size="24" color="#E75A63"></uni-icons>
+						<view class="ipt">请输入商品名称</view>
+						<uni-icons type="camera" size="30" color="#999"></uni-icons>
+						<view class="btn">
+							<view class="line"></view>
+							<text class="t">搜索</text>
+						</view>
+					</navigator>
+				</view>
+			</view>
+			<view class="page-bg" v-else>
+				<image class="img" :src="themeConfigData.layoutData ? themeConfigData.layoutData.search.backgroundImage : ''" mode="widthFix"></image>
+			</view>
+			<view class="layout3-category" v-if="themeConfigData.layout == 'layout3'">
+				<scroll-view class="category-list" :class="[themeConfigData.layout]" scroll-x :scrollLeft="scrollLeft">
+					<view class="item tab-item" :class="{ active: currentTab == 0 }" @click="handleTabClick(0)">
+						<view class="t-wrap">
+							<view class="dot" :style="{ background: themeConfigData.themeColor }"></view>
+							<view class="t">推荐</view>
+						</view>
+					</view>
+					<view class="item tab-item" :class="{ active: currentTab == index + 1 }" v-for="(item, index) in category_list" :key="item.id" @click="handleTabClick(index + 1)">
+						<view class="t-wrap">
+							<view class="dot" :style="{ background: themeConfigData.themeColor }"></view>
+							<view class="t">{{ item.name }}</view>
+						</view>
+					</view>
+				</scroll-view>
+				<navigator class="cate" open-type="switchTab" hover-class="none" url="/pages/goods-category/goods-category">
+					<uni-icons type="bars" color="#555" size="18"></uni-icons>
+					<text class="t">分类</text>
+				</navigator>
+			</view>
+			<template v-if="themeConfigData.layout != 'layout3'">
+				<view class="logo">
+					<image class="img" :src="application_logo" mode="aspectFit"></image>
+				</view>
+				<!-- 搜索栏1 -->
+				<view class="search-wrap">
+					<navigator class="search-content" hover-class="none" url="/pages/goods-search/goods-search">
+						<view class="ipt">请输入商品名称</view>
+						<view class="btn">
+							<uni-icons type="search" size="22" color="#fff"></uni-icons>
+						</view>
+					</navigator>
+				</view>
+			</template>
+			<!-- 轮播图 -->
+			<view v-if="banner_list.length && themeConfigData.layoutData.carousel.visible">
+				<component-banner :propData="banner_list" @changeBanner="change_banner"></component-banner>
+			</view>
+			<!-- <view v-if="banner_list.length > 0 && themeConfigData.layoutData && themeConfigData.layoutData.carousel.visible">
+				<component-banner :propData="banner_list" @changeBanner="change_banner"></component-banner>
+			</view> -->
+			<!-- 金刚区 -->
+			<view class="menus-wrap" v-if="themeConfigData.layout != 'layout3'">
+				<view class="item" v-for="item in navigation.slice(0, 10)" :key="item.id" :data-value="item.event_value" :data-type="item.event_type" @tap="navigation_event">
+					<view class="icon">
+						<image class="img" :src="item.images_url" mode="aspectFit"></image>
+					</view>
+					<text class="t">{{ item.name }}</text>
+				</view>
+			</view>
+			<!-- 推荐区1 -->
+			<view class="recommed-wrap" v-if="themeConfigData.layout == 'layout2' && themeConfigData.layoutData.jingang.visible">
+				<view class="left-icon">
+					<image class="img" :src="themeConfigData.layoutData && themeConfigData.layoutData.jingang.backgroundImage" mode="aspectFit"></image>
+				</view>
+				<view class="goods-wrap">
+					<scroll-view class="scroll-view" scroll-x>
+						<view class="item" v-for="(item, index) in recommd_goods_list" :key="item.id" :data-index="index" :data-value="item.goods_url" @tap="goods_event">
+							<view class="cover">
+								<image class="img" :src="item.images" mode="aspectFill"></image>
+							</view>
+							<view class="name">
+								{{ item.title }}
+							</view>
+						</view>
+					</scroll-view>
+				</view>
+			</view>
+			<!-- 推荐区2 -->
+			<view class="recommed2-wrap" v-if="themeConfigData.layoutData.newGoods.visible" :style="{ background: `linear-gradient(${themeConfigData.layoutData.newGoods.bgColorDeg}deg, ${themeConfigData.layoutData.newGoods.bgColor} 0%, ${themeConfigData.layoutData.newGoods.bgColor1} 100%)` }">
+				<view class="top">
+					<text class="title">#新品上架#</text>
+					<navigator class="more" open-type="switchTab" url="/pages/goods-category/goods-category" :style="{ 'background-color': themeConfigData.themeColor }">
+						<text class="t">更多好物</text>
+						<uni-icons type="right" color="#333" size="12"></uni-icons>
+					</navigator>
+				</view>
+				<view class="goods-wrap">
+					<view class="item" v-for="(item, index) in news_goods_list" :key="item.id" :data-index="index" :data-value="item.goods_url" @tap="goods_event">
+						<view class="icon">
+							<image class="img" :src="item.images" mode="aspectFill"></image>
+						</view>
+						<view class="name">{{ item.title }}</view>
+						<view class="price-wrap">
+							<text class="p">￥{{ item.min_original_price }}</text>
+							<text class="o">￥{{ item.original_price }}</text>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 推荐区3 -->
+			<view class="recommed3-wrap" v-if="themeConfigData.layout == 'layout1' && themeConfigData.layoutData.jingang.visible">
+				<view class="left" v-if="recommd_goods_list.length">
+					<image class="bg" :src="themeConfigData.layoutData.jingang.block1.backgroundImage" mode="aspectFill"></image>
+					<view class="top1">
+						<image class="img" :src="recommd_goods_list[0].images" mode="aspectFill" :data-value="recommd_goods_list[0].goods_url" @tap="goods_event"></image>
+						<view class="tag">TOP 1</view>
+					</view>
+					<view class="goods-wrap">
+						<view class="item" v-for="item in recommd_goods_list.slice(1, 4)" :key="item.id" :data-value="item.goods_url" @tap="goods_event">
+							<image class="img" :src="item.images" mode="aspectFill"></image>
+							<text class="t">￥{{ item.min_original_price }}</text>
+						</view>
+					</view>
+				</view>
+				<view class="right" v-if="news_goods_list.length">
+					<view class="item" :data-value="news_goods_list[0].goods_url" @tap="goods_event">
+						<image class="bg" :src="themeConfigData.layoutData.jingang.block2.backgroundImage" mode=""></image>
+						<image class="img" :src="news_goods_list[0].images" mode="aspectFill"></image>
+					</view>
+					<view class="item" :data-value="news_goods_list[1].goods_url" @tap="goods_event">
+						<image class="bg" :src="themeConfigData.layoutData.jingang.block3.backgroundImage" mode=""></image>
+						<image class="img" :src="news_goods_list[1].images" mode="aspectFill"></image>
+					</view>
+				</view>
+			</view>
+			<!-- 推荐区4 -->
+			<view class="recommed4-wrap" v-if="themeConfigData.layout == 'layout3'">
+				<view class="col">
+					<view class="col-item">
+						<view class="title">
+							<text class="t">{{ themeConfigData.layoutData.recommandGoods.block1.title }}</text>
+						</view>
+						<view class="items">
+							<view class="item" v-for="item in themeConfigData.layoutData.recommandGoods.block1.data" :key="item.id" :data-value="item.goods_url" @tap="goods_event">
+								<image class="img" :src="item.images"></image>
+								<view class="t">
+									<view class="price">￥{{ item.min_original_price }}</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="flex">
+						<view class="col-item">
+							<view class="title">
+								<text class="t">{{ themeConfigData.layoutData.recommandGoods.block2.title }}</text>
+							</view>
+							<view class="items">
+								<view class="item" v-for="item in themeConfigData.layoutData.recommandGoods.block2.data" :key="item.id" :data-value="item.goods_url" @tap="goods_event">
+									<image class="img" :src="item.images"></image>
+									<view class="name">
+										{{ item.title }}
+									</view>
+									<view class="t">
+										<view class="price">￥{{ item.min_original_price }}</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="col-item">
+							<view class="title">
+								<text class="t">{{ themeConfigData.layoutData.recommandGoods.block3.title }}</text>
+							</view>
+							<view class="items">
+								<view class="item" v-for="item in themeConfigData.layoutData.recommandGoods.block3.data" :key="item.id" :data-value="item.goods_url" @tap="goods_event">
+									<image class="img" :src="item.images"></image>
+									<view class="name">
+										{{ item.title }}
+									</view>
+									<view class="t">
+										<view class="price">￥{{ item.min_original_price }}</view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="col">
+					<view class="col-item">
+						<view class="title">
+							<view class="left">
+								<text class="t">{{ themeConfigData.layoutData.recommandGoods.block4.title }}</text>
+								<view class="tag">
+									<view class="tag-bg"></view>
+									<text class="tag-t">好物推荐</text>
+								</view>
+							</view>
+							<view class="title-goods">
+								<view class="item" v-for="item in themeConfigData.layoutData.recommandGoods.block4.data.slice(0, 2)" :key="item.id" :data-value="item.goods_url" @tap="goods_event">
+									<image class="img" :src="item.images" mode="aspectFill"></image>
+									<text class="name">{{ item.title }}</text>
+								</view>
+							</view>
+						</view>
+						<view class="items">
+							<view class="item" v-for="item in themeConfigData.layoutData.recommandGoods.block4.data.slice(2, 5)" :key="item.id" :data-value="item.goods_url" @tap="goods_event">
+								<image class="img" style="height: 100upx; border-radius: 8upx" :src="item.images" mode="aspectFill"></image>
+								<text class="name" style="width: 100upx">{{ item.title }}</text>
+							</view>
+						</view>
+					</view>
+					<view class="col-item">
+						<view class="title">
+							<text class="t">{{ themeConfigData.layoutData.recommandGoods.block5.title }}</text>
+						</view>
+						<view class="items">
+							<view class="item" v-for="(item, index) in themeConfigData.layoutData.recommandGoods.block5.data" :key="item.id" :data-index="index" :data-value="item.goods_url" @tap="goods_event">
+								<image class="img" :src="item.images" mode="aspectFill"></image>
+								<view class="name">
+									{{ item.title }}
+								</view>
+								<view class="t">
+									<view class="price"> ￥{{ item.min_original_price }} </view>
+									<view class="old"> ￥{{ item.original_price }} </view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 商品列表 -->
+			<view class="goods-list">
+				<scroll-view class="category-list" scroll-x :scrollLeft="scrollLeft" v-if="themeConfigData.layout != 'layout3'">
+					<view class="item tab-item" :class="{ active: currentTab == 0 }" @click="handleTabClick(0)">
+						<view class="t-wrap">
+							<view class="line" :style="{ background: themeConfigData.themeColor }"></view>
+							<view class="t">为你推荐</view>
+						</view>
+					</view>
+					<view class="item tab-item" :class="{ active: currentTab == index + 1 }" v-for="(item, index) in category_list" :key="item.id" @click="handleTabClick(index + 1)">
+						<view class="t-wrap">
+							<view class="line" :style="{ background: themeConfigData.themeColor }"></view>
+							<view class="t">{{ item.name }}</view>
+						</view>
+					</view>
+				</scroll-view>
+				<view class="list">
+					<view class="item" v-for="(item, index) in goods_list" :key="item.id" :data-index="index" :data-value="item.goods_url" @tap="goods_event">
+						<view class="icon">
+							<image class="img" :src="item.images" mode="widthFix"></image>
+						</view>
+						<view class="info">
+							<view class="name">{{ item.title }}</view>
+							<view class="tag-list">
+								<view class="tag">新品</view>
+							</view>
+							<view class="price-wrap">
+								<text class="p">￥{{ item.min_original_price }}</text>
+								<text class="o">￥{{ item.original_price }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 提示信息 -->
+			<!-- <block v-if="load_status == 0">
+				<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg" propPage="home" :propIsHeader="true"></component-no-data>
+			</block> -->
+			<view class="loading-wrap" v-if="theme_loading">
+				<view class="loading">
+					<image class="logo" :src="application_logo_square" mode="aspectFill"></image>
+					<text class="t">拼命加载中...</text>
+				</view>
+			</view>
+		</view>
+		<!-- 页面已加载、模式 -->
+		<block v-if="load_status == 1 && data_mode != 3">
+			<!-- 结尾 -->
+			<component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
 
-                    <!-- 搜索 -->
-                    <view v-if="common_app_is_header_nav_fixed == 1" :class="'search-fixed-seat ' + (common_app_is_enable_search == 1 ? 'nav-enable-search' : '')"></view>
-                    <view :class="'pr ' + (common_app_is_header_nav_fixed == 1 ? 'search-content-fixed' : '')" :style="common_app_is_header_nav_fixed == 1 ? top_content_search_bg_color : ''">
-                        <view :class="'search-content-fixed-content ' + (common_app_is_enable_search == 1 ? 'nav-enable-search' : '')" :style="(common_app_is_header_nav_fixed == 1 ? top_content_style : '') + (common_app_is_header_nav_fixed == 1 ? top_content_search_content_style : '')">
-                            <view class="home-top-nav margin-bottom-sm pr padding-right-main">
-                                <!-- 定位 -->
-                                <view v-if="is_home_location_choice == 1" class="home-top-nav-location dis-inline-block va-m single-text cr-white pr bs-bb padding-left-main padding-right-lg">
-                                    <component-choice-location @onBack="user_back_choice_location"></component-choice-location>
-                                </view>
-                                <block v-else>
-                                    <!-- logo/标题 -->
-                                    <view class="home-top-nav-logo dis-inline-block va-m padding-left-main">
-                                        <block v-if="is_home_logo_use_text == 0 && (application_logo || null) != null">
-                                            <image :src="application_logo" mode="heightFix" class="home-top-nav-logo-image"></image>
-                                        </block>
-                                        <block v-else>
-                                            <view v-if="(application_title || null) != null" class="home-top-nav-logo-title cr-white single-text">{{ application_title }}</view>
-                                        </block>
-                                    </view>
-                                </block>
-                                <!-- #ifdef H5 || APP -->
-                                <!-- 右上角icon列表 -->
-                                <view v-if="(right_icon_list || null) != null && right_icon_list.length > 0" class="nav-top-right-icon fr">
-                                    <block v-for="(item, index) in right_icon_list">
-                                        <view class="item dis-inline-block cp pr" :data-value="item.url || ''" @tap="url_event">
-                                            <iconfont :name="item.icon" size="38rpx" color="#fff"></iconfont>
-                                            <view v-if="(item.badge || null) != null" class="badge-icon pa">
-                                                <component-badge :propNumber="item.badge"></component-badge>
-                                            </view>
-                                        </view>
-                                    </block>
-                                </view>
-                                <!-- #endif -->
-                            </view>
-                            <view v-if="common_app_is_enable_search == 1" class="search-content-input padding-horizontal-main">
-                                <!-- 是否开启搜索框前面icon扫一扫 -->
-                                <block v-if="is_home_search_scan == 1">
-                                    <component-search :propIsBtn="true" propSize="sm" :propPlaceholder="$t('customview.customview.726k7y')" propPlaceholderClass="cr-grey-c" propIconColor="#999" propBgColor="#fff"
-                                        <!-- #ifndef H5 -->
-                                        @onicon="search_icon_event" propIcon="icon-scan" :propIsIconOnEvent="true"
-                                        <!-- #endif -->
-                                    ></component-search>
-                                </block>
-                                <block v-else>
-                                    <component-search :propIsBtn="true" propSize="sm" :propPlaceholder="$t('customview.customview.726k7y')" propPlaceholderClass="cr-grey-c" propIconColor="#999" propBgColor="#fff"></component-search>
-                                </block>
-                            </view>
-                        </view>
-                    </view>
+			<!-- 版权信息 -->
+			<component-copyright></component-copyright>
 
-                    <!-- 轮播 -->
-                    <view class="banner-content padding-horizontal-main margin-top-xs" v-if="banner_list.length > 0">
-                        <component-banner :propData="banner_list" @changeBanner="change_banner"></component-banner>
-                    </view>
-                    <!-- 导航 -->
-                    <view v-if="navigation.length > 0" class="spacing-mt" :class="load_status == 1 && (common_shop_notice || null) != null ? '' : ' spacing-mb'">
-                        <view class="padding-horizontal-main">
-                            <view class="bg-white border-radius-main">
-                                <component-icon-nav :propData="{ ...{ data: navigation }, ...{ random: random_value } }"></component-icon-nav>
-                            </view>
-                        </view>
-                    </view>
-                </view>
+			<!-- 在线客服 -->
+			<component-online-service :propIsNav="true" :propIsBar="true" :propIsGrayscale="plugins_mourning_data_is_app"></component-online-service>
 
-                <!-- 内容 -->
-                <view class="content padding-horizontal-main pr">
-                    <!-- 商城公告 -->
-                    <view v-if="load_status == 1 && (common_shop_notice || null) != null" class="notice">
-                        <uni-notice-bar show-icon scrollable :text="common_shop_notice" background-color="transparent" color="#666" />
-                    </view>
-                    <!-- 推荐文章 -->
-                    <view v-if="article_list.length > 0" class="article-list padding-main border-radius-main oh bg-white spacing-mb">
-                        <view mode="aspectFit" class="new-icon va-m fl cp pr divider-r" data-value="/pages/article-category/article-category" @tap="url_event">
-                            <text>{{ $t('index.index.t8bll8') }}</text
-                            ><text class="cr-red">{{ $t('index.index.t8bll9') }}</text>
-                        </view>
-                        <view class="right-content fr va-m">
-                            <swiper :vertical="true" :autoplay="true" :circular="true" display-multiple-items="1" interval="3000">
-                                <block v-for="(item, index) in article_list" :key="index">
-                                    <swiper-item class="single-text">
-                                        <text class="cr-base text-size-sm cp" :data-value="item.category_url" @tap="url_event">[{{ item.article_category_name }}]</text>
-                                        <text class="cr-base text-size-sm margin-left-xs cp" :style="(item.title_color || null) != null ? 'color:' + item.title_color + ' !important;' : ''" :data-value="item.url" @tap="url_event">{{ item.title }}</text>
-                                    </swiper-item>
-                                </block>
-                            </swiper>
-                        </view>
-                    </view>
+			<!-- 快捷导航 -->
+			<component-quick-nav :propIsNav="true" :propIsBar="true" :propIsGrayscale="plugins_mourning_data_is_app"></component-quick-nav>
 
-                    <!-- 按照插件顺序渲染插件数据 -->
-                    <block v-if="plugins_sort_list.length > 0">
-                        <block v-for="(pv, pi) in plugins_sort_list" :key="pi">
-                            <!-- 首页中间广告 - 插件 -->
-                            <view v-if="pv.plugins == 'homemiddleadv' && (plugins_homemiddleadv_data || null) != null && plugins_homemiddleadv_data.length > 0" class="plugins-homemiddleadv oh spacing-mb">
-                                <view v-for="(item, index) in plugins_homemiddleadv_data" :key="index" class="item border-radius-main oh cp" :data-value="item.url || ''" @tap="url_event">
-                                    <image class="dis-block wh-auto border-radius-main" :src="item.images" mode="widthFix"> </image>
-                                </view>
-                            </view>
-
-                            <!-- 限时秒杀 - 插件 -->
-                            <view v-if="pv.plugins == 'seckill' && (plugins_seckill_data || null) != null && (plugins_seckill_data.data || null) != null && (plugins_seckill_data.data.goods || null) != null && plugins_seckill_data.data.goods.length > 0" class="plugins-seckill-data border-radius-main spacing-mb bg-white" :style="'background-image: url(' + seckill_static_url + 'seckill-bg.png);'">
-                                <view class="flex-row jc-sb align-c padding-top-main padding-horizontal-main">
-                                    <view class="flex-1">
-                                        <image class="dis-inline-block va-m icon" :src="plugins_seckill_data.data.home_title_icon" mode="widthFix"></image>
-                                        <view class="dis-inline-block va-m margin-left-sm">
-                                            <component-countdown :propHour="plugins_seckill_data.data.time.hours" :propMinute="plugins_seckill_data.data.time.minutes" :propSecond="plugins_seckill_data.data.time.seconds"></component-countdown>
-                                        </view>
-                                    </view>
-                                    <text data-value="/pages/plugins/seckill/index/index" @tap="url_event" class="arrow-right padding-right cr-grey text-size-xs cp">{{ $t('common.more') }}</text>
-                                </view>
-                                <component-goods-list :propData="{ style_type: 2, goods_list: plugins_seckill_data.data.goods }" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol" :propIsCartParaCurve="true" propSource="index" :propOpenCart="false"></component-goods-list>
-                            </view>
-
-                            <!-- 活动配置-楼层顶部 - 插件 -->
-                            <view v-if="pv.plugins == 'activity' && (plugins_activity_data || null) != null">
-                                <component-activity-list :propConfig="plugins_activity_data.base" :propData="plugins_activity_data.data" propLocation="0" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol" :propIsCartParaCurve="true" propSource="index"></component-activity-list>
-                            </view>
-
-                            <!-- 门店 - 插件 -->
-                            <view v-if="pv.plugins == 'realstore' && (plugins_realstore_data || null) != null">
-                                <view v-if="(plugins_realstore_data.base.home_data_list_title || null) != null" class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
-                                    <text class="text-wrapper title-left-border single-text flex-1 flex-width padding-right-main">{{ plugins_realstore_data.base.home_data_list_title }}</text>
-                                    <text data-value="/pages/plugins/realstore/search/search" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
-                                </view>
-                                <component-realstore-list :propData="{ ...{ data: plugins_realstore_data.data }, ...{ random: random_value } }"></component-realstore-list>
-                            </view>
-
-                            <!-- 多商户 - 插件 -->
-                            <view v-if="pv.plugins == 'shop' && (plugins_shop_data || null) != null">
-                                <view v-if="(plugins_shop_data.base.home_data_list_title || null) != null" class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
-                                    <text class="text-wrapper title-left-border single-text flex-1 flex-width padding-right-main">{{ plugins_shop_data.base.home_data_list_title }}</text>
-                                    <text data-value="/pages/plugins/shop/index/index" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
-                                </view>
-                                <component-shop-list :propConfig="plugins_shop_data.base" :propData="{ ...{ data: plugins_shop_data.data }, ...{ random: random_value } }"></component-shop-list>
-                            </view>
-
-                            <!-- 组合搭配 - 插件 -->
-                            <view v-if="pv.plugins == 'binding' && (plugins_binding_data || null) != null">
-                                <view v-if="(plugins_binding_data.base.home_data_list_title || null) != null" class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
-                                    <text class="text-wrapper title-left-border single-text flex-1 flex-width padding-right-main">{{ plugins_binding_data.base.home_data_list_title }}</text>
-                                    <text data-value="/pages/plugins/binding/index/index" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
-                                </view>
-                                <component-binding-list :propConfig="plugins_binding_data.base" :propData="{ ...{ data: plugins_binding_data.data }, ...{ random: random_value } }" :propCurrencySymbol="currency_symbol"></component-binding-list>
-                            </view>
-
-                            <!-- 博客-楼层顶部 - 插件 -->
-                            <view v-if="pv.plugins == 'blog' && (plugins_blog_data || null) != null">
-                                <component-blog-list :propConfig="plugins_blog_data.base" :propData="plugins_blog_data.data" propLocation="0"></component-blog-list>
-                            </view>
-
-                            <!-- 魔方 - 插件 -->
-                            <view v-if="pv.plugins == 'magic' && (plugins_magic_data || null) != null">
-                                <component-magic-list :propData="{ ...plugins_magic_data, ...{ random: random_value } }" :propCurrencySymbol="currency_symbol" :propLabel="plugins_label_data"></component-magic-list>
-                            </view>
-                        </block>
-                    </block>
-
-                    <!-- 楼层数据 -->
-                    <block v-if="(data_list || null) != null && data_list.length > 0">
-                        <!-- 数据模式0,1自动+手动、2拖拽 -->
-                        <block v-if="data_mode == 2">
-                            <!-- 引入拖拽数据模块 -->
-                            <component-layout :propData="data_list"></component-layout>
-                        </block>
-                        <block v-else>
-                            <!-- 自动+手动 -->
-                            <view v-for="(floor, index) in data_list" :key="index" class="floor">
-                                <view class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
-                                    <view class="title-left">
-                                        <text class="text-wrapper title-left-border" :style="'color:' + (floor.bg_color || '#333') + ';'">{{ floor.name }}</text>
-                                        <text v-if="(floor.describe || null) != null" class="vice-name margin-left-lg cr-grey">{{ floor.describe }}</text>
-                                    </view>
-                                    <text :data-value="'/pages/goods-search/goods-search?category_id=' + floor.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
-                                </view>
-                                <view class="floor-list wh-auto oh pr">
-                                    <block v-if="(floor.goods || null) != null && floor.goods.length > 0">
-                                        <component-goods-list :propData="{ style_type: 1, goods_list: floor.goods }" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol" :propIsCartParaCurve="true" propSource="index"></component-goods-list>
-                                    </block>
-                                </view>
-                            </view>
-                        </block>
-                    </block>
-
-                    <!-- 按照插件顺序渲染插件数据 -->
-                    <block v-if="plugins_sort_list.length > 0">
-                        <block v-for="(pv, pi) in plugins_sort_list" :key="pi">
-                            <!-- 活动配置-楼层底部 - 插件 -->
-                            <view v-if="pv.plugins == 'activity' && (plugins_activity_data || null) != null">
-                                <component-activity-list :propConfig="plugins_activity_data.base" :propData="plugins_activity_data.data" propLocation="1" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol" propSource="index" :propOpenCart="false"></component-activity-list>
-                            </view>
-
-                            <!-- 博客-楼层底部 - 插件 -->
-                            <view v-if="pv.plugins == 'blog' && (plugins_blog_data || null) != null">
-                                <component-blog-list :propConfig="plugins_blog_data.base" :propData="plugins_blog_data.data" propLocation="1"></component-blog-list>
-                            </view>
-
-                            <!--- 底部购买记录 - 插件 -->
-                            <view v-if="pv.plugins == 'salerecords' && (plugins_salerecords_data || null) != null && (plugins_salerecords_data.data || null) != null && plugins_salerecords_data.data.length > 0" class="plugins-salerecords bg-white border-radius-main padding-main spacing-mb">
-                                <view class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
-                                    <view class="title-left">
-                                        <text class="text-wrapper">{{ plugins_salerecords_data.base.home_bottom_title || $t('index.index.s5r784') }}</text>
-                                        <text v-if="(plugins_salerecords_data.base || null) != null && (plugins_salerecords_data.base.home_bottom_desc || null) != null" class="vice-name margin-left-sm cr-grey-9">{{ plugins_salerecords_data.base.home_bottom_desc }}</text>
-                                    </view>
-                                </view>
-                                <view class="oh">
-                                    <swiper :vertical="true" :autoplay="true" :circular="true" :display-multiple-items="plugins_salerecords_data.data.length < 6 ? plugins_salerecords_data.data.length : 6" interval="3000" :style="plugins_salerecords_data.data.length < 6 ? 'height:' + plugins_salerecords_data.data.length * 84.33 + 'rpx;' : ''">
-                                        <block v-for="(item, index) in plugins_salerecords_data.data" :key="index">
-                                            <swiper-item>
-                                                <view class="item oh padding-vertical-main">
-                                                    <view class="item-content single-text fl">
-                                                        <image mode="widthFix" :src="item.user.avatar" class="va-m br"> </image>
-                                                        <text class="margin-left-sm">{{ item.user.user_name_view }}</text>
-                                                        <text v-if="(item.user.province || null) != null"><text class="padding-left-xs padding-right-xs">-</text>{{ item.user.province }}</text>
-                                                    </view>
-                                                    <view class="item-content fl">
-                                                        <view :data-value="item.goods_url" @tap="url_event" class="cp single-text">
-                                                            <image mode="widthFix" :src="item.images" class="va-m br"> </image>
-                                                            <text class="margin-left-sm single-text">{{ item.title }}</text>
-                                                        </view>
-                                                    </view>
-                                                    <view class="item-content single-text fr tr cr-grey padding-top-xs">
-                                                        {{ item.add_time }}
-                                                    </view>
-                                                </view>
-                                            </swiper-item>
-                                        </block>
-                                    </swiper>
-                                </view>
-                            </view>
-                        </block>
-                    </block>
-                </view>
-            </block>
-
-            <!-- 提示信息 -->
-            <block v-if="load_status == 0">
-                <component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg" propPage="home" :propIsHeader="true"></component-no-data>
-            </block>
-        </view>
-
-        <!-- 页面已加载、模式 -->
-        <block v-if="load_status == 1 && data_mode != 3">
-            <!-- 结尾 -->
-            <component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
-
-            <!-- 版权信息 -->
-            <component-copyright></component-copyright>
-
-            <!-- 在线客服 -->
-            <component-online-service :propIsNav="true" :propIsBar="true" :propIsGrayscale="plugins_mourning_data_is_app"></component-online-service>
-
-            <!-- 快捷导航 -->
-            <component-quick-nav :propIsNav="true" :propIsBar="true" :propIsGrayscale="plugins_mourning_data_is_app"></component-quick-nav>
-
-            <!-- 公共 -->
-            <component-common ref="common" :propIsGrayscale="plugins_mourning_data_is_app"></component-common>
-        </block>
-    </view>
+			<!-- 公共 -->
+			<component-common ref="common" :propIsGrayscale="plugins_mourning_data_is_app"></component-common>
+		</block>
+	</view>
 </template>
 <script>
-    const app = getApp();
-    import componentCommon from '@/components/common/common';
-    import componentSearch from '@/components/search/search';
-    import componentQuickNav from '@/components/quick-nav/quick-nav';
-    import componentIconNav from '@/components/icon-nav/icon-nav';
-    import componentBanner from '@/components/slider/slider';
-    import componentCountdown from '@/components/countdown/countdown';
-    import componentLayout from '@/components/layout/layout';
-    import componentBadge from '@/components/badge/badge';
-    import componentNoData from '@/components/no-data/no-data';
-    import componentBottomLine from '@/components/bottom-line/bottom-line';
-    import componentCopyright from '@/components/copyright/copyright';
-    import componentOnlineService from '@/components/online-service/online-service';
-    import componentActivityList from '@/components/activity-list/activity-list';
-    import componentBlogList from '@/components/blog-list/blog-list';
-    import componentRealstoreList from '@/components/realstore-list/realstore-list';
-    import componentShopList from '@/components/shop-list/shop-list';
-    import componentGoodsList from '@/components/goods-list/goods-list';
-    import componentBindingList from '@/components/binding-list/binding-list';
-    import componentMagicList from '@/components/magic-list/magic-list';
-    import componentDiy from '@/components/diy/diy';
-    import componentChoiceLocation from '@/components/choice-location/choice-location';
+	const app = getApp();
+	import componentCommon from '@/components/common/common';
+	import componentSearch from '@/components/search/search';
+	import componentQuickNav from '@/components/quick-nav/quick-nav';
+	import componentIconNav from '@/components/icon-nav/icon-nav';
+	import componentBanner from '@/components/slider/slider';
+	import componentCountdown from '@/components/countdown/countdown';
+	import componentLayout from '@/components/layout/layout';
+	import componentBadge from '@/components/badge/badge';
+	import componentNoData from '@/components/no-data/no-data';
+	import componentBottomLine from '@/components/bottom-line/bottom-line';
+	import componentCopyright from '@/components/copyright/copyright';
+	import componentOnlineService from '@/components/online-service/online-service';
+	import componentActivityList from '@/components/activity-list/activity-list';
+	import componentBlogList from '@/components/blog-list/blog-list';
+	import componentRealstoreList from '@/components/realstore-list/realstore-list';
+	import componentShopList from '@/components/shop-list/shop-list';
+	import componentGoodsList from '@/components/goods-list/goods-list';
+	import componentBindingList from '@/components/binding-list/binding-list';
+	import componentMagicList from '@/components/magic-list/magic-list';
+	import componentDiy from '@/components/diy/diy';
+	import componentChoiceLocation from '@/components/choice-location/choice-location';
 
-    // 状态栏高度
-    var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0, true));
-    // #ifdef MP-TOUTIAO
-    bar_height = 0;
-    // #endif
-    export default {
-        data() {
-            return {
-                theme_view: '',
-                theme_color: '',
-                common_static_url: '',
-                seckill_static_url: '',
-                static_url: '',
-                data_list_loding_status: 1,
-                data_list_loding_msg: '',
-                data_bottom_line_status: false,
-                load_status: 0,
-                currency_symbol: app.globalData.currency_symbol(),
-                is_home_search_scan: app.globalData.data.is_home_search_scan,
-                data_list: [],
-                banner_list: [],
-                navigation: [],
-                article_list: [],
-                cart_total: 0,
-                message_total: 0,
-                right_icon_list: [],
-                // 首页数据模式
-                data_mode: 0,
-                // 增加随机数，避免无法监听数据列表内部数据更新
-                random_value: 0,
-                // 基础配置
-                common_shop_notice: null,
-                common_app_is_enable_search: 0,
-                common_app_is_header_nav_fixed: 0,
-                common_app_is_online_service: 0,
-                // 顶部导航、名称、logo、定位
-                application_title: app.globalData.data.application_title,
-                application_logo: app.globalData.data.application_logo,
-                is_home_logo_use_text: app.globalData.data.is_home_logo_use_text,
-                is_home_location_choice: app.globalData.data.is_home_location_choice,
-                // 顶部+搜索样式配置
-                top_content_bg_color: '',
-                top_content_search_bg_color: '',
-                top_content_search_content_style: '',
-                // #ifdef MP
-                top_content_style: 'padding-top:' + (bar_height + 10) + 'px;',
-                // #endif
-                // #ifdef H5 || MP-TOUTIAO
-                top_content_style: 'padding-top:' + (bar_height + 14) + 'px;',
-                // #endif
-                // #ifdef APP
-                top_content_style: 'padding-top:' + bar_height + 'px;',
-                // #endif
-                // 是否单页预览
-                is_single_page: app.globalData.is_current_single_page() || 0,
-                // 轮播滚动时，背景色替换
-                slider_bg: null,
-                // 插件顺序列表
-                plugins_sort_list: [],
-                // 限时秒杀插件
-                plugins_seckill_data: null,
-                // 购买记录插件
-                plugins_salerecords_data: null,
-                // 活动配置插件
-                plugins_activity_data: null,
-                // 标签插件
-                plugins_label_data: null,
-                // 首页中间广告插件
-                plugins_homemiddleadv_data: null,
-                // 哀悼灰度插件
-                plugins_mourning_data_is_app: app.globalData.is_app_mourning(),
-                // 标签插件
-                plugins_blog_data: null,
-                // 门店插件
-                plugins_realstore_data: null,
-                // 多商户插件
-                plugins_shop_data: null,
-                // 组合搭配插件
-                plugins_binding_data: null,
-                // 魔方插件
-                plugins_magic_data: null,
-            };
-        },
+	// 状态栏高度
+	var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0, true));
+	// #ifdef MP-TOUTIAO
+	bar_height = 0;
+	// #endif
+	export default {
+		data() {
+			return {
+				theme_view: '',
+				theme_color: '',
+				common_static_url: '',
+				seckill_static_url: '',
+				static_url: '',
+				data_list_loding_status: 1,
+				data_list_loding_msg: '',
+				data_bottom_line_status: false,
+				load_status: 0,
+				currency_symbol: app.globalData.currency_symbol(),
+				is_home_search_scan: app.globalData.data.is_home_search_scan,
+				data_list: [],
+				banner_list: [],
+				navigation: [],
+				article_list: [],
+				cart_total: 0,
+				message_total: 0,
+				category_list: [],
+				currentTab: 0,
+				scrollLeft: 0,
+				tabWidths: [],
+				right_icon_list: [],
+				recommd_goods_list: [],
+				news_goods_list: [],
+				goods_list: [],
+				// 首页数据模式
+				data_mode: 0,
+				// 增加随机数，避免无法监听数据列表内部数据更新
+				random_value: 0,
+				// 基础配置
+				common_shop_notice: null,
+				common_app_is_enable_search: 0,
+				common_app_is_header_nav_fixed: 0,
+				common_app_is_online_service: 0,
+				// 顶部导航、名称、logo、定位
+				application_title: app.globalData.data.application_title,
+				application_logo: app.globalData.data.application_logo,
+				application_logo_square: app.globalData.get_application_logo_square(),
+				is_home_logo_use_text: app.globalData.data.is_home_logo_use_text,
+				is_home_location_choice: app.globalData.data.is_home_location_choice,
+				// 顶部+搜索样式配置
+				top_content_bg_color: '',
+				top_content_search_bg_color: '',
+				top_content_search_content_style: '',
+				// #ifdef MP
+				top_content_style: 'padding-top:' + (bar_height + 10) + 'px;',
+				// #endif
+				// #ifdef H5 || MP-TOUTIAO
+				top_content_style: 'padding-top:' + (bar_height + 14) + 'px;',
+				// #endif
+				// #ifdef APP
+				top_content_style: 'padding-top:' + bar_height + 'px;',
+				// #endif
+				// 是否单页预览
+				is_single_page: app.globalData.is_current_single_page() || 0,
+				// 轮播滚动时，背景色替换
+				slider_bg: null,
+				// 插件顺序列表
+				plugins_sort_list: [],
+				// 限时秒杀插件
+				plugins_seckill_data: null,
+				// 购买记录插件
+				plugins_salerecords_data: null,
+				// 活动配置插件
+				plugins_activity_data: null,
+				// 标签插件
+				plugins_label_data: null,
+				// 首页中间广告插件
+				plugins_homemiddleadv_data: null,
+				// 哀悼灰度插件
+				plugins_mourning_data_is_app: app.globalData.is_app_mourning(),
+				// 标签插件
+				plugins_blog_data: null,
+				// 门店插件
+				plugins_realstore_data: null,
+				// 多商户插件
+				plugins_shop_data: null,
+				// 组合搭配插件
+				plugins_binding_data: null,
+				// 魔方插件
+				plugins_magic_data: null,
+				themeConfigData: {
+					layout: '',
+					themeColor: '',
+					layoutData: {
+						carousel: '',
+						categories: '',
+						jingang: '',
+						newGoods: '',
+						products: '',
+						search: '',
+						recommandGoods: {
+							block1: '',
+							block2: '',
+							block3: '',
+							block4: '',
+							block5: '',
+						},
+					},
+				},
+				theme_loading: true,
+			};
+		},
 
-        components: {
-            componentCommon,
-            componentSearch,
-            componentQuickNav,
-            componentIconNav,
-            componentBanner,
-            componentCountdown,
-            componentLayout,
-            componentBadge,
-            componentNoData,
-            componentBottomLine,
-            componentCopyright,
-            componentOnlineService,
-            componentActivityList,
-            componentBlogList,
-            componentRealstoreList,
-            componentShopList,
-            componentGoodsList,
-            componentBindingList,
-            componentMagicList,
-            componentDiy,
-            componentChoiceLocation,
-        },
+		components: {
+			componentCommon,
+			componentSearch,
+			componentQuickNav,
+			componentIconNav,
+			componentBanner,
+			componentCountdown,
+			componentLayout,
+			componentBadge,
+			componentNoData,
+			componentBottomLine,
+			componentCopyright,
+			componentOnlineService,
+			componentActivityList,
+			componentBlogList,
+			componentRealstoreList,
+			componentShopList,
+			componentGoodsList,
+			componentBindingList,
+			componentMagicList,
+			componentDiy,
+			componentChoiceLocation,
+		},
 
-        onLoad(params) {
-            // 调用公共事件方法
-            app.globalData.page_event_onload_handle(params);
-        },
+		onLoad(params) {
+			// 调用公共事件方法
+			app.globalData.page_event_onload_handle(params);
 
-        onShow() {
-            // 调用公共事件方法
-            app.globalData.page_event_onshow_handle();
+			this.getThemeConfig();
+		},
 
-            // 数据加载
-            this.init();
+		onShow() {
+			// 调用公共事件方法
+			app.globalData.page_event_onshow_handle();
 
-            // 初始化配置
-            this.init_config();
+			// 数据加载
+			this.init();
 
-            // 公共onshow事件
-            if ((this.$refs.common || null) != null) {
-                this.$refs.common.on_show({object: this, method: 'init'});
-            }
+			// 初始化配置
+			this.init_config();
 
-            // 设置顶部导航的默认颜色
-            this.set_navigation_bar_color();
-        },
+			// 公共onshow事件
+			if ((this.$refs.common || null) != null) {
+				this.$refs.common.on_show({ object: this, method: 'init' });
+			}
 
-        // 下拉刷新
-        onPullDownRefresh() {
-            if (this.data_list_loding_status === 1) {
-                uni.stopPullDownRefresh();
-            } else {
-                this.init();
-            }
-        },
+			// 设置顶部导航的默认颜色
+			this.set_navigation_bar_color();
+		},
 
-        methods: {
-            // 初始化配置
-            init_config(status) {
-                if ((status || false) == true) {
-                    this.setData({
-                        currency_symbol: app.globalData.get_config('currency_symbol'),
-                        common_shop_notice: app.globalData.get_config('config.common_shop_notice'),
-                        common_app_is_enable_search: app.globalData.get_config('config.common_app_is_enable_search'),
-                        common_app_is_header_nav_fixed: app.globalData.get_config('config.common_app_is_header_nav_fixed'),
-                        common_app_is_online_service: app.globalData.get_config('config.common_app_is_online_service'),
-                        application_title: app.globalData.get_application_title(),
-                        application_logo: app.globalData.get_application_logo(),
-                    });
-                } else {
-                    app.globalData.is_config(this, 'init_config');
-                }
-            },
+		// 下拉刷新
+		onPullDownRefresh() {
+			if (this.data_list_loding_status === 1) {
+				uni.stopPullDownRefresh();
+			} else {
+				this.init();
+			}
+		},
+		methods: {
+			// 获取首页主题配置
+			getThemeConfig() {
+				this.theme_loading = true;
+				uni.request({
+					url: app.globalData.get_request_url('pageConfigCurrent', 'common'),
+					method: 'GET',
+					success: (res) => {
+						console.log('getThemeConfig===', JSON.parse(res.data.data.json_data));
+						if (res.data.code == 0) {
+							this.themeConfigData = JSON.parse(res.data.data.json_data);
+						} else {
+							console.log('主题获取失败===', res.data.msg);
+						}
+					},
+					complete: () => {
+						setTimeout(() => {
+							this.theme_loading = false;
+						}, 1500);
+					},
+				});
+			},
+			// 商品事件
+			goods_event(e) {
+				console.log('goods_event===', e);
+				// 商品数据缓存处理
+				// var goods = this.goods_list[e.currentTarget.dataset.index];
+				// app.globalData.goods_data_cache_handle(goods.id, goods);
 
-            // 获取数据
-            init(params = {}) {
-                // 还没有数据则读取缓存
-                var cache_key = app.globalData.data.cache_index_data_key;
-                if (this.load_status == 0) {
-                    // 本地缓存数据
-                    var upd_data = uni.getStorageSync(cache_key) || null;
-                    if (upd_data != null) {
-                        // 先使用缓存数据展示
-                        this.setData(upd_data);
+				// 调用公共打开url地址
+				app.globalData.url_event(e);
+			},
+			// 金刚区导航
+			navigation_event(e) {
+				app.globalData.operation_event(e);
+			},
+			// 根据分类获取商品列表
+			getCategoryGoods() {
+				uni.request({
+					url: app.globalData.get_request_url('index2', 'search'),
+					method: 'get',
+					data: {
+						category_id: this.currentTab == 0 ? '' : this.category_list[this.currentTab - 1].id,
+					},
+					dataType: 'json',
+					success: (res) => {
+						console.log('根据分类获取商品列表===', res);
+						if (res.data.code == 0) {
+							var data = res.data.data;
+							var temp_category = data.data || [];
+							this.goods_list = temp_category;
+						} else {
+							app.globalData.showToast(this.$t('common.internet_error_tips'));
+						}
+					},
+					fail: (err) => {
+						app.globalData.showToast(this.$t('common.internet_error_tips'));
+					},
+				});
+			},
+			// 获取推荐/新品
+			getRecommedGoods() {
+				// 获取推荐
+				uni.request({
+					url: app.globalData.get_request_url('recommendList', 'search'),
+					method: 'POST',
+					data: {
+						type: 1,
+					},
+					dataType: 'json',
+					success: (res) => {
+						console.log('获取推荐===', res);
+						if (res.data.code == 0) {
+							var data = res.data.data;
+							var temp_category = data.data || [];
+							this.recommd_goods_list = temp_category;
+						} else {
+							app.globalData.showToast(this.$t('common.internet_error_tips'));
+						}
+					},
+					fail: (err) => {
+						app.globalData.showToast(this.$t('common.internet_error_tips'));
+					},
+				});
 
-                        // 初始化返回公共处理
-                        this.init_result_common_handle();
+				// 获取新品
+				uni.request({
+					url: app.globalData.get_request_url('recommendList', 'search'),
+					method: 'POST',
+					data: {
+						type: 0,
+					},
+					dataType: 'json',
+					success: (res) => {
+						console.log('获取新品===', res);
+						if (res.data.code == 0) {
+							var data = res.data.data;
+							var temp_category = data.data || [];
+							this.news_goods_list = temp_category.slice(0, 4);
 
-                        // 已有本地缓存则直接取远程有效数据（默认首次取的是远程缓存数据）
-                        params['is_cache'] = 0;
+							console.log('this.news_goods_list===', this.news_goods_list);
+						} else {
+							app.globalData.showToast(this.$t('common.internet_error_tips'));
+						}
+					},
+					fail: (err) => {
+						app.globalData.showToast(this.$t('common.internet_error_tips'));
+					},
+				});
+			},
+			// 初始化配置
+			init_config(status) {
+				if ((status || false) == true) {
+					this.setData({
+						currency_symbol: app.globalData.get_config('currency_symbol'),
+						common_shop_notice: app.globalData.get_config('config.common_shop_notice'),
+						common_app_is_enable_search: app.globalData.get_config('config.common_app_is_enable_search'),
+						common_app_is_header_nav_fixed: app.globalData.get_config('config.common_app_is_header_nav_fixed'),
+						common_app_is_online_service: app.globalData.get_config('config.common_app_is_online_service'),
+						application_title: app.globalData.get_application_title(),
+						application_logo: app.globalData.get_application_logo(),
+					});
+				} else {
+					app.globalData.is_config(this, 'init_config');
+				}
+			},
+			// 初始化获取所有选项卡的宽度
+			initTabWidths() {
+				const query = uni.createSelectorQuery().in(this);
+				query
+					.selectAll('.tab-item')
+					.boundingClientRect((rects) => {
+						this.tabWidths = rects.map((rect) => rect.width);
+					})
+					.exec();
+			},
+			// 处理选项卡点击
+			handleTabClick(index) {
+				console.log(index);
+				this.currentTab = index;
 
-                        // 设置顶部导航的默认颜色
-                        this.set_navigation_bar_color();
-                    }
-                } else {
-                    // 已有本地缓存则直接取远程有效数据（默认首次取的是远程缓存数据）
-                    params['is_cache'] = 0;
-                }
+				// 计算需要滚动的距离使目标选项卡居中
+				let scrollLeft = 0;
+				for (let i = 0; i < index; i++) {
+					scrollLeft += this.tabWidths[i] || 0;
+				}
 
-                // 网络检查
-                if ((params || null) == null || (params.loading || 0) == 0) {
-                    app.globalData.network_type_handle(this, 'init', params);
-                    return false;
-                }
+				// 获取容器宽度和当前选项卡宽度
+				const containerWidth = uni.getSystemInfoSync().windowWidth - 50;
+				const currentTabWidth = this.tabWidths[index] || 0;
 
-                // 没有缓存数据则开启加载层
-                if (upd_data == null) {
-                    this.setData({
-                        data_list_loding_status: 1,
-                    });
-                }
-                // 请求远程数据
-                uni.request({
-                    url: app.globalData.get_request_url('index', 'index'),
-                    method: 'POST',
-                    data: params,
-                    dataType: 'json',
-                    success: (res) => {
-                        uni.stopPullDownRefresh();
-                        // 数据处理
-                        var data = res.data.data;
-                        if (res.data.code == 0) {
-                            var data_list = data.data_list || null;
-                            var upd_data = {
-                                random_value: Math.random(),
-                                data_bottom_line_status: true,
-                                banner_list: data.banner_list || [],
-                                navigation: data.navigation || [],
-                                article_list: data.article_list || [],
-                                data_mode: data.data_mode || 0,
-                                data_list: data_list,
-                                cart_total: data.cart_total.buy_number || 0,
-                                message_total: parseInt(data.message_total || 0),
-                                right_icon_list: data.right_icon_list || [],
-                                data_list_loding_status: data_list == null || data_list.length == 0 ? 0 : 3,
-                                plugins_sort_list: data.plugins_sort_list || [],
-                                plugins_seckill_data: data.plugins_seckill_data || null,
-                                plugins_salerecords_data: (data.plugins_salerecords_data || null) == null || data.plugins_salerecords_data.length <= 0 ? null : data.plugins_salerecords_data,
-                                plugins_activity_data: (data.plugins_activity_data || null) == null || data.plugins_activity_data.length <= 0 ? null : data.plugins_activity_data,
-                                plugins_label_data: (data.plugins_label_data || null) == null || (data.plugins_label_data.base || null) == null || (data.plugins_label_data.data || null) == null || data.plugins_label_data.data.length <= 0 ? null : data.plugins_label_data,
-                                plugins_homemiddleadv_data: (data.plugins_homemiddleadv_data || null) == null || data.plugins_homemiddleadv_data.length <= 0 ? null : data.plugins_homemiddleadv_data,
-                                plugins_mourning_data_is_app: parseInt(data.plugins_mourning_data || 0) == 1,
-                                plugins_blog_data: data.plugins_blog_data || null,
-                                plugins_realstore_data: data.plugins_realstore_data || null,
-                                plugins_shop_data: data.plugins_shop_data || null,
-                                plugins_binding_data: data.plugins_binding_data || null,
-                                plugins_magic_data: data.plugins_magic_data || null,
-                            };
-                            // 如果开启了哀悼灰色则不固定导航
-                            if (upd_data.plugins_mourning_data_is_app == 1) {
-                                upd_data['common_app_is_header_nav_fixed'] = 0;
-                            }
-                            this.setData(upd_data);
+				// 计算居中偏移量
+				scrollLeft = scrollLeft + currentTabWidth / 2 - containerWidth / 2;
 
-                            // 存储缓存
-                            uni.setStorageSync(cache_key, upd_data);
+				// 确保滚动距离不小于0
+				scrollLeft = Math.max(0, scrollLeft);
 
-                            // 设置顶部导航的默认颜色
-                            this.set_navigation_bar_color();
+				// 设置滚动位置
+				this.scrollLeft = scrollLeft;
 
-                            // 是否需要重新加载数据
-                            if (parseInt(data.is_result_data_cache || 0) == 1) {
-                                this.init({ is_cache: 0 });
-                            } else {
-                                // 购物车导航角标
-                                app.globalData.set_tab_bar_badge('cart', this.cart_total);
-                            }
-                        } else {
-                            this.setData({
-                                data_list_loding_status: 0,
-                                data_list_loding_msg: res.data.msg,
-                                data_bottom_line_status: true,
-                            });
-                        }
+				console.log('this.scrollLeft===', this.scrollLeft);
 
-                        // 初始化返回公共处理
-                        this.init_result_common_handle();
-                    },
-                    fail: () => {
-                        // 轮播数据处理
-                        if (this.load_status == 0 || (this.top_content_search_bg_color || null) == null) {
-                            this.change_banner(app.globalData.get_theme_color());
-                        }
+				this.getCategoryGoods();
+			},
+			// 获取分类
+			getCategory() {
+				uni.request({
+					url: app.globalData.get_request_url('category', 'goods'),
+					method: 'POST',
+					data: {},
+					dataType: 'json',
+					success: (res) => {
+						console.log('获取分类===', res);
+						if (res.data.code == 0) {
+							var data = res.data.data;
+							var temp_category = data.category || [];
+							this.category_list = temp_category;
 
-                        uni.stopPullDownRefresh();
-                        this.setData({
-                            data_list_loding_status: 2,
-                            data_list_loding_msg: this.$t('common.internet_error_tips'),
-                            data_bottom_line_status: true,
-                            load_status: 1,
-                        });
-                    },
-                });
-            },
+							this.$nextTick(() => {
+								setTimeout(() => {
+									this.initTabWidths();
+								}, 1000);
+							});
+						} else {
+							app.globalData.showToast(this.$t('common.internet_error_tips'));
+						}
+					},
+					fail: (err) => {
+						app.globalData.showToast(this.$t('common.internet_error_tips'));
+					},
+				});
+			},
+			// 获取数据
+			init(params = {}) {
+				// 还没有数据则读取缓存
+				var cache_key = app.globalData.data.cache_index_data_key;
+				if (this.load_status == 0) {
+					// 本地缓存数据
+					var upd_data = uni.getStorageSync(cache_key) || null;
+					if (upd_data != null) {
+						// 先使用缓存数据展示
+						this.setData(upd_data);
 
-            // 设置顶部导航的默认颜色
-            set_navigation_bar_color() {
-                if(this.data_mode == 3) {
-                    app.globalData.set_navigation_bar_color(parseInt(app.globalData.get_key_data(this.data_list, 'config.header.com_data.style.function_buttons_type', 0)) == 1);
-                }
-            },
+						// 初始化返回公共处理
+						this.init_result_common_handle();
 
-            // 初始化返回公共处理
-            init_result_common_handle() {
-                var theme_view = app.globalData.get_theme_value_view();
-                var theme_color = app.globalData.get_theme_color();
-                var common_static_url = app.globalData.get_static_url('common');
-                var seckill_static_url = app.globalData.get_static_url('seckill', true) + 'app/';
-                var static_url = app.globalData.get_static_url('home');
+						// 已有本地缓存则直接取远程有效数据（默认首次取的是远程缓存数据）
+						params['is_cache'] = 0;
 
-                // 轮播数据处理
-                if (this.load_status == 0 || (this.top_content_search_bg_color || null) == null) {
-                    var color = this.banner_list && this.banner_list.length > 0 && (this.banner_list[0]['bg_color'] || null) != null ? this.banner_list[0]['bg_color'] : theme_color;
-                    this.change_banner(color);
-                }
+						// 设置顶部导航的默认颜色
+						this.set_navigation_bar_color();
+					}
+				} else {
+					// 已有本地缓存则直接取远程有效数据（默认首次取的是远程缓存数据）
+					params['is_cache'] = 0;
+				}
 
-                // 公共数据
-                this.setData({
-                    top_content_search_content_style: 'background-image: url("' + static_url + 'nav-top.png");',
-                    theme_view: theme_view,
-                    theme_color: theme_color,
-                    common_static_url: common_static_url,
-                    seckill_static_url: seckill_static_url,
-                    static_url: static_url,
-                    load_status: 1,
-                });
+				// 网络检查
+				if ((params || null) == null || (params.loading || 0) == 0) {
+					app.globalData.network_type_handle(this, 'init', params);
+					return false;
+				}
 
-                // 分享菜单处理、延时执行，确保基础数据已加载完成
-                setTimeout(function () {
-                    app.globalData.page_share_handle();
-                }, 3000);
-            },
+				// 没有缓存数据则开启加载层
+				if (upd_data == null) {
+					this.setData({
+						data_list_loding_status: 1,
+					});
+				}
+				this.getCategoryGoods();
+				this.getRecommedGoods();
+				this.getCategory();
+				// 请求远程数据
+				uni.request({
+					url: app.globalData.get_request_url('index', 'index'),
+					method: 'POST',
+					data: params,
+					dataType: 'json',
+					success: (res) => {
+						uni.stopPullDownRefresh();
+						// 数据处理
+						var data = res.data.data;
+						if (res.data.code == 0) {
+							var data_list = data.data_list || null;
 
-            // 选择用户地理位置回调
-            user_back_choice_location(e) {
-                // 重新刷新数据
-                this.init();
-            },
+							console.log('data_list===', data_list);
 
-            // url事件
-            url_event(e) {
-                app.globalData.url_event(e);
-            },
+							var upd_data = {
+								random_value: Math.random(),
+								data_bottom_line_status: true,
+								banner_list: data.banner_list || [],
+								navigation: data.navigation || [],
+								article_list: data.article_list || [],
+								data_mode: data.data_mode || 0,
+								data_list: data_list,
+								cart_total: data.cart_total.buy_number || 0,
+								message_total: parseInt(data.message_total || 0),
+								right_icon_list: data.right_icon_list || [],
+								data_list_loding_status: data_list == null || data_list.length == 0 ? 0 : 3,
+								plugins_sort_list: data.plugins_sort_list || [],
+								plugins_seckill_data: data.plugins_seckill_data || null,
+								plugins_salerecords_data: (data.plugins_salerecords_data || null) == null || data.plugins_salerecords_data.length <= 0 ? null : data.plugins_salerecords_data,
+								plugins_activity_data: (data.plugins_activity_data || null) == null || data.plugins_activity_data.length <= 0 ? null : data.plugins_activity_data,
+								plugins_label_data: (data.plugins_label_data || null) == null || (data.plugins_label_data.base || null) == null || (data.plugins_label_data.data || null) == null || data.plugins_label_data.data.length <= 0 ? null : data.plugins_label_data,
+								plugins_homemiddleadv_data: (data.plugins_homemiddleadv_data || null) == null || data.plugins_homemiddleadv_data.length <= 0 ? null : data.plugins_homemiddleadv_data,
+								plugins_mourning_data_is_app: parseInt(data.plugins_mourning_data || 0) == 1,
+								plugins_blog_data: data.plugins_blog_data || null,
+								plugins_realstore_data: data.plugins_realstore_data || null,
+								plugins_shop_data: data.plugins_shop_data || null,
+								plugins_binding_data: data.plugins_binding_data || null,
+								plugins_magic_data: data.plugins_magic_data || null,
+							};
+							// 如果开启了哀悼灰色则不固定导航
+							if (upd_data.plugins_mourning_data_is_app == 1) {
+								upd_data['common_app_is_header_nav_fixed'] = 0;
+							}
+							this.setData(upd_data);
 
-            // 轮播改变、背景色处理
-            change_banner(color) {
-                if ((color || null) == null) {
-                    color = this.theme_color;
-                }
-                this.setData({
-                    top_content_bg_color: 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 80%);',
-                    top_content_search_bg_color: 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 300%);',
-                });
-            },
+							// 存储缓存
+							uni.setStorageSync(cache_key, upd_data);
 
-            // 搜索icon扫码事件
-            search_icon_event(e) {
-                app.globalData.scan_handle();
-            }
-        },
-    };
+							// 设置顶部导航的默认颜色
+							this.set_navigation_bar_color();
+
+							// 是否需要重新加载数据
+							if (parseInt(data.is_result_data_cache || 0) == 1) {
+								this.init({ is_cache: 0 });
+							} else {
+								// 购物车导航角标
+								app.globalData.set_tab_bar_badge('cart', this.cart_total);
+							}
+						} else {
+							this.setData({
+								data_list_loding_status: 0,
+								data_list_loding_msg: res.data.msg,
+								data_bottom_line_status: true,
+							});
+						}
+
+						// 初始化返回公共处理
+						this.init_result_common_handle();
+					},
+					fail: () => {
+						// 轮播数据处理
+						if (this.load_status == 0 || (this.top_content_search_bg_color || null) == null) {
+							this.change_banner(app.globalData.get_theme_color());
+						}
+
+						uni.stopPullDownRefresh();
+						this.setData({
+							data_list_loding_status: 2,
+							data_list_loding_msg: this.$t('common.internet_error_tips'),
+							data_bottom_line_status: true,
+							load_status: 1,
+						});
+					},
+				});
+			},
+
+			// 设置顶部导航的默认颜色
+			set_navigation_bar_color() {
+				if (this.data_mode == 3) {
+					app.globalData.set_navigation_bar_color(parseInt(app.globalData.get_key_data(this.data_list, 'config.header.com_data.style.function_buttons_type', 0)) == 1);
+				}
+			},
+
+			// 初始化返回公共处理
+			init_result_common_handle() {
+				var theme_view = app.globalData.get_theme_value_view();
+				var theme_color = app.globalData.get_theme_color();
+				var common_static_url = app.globalData.get_static_url('common');
+				var seckill_static_url = app.globalData.get_static_url('seckill', true) + 'app/';
+				var static_url = app.globalData.get_static_url('home');
+
+				// 轮播数据处理
+				if (this.load_status == 0 || (this.top_content_search_bg_color || null) == null) {
+					var color = this.banner_list && this.banner_list.length > 0 && (this.banner_list[0]['bg_color'] || null) != null ? this.banner_list[0]['bg_color'] : theme_color;
+					this.change_banner(color);
+				}
+
+				// 公共数据
+				this.setData({
+					top_content_search_content_style: 'background-image: url("' + static_url + 'nav-top.png");',
+					theme_view: theme_view,
+					theme_color: theme_color,
+					common_static_url: common_static_url,
+					seckill_static_url: seckill_static_url,
+					static_url: static_url,
+					load_status: 1,
+				});
+
+				// 分享菜单处理、延时执行，确保基础数据已加载完成
+				setTimeout(function () {
+					app.globalData.page_share_handle();
+				}, 3000);
+			},
+
+			// 选择用户地理位置回调
+			user_back_choice_location(e) {
+				// 重新刷新数据
+				this.init();
+			},
+
+			// url事件
+			url_event(e) {
+				app.globalData.url_event(e);
+			},
+
+			// 轮播改变、背景色处理
+			change_banner(color) {
+				if ((color || null) == null) {
+					color = this.theme_color;
+				}
+				this.setData({
+					top_content_bg_color: 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 80%);',
+					top_content_search_bg_color: 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 300%);',
+				});
+			},
+
+			// 搜索icon扫码事件
+			search_icon_event(e) {
+				app.globalData.scan_handle();
+			},
+		},
+	};
 </script>
 <style>
-    @import './index.css';
+	@import './index.css';
+</style>
+
+<style scoped lang="scss">
+	.container {
+		&.layout3 {
+			padding-top: 260upx;
+		}
+	}
+	.layout3-category {
+		padding: 20upx 0;
+		display: flex;
+		.cate {
+			flex: 1;
+			display: flex;
+			justify-content: flex-end;
+			align-items: center;
+			.t {
+				color: #555;
+			}
+		}
+	}
+	.category-list {
+		white-space: nowrap;
+		width: calc(750upx - 56upx);
+		&.layout3 {
+			width: calc(750upx - 56upx - 80upx);
+		}
+		.item {
+			display: inline-block;
+			padding-right: 40upx;
+			&.active {
+				.t-wrap {
+					.t {
+						color: #333;
+						font-weight: bold;
+					}
+					.line,
+					.dot {
+						display: block;
+					}
+				}
+			}
+			.t-wrap {
+				padding: 20upx 0;
+				position: relative;
+				.t {
+					position: relative;
+					z-index: 2;
+					color: #555;
+				}
+				.dot {
+					display: none;
+					$size: 16upx;
+					width: $size;
+					height: $size;
+					border-radius: 50%;
+					position: absolute;
+					left: 0;
+					bottom: 24upx;
+				}
+				.line {
+					display: none;
+					width: 60upx;
+					height: 8upx;
+					position: absolute;
+					bottom: 12upx;
+					left: 50%;
+					margin-left: -30upx;
+					z-index: 1;
+					border-radius: 20upx;
+				}
+			}
+		}
+	}
+	.loading-wrap {
+		width: 100%;
+		height: 100%;
+		background-color: #fff;
+		position: fixed;
+		top: 0;
+		left: 0;
+		z-index: 999;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding-bottom: 30%;
+		.loading {
+			display: flex;
+			gap: 20upx;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			.logo {
+				$size: 120upx;
+				width: $size;
+				height: $size;
+				border-radius: 16upx;
+				animation: ani 1s ease-in-out infinite;
+			}
+			@keyframes ani {
+				0% {
+					transform: translateY(0);
+				}
+				50% {
+					transform: translateY(-10px);
+				}
+				100% {
+					transform: translateY(0);
+				}
+			}
+			.t {
+				color: #999;
+			}
+		}
+	}
+	.container {
+		padding: 20upx;
+		position: relative;
+		.page-bg {
+			width: 100%;
+			position: absolute;
+			left: 0;
+			top: 0;
+			.img {
+				width: 100%;
+				height: auto;
+			}
+		}
+		.page-bg2 {
+			width: 100%;
+			position: fixed;
+			left: 0;
+			top: 0;
+			z-index: 99;
+			.img {
+				width: 100%;
+				height: auto;
+			}
+			.page-tab {
+				width: 100%;
+				position: absolute;
+				top: 45%;
+				transform: translateY(-50%);
+				display: flex;
+				padding: 0 29upx;
+				.item {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					position: relative;
+					padding: 12upx 0;
+					margin-right: 50upx;
+					&.active {
+						&::after {
+							content: '';
+							width: 40upx;
+							height: 4upx;
+							border-radius: 4upx;
+							background: #fff;
+							position: absolute;
+							bottom: 0;
+							left: 50%;
+							margin-left: -20upx;
+						}
+						.t {
+							color: rgba(255, 255, 255, 1);
+						}
+					}
+					.t {
+						font-size: 42upx;
+						color: rgba(255, 255, 255, 0.6);
+					}
+				}
+			}
+
+			.search-wrap2 {
+				position: absolute;
+				width: 100%;
+				bottom: -20upx;
+				left: 0;
+				padding: 20upx;
+				box-sizing: border-box;
+				$color: #fb1622;
+				.search-content {
+					height: 70upx;
+					border: 1px solid $color;
+					border-radius: 12upx;
+					background-color: #fff;
+					display: flex;
+					align-items: center;
+					padding: 6upx 8upx;
+					.ipt {
+						flex: 1;
+						display: flex;
+						align-items: center;
+						padding-left: 20upx;
+						height: 100%;
+						font-size: 28upx;
+						color: #999;
+					}
+					.btn {
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						width: 120upx;
+						height: 100%;
+						position: relative;
+						margin-left: 20upx;
+						.line {
+							height: 30upx;
+							border-left: 1px solid #999;
+							position: absolute;
+							top: 50%;
+							margin-top: -15upx;
+							left: 0;
+						}
+						.t {
+							color: $color;
+							font-weight: bold;
+						}
+					}
+				}
+			}
+		}
+		.logo {
+			position: relative;
+			.img {
+				width: 180upx;
+				height: 40upx;
+			}
+		}
+		.search-wrap {
+			position: relative;
+			padding: 20upx 0;
+			.search-content {
+				height: 70upx;
+				border: 1px solid #000;
+				border-radius: 80upx;
+				background-color: #fff;
+				display: flex;
+				padding: 6upx 8upx;
+				.ipt {
+					flex: 1;
+					display: flex;
+					align-items: center;
+					padding-left: 20upx;
+					height: 100%;
+					font-size: 28upx;
+					color: #999;
+				}
+				.btn {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					width: 120upx;
+					height: 100%;
+					border-radius: 80upx;
+					background-color: #000;
+				}
+			}
+		}
+		.menus-wrap {
+			display: grid;
+			grid-template-columns: repeat(5, 1fr);
+			grid-template-rows: repeat(2, 1fr);
+			grid-column-gap: 28upx;
+			grid-row-gap: 28upx;
+			position: relative;
+			padding: 28upx 0;
+			.item {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				.icon {
+					.img {
+						$size: 80upx;
+						width: $size;
+						height: $size;
+					}
+				}
+				.t {
+					color: #333;
+					font-size: 28upx;
+				}
+			}
+		}
+		.recommed-wrap {
+			$height: 292upx;
+			display: flex;
+			margin-bottom: 28upx;
+			.left-icon {
+				.img {
+					width: 204upx;
+					height: $height;
+				}
+			}
+			.goods-wrap {
+				flex: 1;
+				height: $height;
+				padding-left: 20upx;
+				.scroll-view {
+					white-space: nowrap;
+					width: calc(100vw - 284upx);
+					overflow-x: hidden;
+					.item {
+						$coverHeight: 240upx;
+						display: inline-block;
+						width: 204upx;
+						height: $height;
+						margin-right: 20upx;
+						background-color: #fff;
+						border-radius: 20upx;
+						overflow: hidden;
+						.cover {
+							width: 100%;
+							height: $coverHeight;
+							.img {
+								width: 100%;
+								height: 100%;
+							}
+						}
+						.name {
+							box-sizing: border-box;
+							padding: 0 10px;
+							width: 204upx;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+						}
+					}
+				}
+			}
+		}
+		.recommed2-wrap {
+			padding: 20upx;
+			border-radius: 20upx;
+			.top {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				.title {
+					font-size: 28upx;
+					font-weight: bold;
+					color: #000;
+				}
+				.more {
+					display: flex;
+					align-items: center;
+					gap: 2px;
+					border-radius: 100px;
+					padding: 4upx 12upx;
+					.t {
+						color: #333;
+						font-size: 24upx;
+					}
+				}
+			}
+			.goods-wrap {
+				display: grid;
+				grid-template-columns: repeat(4, 1fr);
+				grid-template-rows: auto;
+				grid-column-gap: 10px;
+				grid-row-gap: 10px;
+				padding-top: 20upx;
+				.item {
+					.icon {
+						.img {
+							display: block;
+							width: 100%;
+							height: 180upx;
+							border-radius: 20upx;
+						}
+					}
+					.name {
+						width: 140upx;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+					.price-wrap {
+						display: flex;
+						align-items: center;
+						gap: 6upx;
+						.p {
+							color: #d1381e;
+						}
+						.o {
+							color: #999;
+							font-size: 20upx;
+							text-decoration: line-through;
+							position: relative;
+							top: 1px;
+						}
+					}
+				}
+			}
+		}
+		.recommed3-wrap {
+			display: flex;
+			gap: 20upx;
+			padding-top: 32upx;
+			.left {
+				flex: 1;
+				box-sizing: border-box;
+				position: relative;
+				padding: 108upx 16upx 16upx;
+				.bg {
+					width: 100%;
+					height: 100%;
+					position: absolute;
+					top: 0;
+					left: 0;
+					border-radius: 12upx;
+				}
+				.top1 {
+					width: 100%;
+					height: 170upx;
+					position: relative;
+					border-radius: 12upx;
+					overflow: hidden;
+					.tag {
+						content: 'TOP 1';
+						padding: 4upx 12upx;
+						position: absolute;
+						z-index: 2;
+						top: 0;
+						left: 0;
+						font-size: 20upx;
+						color: #fff;
+						border-radius: 0 0 12upx 0;
+						background: linear-gradient(to right, #aedaf9, #d8bcff);
+					}
+					.img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+				.goods-wrap {
+					position: relative;
+					display: flex;
+					gap: 8upx;
+					padding-top: 20upx;
+					.item {
+						flex: 1;
+						display: flex;
+						flex-direction: column;
+						align-items: center;
+						justify-content: center;
+						.img {
+							width: 100%;
+							height: 130upx;
+							border-radius: 8upx;
+						}
+						.t {
+							font-size: 24upx;
+						}
+					}
+				}
+			}
+			.right {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				gap: 20upx;
+				.item {
+					position: relative;
+					height: 228upx;
+					.bg {
+						width: 100%;
+						height: 100%;
+						position: absolute;
+						top: 0;
+						left: 0;
+					}
+					.img {
+						width: 90%;
+						height: 108upx;
+						border-radius: 8upx;
+						position: absolute;
+						bottom: 16upx;
+						left: 5%;
+					}
+				}
+			}
+		}
+		.recommed4-wrap {
+			$gap: 12upx;
+			display: flex;
+			gap: $gap;
+			.flex {
+				display: flex;
+				gap: $gap;
+				.col-item {
+					flex: 1;
+				}
+			}
+			.col {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				gap: $gap;
+				.col-item {
+					background-color: #fff;
+					border-radius: $gap;
+					padding: $gap;
+					.title {
+						display: flex;
+						padding-bottom: $gap;
+						.left {
+							flex-shrink: 0;
+							display: flex;
+							flex-direction: column;
+							.t {
+								color: #333;
+							}
+							.tag {
+								position: relative;
+								.tag-bg {
+									position: absolute;
+									width: 100%;
+									height: 60%;
+									bottom: 0;
+									left: 0;
+									background-color: #ffd1d1;
+									border-radius: 40upx 4upx 4upx;
+								}
+								.tag-t {
+									color: #ff3838;
+									position: relative;
+								}
+							}
+						}
+						.title-goods {
+							flex: 1;
+							display: flex;
+							gap: $gap;
+							margin-left: $gap;
+							.item {
+								flex: 1;
+								display: flex;
+								flex-direction: column;
+								.img {
+									width: 100%;
+									height: 100upx;
+									border-radius: 8upx;
+								}
+								.name {
+									width: 60upx;
+									color: #999;
+									white-space: nowrap;
+									overflow: hidden;
+									text-overflow: ellipsis;
+								}
+							}
+						}
+					}
+					.items {
+						display: flex;
+						gap: $gap;
+						.item {
+							flex: 1;
+							display: flex;
+							flex-direction: column;
+							.img {
+								width: 100%;
+								height: 180upx;
+							}
+							.name {
+								width: 140upx;
+								color: #999;
+								white-space: nowrap;
+								overflow: hidden;
+								text-overflow: ellipsis;
+							}
+							.t {
+								display: flex;
+								align-items: center;
+								.price {
+									color: #fb1622;
+								}
+								.old {
+									color: #999;
+									font-size: 20upx;
+									text-decoration: line-through;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+		.goods-list {
+			padding: 20upx 0;
+			.list {
+				display: grid;
+				grid-template-columns: repeat(2, 1fr);
+				grid-template-rows: auto;
+				grid-column-gap: 20upx;
+				grid-row-gap: 20upx;
+				.item {
+					background-color: #fff;
+					border-radius: 20upx;
+					overflow: hidden;
+					.icon {
+						.img {
+							display: block;
+							width: 100%;
+							height: auto;
+							border-radius: 20upx;
+						}
+					}
+					.info {
+						padding: 20upx;
+					}
+					.name {
+						width: calc(750upx / 2 - 94upx);
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						margin-bottom: 6px;
+					}
+					.tag-list {
+						display: flex;
+						gap: 6px;
+						flex-wrap: wrap;
+						.tag {
+							display: flex;
+							align-items: center;
+							padding: 4upx 16upx;
+							border-radius: 12upx;
+							background-color: #d1381e;
+							color: #fff;
+							font-size: 24upx;
+						}
+					}
+					.price-wrap {
+						display: flex;
+						align-items: center;
+						gap: 6upx;
+						.p {
+							color: #d1381e;
+							font-size: 36upx;
+							font-weight: bold;
+						}
+						.o {
+							color: #999;
+							font-size: 20upx;
+							text-decoration: line-through;
+							position: relative;
+							top: 2px;
+						}
+					}
+				}
+			}
+		}
+	}
 </style>
diff --git a/pages/index/index3.vue b/pages/index/index3.vue
new file mode 100644
index 0000000..dff2f97
--- /dev/null
+++ b/pages/index/index3.vue
@@ -0,0 +1,665 @@
+<template>
+    <view :class="theme_view">
+        <view :class="(plugins_mourning_data_is_app ? ' grayscale' : '') + (is_single_page == 1 ? ' single-page-top' : '')">
+            <!-- diy模式 -->
+            <block v-if="data_mode == 3">
+                <block v-if="(data_list || null) != null && (data_list.config || null) != null">
+                    <componentDiy :propValue="data_list.config" :propDataId="data_list.id" :propKey="random_value" @onLocationBack="user_back_choice_location">
+                        <!-- 底部内容 -->
+                        <template slot="diy-bottom-content">
+                            <!-- 结尾 -->
+                            <component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
+                            <!-- 版权信息 -->
+                            <component-copyright></component-copyright>
+                        </template>
+                        <!-- 底部公共 -->
+                        <template slot="diy-bottom-common">
+                            <component-common ref="common" :propIsGrayscale="plugins_mourning_data_is_app"></component-common>
+                        </template>
+                    </componentDiy>
+                </block>
+                <block v-else>
+                    <component-no-data propStatus="0" propPage="home"></component-no-data>
+                </block>
+            </block>
+            <!-- 自动和手动模式 -->
+            <block v-else>
+                <!-- 顶部内容、如果没有轮播和导航则使用矮的浮动导航背景样式，则使用高的背景样式 -->
+                <view v-if="load_status == 1" class="home-top-nav-content pr" :style="(banner_list.length > 0 || navigation.length > 0 ? top_content_bg_color : top_content_search_bg_color) + top_content_style">
+                    <!-- 顶部背景图片 -->
+                    <view class="pa top-0 left-0 right-0">
+                        <image class="bg-img wh-auto" mode="widthFix" :src="static_url + 'nav-top.png'"></image>
+                    </view>
+
+                    <!-- 搜索 -->
+                    <view v-if="common_app_is_header_nav_fixed == 1" :class="'search-fixed-seat ' + (common_app_is_enable_search == 1 ? 'nav-enable-search' : '')"></view>
+                    <view :class="'pr ' + (common_app_is_header_nav_fixed == 1 ? 'search-content-fixed' : '')" :style="common_app_is_header_nav_fixed == 1 ? top_content_search_bg_color : ''">
+                        <view :class="'search-content-fixed-content ' + (common_app_is_enable_search == 1 ? 'nav-enable-search' : '')" :style="(common_app_is_header_nav_fixed == 1 ? top_content_style : '') + (common_app_is_header_nav_fixed == 1 ? top_content_search_content_style : '')">
+                            <view class="home-top-nav margin-bottom-sm pr padding-right-main">
+                                <!-- 定位 -->
+                                <view v-if="is_home_location_choice == 1" class="home-top-nav-location dis-inline-block va-m single-text cr-white pr bs-bb padding-left-main padding-right-lg">
+                                    <component-choice-location @onBack="user_back_choice_location"></component-choice-location>
+                                </view>
+                                <block v-else>
+                                    <!-- logo/标题 -->
+                                    <view class="home-top-nav-logo dis-inline-block va-m padding-left-main">
+                                        <block v-if="is_home_logo_use_text == 0 && (application_logo || null) != null">
+                                            <image :src="application_logo" mode="heightFix" class="home-top-nav-logo-image"></image>
+                                        </block>
+                                        <block v-else>
+                                            <view v-if="(application_title || null) != null" class="home-top-nav-logo-title cr-white single-text">{{ application_title }}</view>
+                                        </block>
+                                    </view>
+                                </block>
+                                <!-- #ifdef H5 || APP -->
+                                <!-- 右上角icon列表 -->
+                                <view v-if="(right_icon_list || null) != null && right_icon_list.length > 0" class="nav-top-right-icon fr">
+                                    <block v-for="(item, index) in right_icon_list">
+                                        <view class="item dis-inline-block cp pr" :data-value="item.url || ''" @tap="url_event">
+                                            <iconfont :name="item.icon" size="38rpx" color="#fff"></iconfont>
+                                            <view v-if="(item.badge || null) != null" class="badge-icon pa">
+                                                <component-badge :propNumber="item.badge"></component-badge>
+                                            </view>
+                                        </view>
+                                    </block>
+                                </view>
+                                <!-- #endif -->
+                            </view>
+                            <view v-if="common_app_is_enable_search == 1" class="search-content-input padding-horizontal-main">
+                                <!-- 是否开启搜索框前面icon扫一扫 -->
+                                <block v-if="is_home_search_scan == 1">
+                                    <component-search :propIsBtn="true" propSize="sm" :propPlaceholder="$t('customview.customview.726k7y')" propPlaceholderClass="cr-grey-c" propIconColor="#999" propBgColor="#fff"
+                                        <!-- #ifndef H5 -->
+                                        @onicon="search_icon_event" propIcon="icon-scan" :propIsIconOnEvent="true"
+                                        <!-- #endif -->
+                                    ></component-search>
+                                </block>
+                                <block v-else>
+                                    <component-search :propIsBtn="true" propSize="sm" :propPlaceholder="$t('customview.customview.726k7y')" propPlaceholderClass="cr-grey-c" propIconColor="#999" propBgColor="#fff"></component-search>
+                                </block>
+                            </view>
+                        </view>
+                    </view>
+
+                    <!-- 轮播 -->
+                    <view class="banner-content padding-horizontal-main margin-top-xs" v-if="banner_list.length > 0">
+                        <component-banner :propData="banner_list" @changeBanner="change_banner"></component-banner>
+                    </view>
+                    <!-- 导航 -->
+                    <view v-if="navigation.length > 0" class="spacing-mt" :class="load_status == 1 && (common_shop_notice || null) != null ? '' : ' spacing-mb'">
+                        <view class="padding-horizontal-main">
+                            <view class="bg-white border-radius-main">
+                                <component-icon-nav :propData="{ ...{ data: navigation }, ...{ random: random_value } }"></component-icon-nav>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 内容 -->
+                <view class="content padding-horizontal-main pr">
+                    <!-- 商城公告 -->
+                    <view v-if="load_status == 1 && (common_shop_notice || null) != null" class="notice">
+                        <uni-notice-bar show-icon scrollable :text="common_shop_notice" background-color="transparent" color="#666" />
+                    </view>
+                    <!-- 推荐文章 -->
+                    <view v-if="article_list.length > 0" class="article-list padding-main border-radius-main oh bg-white spacing-mb">
+                        <view mode="aspectFit" class="new-icon va-m fl cp pr divider-r" data-value="/pages/article-category/article-category" @tap="url_event">
+                            <text>{{ $t('index.index.t8bll8') }}</text
+                            ><text class="cr-red">{{ $t('index.index.t8bll9') }}</text>
+                        </view>
+                        <view class="right-content fr va-m">
+                            <swiper :vertical="true" :autoplay="true" :circular="true" display-multiple-items="1" interval="3000">
+                                <block v-for="(item, index) in article_list" :key="index">
+                                    <swiper-item class="single-text">
+                                        <text class="cr-base text-size-sm cp" :data-value="item.category_url" @tap="url_event">[{{ item.article_category_name }}]</text>
+                                        <text class="cr-base text-size-sm margin-left-xs cp" :style="(item.title_color || null) != null ? 'color:' + item.title_color + ' !important;' : ''" :data-value="item.url" @tap="url_event">{{ item.title }}</text>
+                                    </swiper-item>
+                                </block>
+                            </swiper>
+                        </view>
+                    </view>
+
+                    <!-- 按照插件顺序渲染插件数据 -->
+                    <block v-if="plugins_sort_list.length > 0">
+                        <block v-for="(pv, pi) in plugins_sort_list" :key="pi">
+                            <!-- 首页中间广告 - 插件 -->
+                            <view v-if="pv.plugins == 'homemiddleadv' && (plugins_homemiddleadv_data || null) != null && plugins_homemiddleadv_data.length > 0" class="plugins-homemiddleadv oh spacing-mb">
+                                <view v-for="(item, index) in plugins_homemiddleadv_data" :key="index" class="item border-radius-main oh cp" :data-value="item.url || ''" @tap="url_event">
+                                    <image class="dis-block wh-auto border-radius-main" :src="item.images" mode="widthFix"> </image>
+                                </view>
+                            </view>
+
+                            <!-- 限时秒杀 - 插件 -->
+                            <view v-if="pv.plugins == 'seckill' && (plugins_seckill_data || null) != null && (plugins_seckill_data.data || null) != null && (plugins_seckill_data.data.goods || null) != null && plugins_seckill_data.data.goods.length > 0" class="plugins-seckill-data border-radius-main spacing-mb bg-white" :style="'background-image: url(' + seckill_static_url + 'seckill-bg.png);'">
+                                <view class="flex-row jc-sb align-c padding-top-main padding-horizontal-main">
+                                    <view class="flex-1">
+                                        <image class="dis-inline-block va-m icon" :src="plugins_seckill_data.data.home_title_icon" mode="widthFix"></image>
+                                        <view class="dis-inline-block va-m margin-left-sm">
+                                            <component-countdown :propHour="plugins_seckill_data.data.time.hours" :propMinute="plugins_seckill_data.data.time.minutes" :propSecond="plugins_seckill_data.data.time.seconds"></component-countdown>
+                                        </view>
+                                    </view>
+                                    <text data-value="/pages/plugins/seckill/index/index" @tap="url_event" class="arrow-right padding-right cr-grey text-size-xs cp">{{ $t('common.more') }}</text>
+                                </view>
+                                <component-goods-list :propData="{ style_type: 2, goods_list: plugins_seckill_data.data.goods }" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol" :propIsCartParaCurve="true" propSource="index" :propOpenCart="false"></component-goods-list>
+                            </view>
+
+                            <!-- 活动配置-楼层顶部 - 插件 -->
+                            <view v-if="pv.plugins == 'activity' && (plugins_activity_data || null) != null">
+                                <component-activity-list :propConfig="plugins_activity_data.base" :propData="plugins_activity_data.data" propLocation="0" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol" :propIsCartParaCurve="true" propSource="index"></component-activity-list>
+                            </view>
+
+                            <!-- 门店 - 插件 -->
+                            <view v-if="pv.plugins == 'realstore' && (plugins_realstore_data || null) != null">
+                                <view v-if="(plugins_realstore_data.base.home_data_list_title || null) != null" class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
+                                    <text class="text-wrapper title-left-border single-text flex-1 flex-width padding-right-main">{{ plugins_realstore_data.base.home_data_list_title }}</text>
+                                    <text data-value="/pages/plugins/realstore/search/search" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
+                                </view>
+                                <component-realstore-list :propData="{ ...{ data: plugins_realstore_data.data }, ...{ random: random_value } }"></component-realstore-list>
+                            </view>
+
+                            <!-- 多商户 - 插件 -->
+                            <view v-if="pv.plugins == 'shop' && (plugins_shop_data || null) != null">
+                                <view v-if="(plugins_shop_data.base.home_data_list_title || null) != null" class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
+                                    <text class="text-wrapper title-left-border single-text flex-1 flex-width padding-right-main">{{ plugins_shop_data.base.home_data_list_title }}</text>
+                                    <text data-value="/pages/plugins/shop/index/index" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
+                                </view>
+                                <component-shop-list :propConfig="plugins_shop_data.base" :propData="{ ...{ data: plugins_shop_data.data }, ...{ random: random_value } }"></component-shop-list>
+                            </view>
+
+                            <!-- 组合搭配 - 插件 -->
+                            <view v-if="pv.plugins == 'binding' && (plugins_binding_data || null) != null">
+                                <view v-if="(plugins_binding_data.base.home_data_list_title || null) != null" class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
+                                    <text class="text-wrapper title-left-border single-text flex-1 flex-width padding-right-main">{{ plugins_binding_data.base.home_data_list_title }}</text>
+                                    <text data-value="/pages/plugins/binding/index/index" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
+                                </view>
+                                <component-binding-list :propConfig="plugins_binding_data.base" :propData="{ ...{ data: plugins_binding_data.data }, ...{ random: random_value } }" :propCurrencySymbol="currency_symbol"></component-binding-list>
+                            </view>
+
+                            <!-- 博客-楼层顶部 - 插件 -->
+                            <view v-if="pv.plugins == 'blog' && (plugins_blog_data || null) != null">
+                                <component-blog-list :propConfig="plugins_blog_data.base" :propData="plugins_blog_data.data" propLocation="0"></component-blog-list>
+                            </view>
+
+                            <!-- 魔方 - 插件 -->
+                            <view v-if="pv.plugins == 'magic' && (plugins_magic_data || null) != null">
+                                <component-magic-list :propData="{ ...plugins_magic_data, ...{ random: random_value } }" :propCurrencySymbol="currency_symbol" :propLabel="plugins_label_data"></component-magic-list>
+                            </view>
+                        </block>
+                    </block>
+
+                    <!-- 楼层数据 -->
+                    <block v-if="(data_list || null) != null && data_list.length > 0">
+                        <!-- 数据模式0,1自动+手动、2拖拽 -->
+                        <block v-if="data_mode == 2">
+                            <!-- 引入拖拽数据模块 -->
+                            <component-layout :propData="data_list"></component-layout>
+                        </block>
+                        <block v-else>
+                            <!-- 自动+手动 -->
+                            <view v-for="(floor, index) in data_list" :key="index" class="floor">
+                                <view class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
+                                    <view class="title-left">
+                                        <text class="text-wrapper title-left-border" :style="'color:' + (floor.bg_color || '#333') + ';'">{{ floor.name }}</text>
+                                        <text v-if="(floor.describe || null) != null" class="vice-name margin-left-lg cr-grey">{{ floor.describe }}</text>
+                                    </view>
+                                    <text :data-value="'/pages/goods-search/goods-search?category_id=' + floor.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
+                                </view>
+                                <view class="floor-list wh-auto oh pr">
+                                    <block v-if="(floor.goods || null) != null && floor.goods.length > 0">
+                                        <component-goods-list :propData="{ style_type: 1, goods_list: floor.goods }" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol" :propIsCartParaCurve="true" propSource="index"></component-goods-list>
+                                    </block>
+                                </view>
+                            </view>
+                        </block>
+                    </block>
+
+                    <!-- 按照插件顺序渲染插件数据 -->
+                    <block v-if="plugins_sort_list.length > 0">
+                        <block v-for="(pv, pi) in plugins_sort_list" :key="pi">
+                            <!-- 活动配置-楼层底部 - 插件 -->
+                            <view v-if="pv.plugins == 'activity' && (plugins_activity_data || null) != null">
+                                <component-activity-list :propConfig="plugins_activity_data.base" :propData="plugins_activity_data.data" propLocation="1" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol" propSource="index" :propOpenCart="false"></component-activity-list>
+                            </view>
+
+                            <!-- 博客-楼层底部 - 插件 -->
+                            <view v-if="pv.plugins == 'blog' && (plugins_blog_data || null) != null">
+                                <component-blog-list :propConfig="plugins_blog_data.base" :propData="plugins_blog_data.data" propLocation="1"></component-blog-list>
+                            </view>
+
+                            <!--- 底部购买记录 - 插件 -->
+                            <view v-if="pv.plugins == 'salerecords' && (plugins_salerecords_data || null) != null && (plugins_salerecords_data.data || null) != null && plugins_salerecords_data.data.length > 0" class="plugins-salerecords bg-white border-radius-main padding-main spacing-mb">
+                                <view class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
+                                    <view class="title-left">
+                                        <text class="text-wrapper">{{ plugins_salerecords_data.base.home_bottom_title || $t('index.index.s5r784') }}</text>
+                                        <text v-if="(plugins_salerecords_data.base || null) != null && (plugins_salerecords_data.base.home_bottom_desc || null) != null" class="vice-name margin-left-sm cr-grey-9">{{ plugins_salerecords_data.base.home_bottom_desc }}</text>
+                                    </view>
+                                </view>
+                                <view class="oh">
+                                    <swiper :vertical="true" :autoplay="true" :circular="true" :display-multiple-items="plugins_salerecords_data.data.length < 6 ? plugins_salerecords_data.data.length : 6" interval="3000" :style="plugins_salerecords_data.data.length < 6 ? 'height:' + plugins_salerecords_data.data.length * 84.33 + 'rpx;' : ''">
+                                        <block v-for="(item, index) in plugins_salerecords_data.data" :key="index">
+                                            <swiper-item>
+                                                <view class="item oh padding-vertical-main">
+                                                    <view class="item-content single-text fl">
+                                                        <image mode="widthFix" :src="item.user.avatar" class="va-m br"> </image>
+                                                        <text class="margin-left-sm">{{ item.user.user_name_view }}</text>
+                                                        <text v-if="(item.user.province || null) != null"><text class="padding-left-xs padding-right-xs">-</text>{{ item.user.province }}</text>
+                                                    </view>
+                                                    <view class="item-content fl">
+                                                        <view :data-value="item.goods_url" @tap="url_event" class="cp single-text">
+                                                            <image mode="widthFix" :src="item.images" class="va-m br"> </image>
+                                                            <text class="margin-left-sm single-text">{{ item.title }}</text>
+                                                        </view>
+                                                    </view>
+                                                    <view class="item-content single-text fr tr cr-grey padding-top-xs">
+                                                        {{ item.add_time }}
+                                                    </view>
+                                                </view>
+                                            </swiper-item>
+                                        </block>
+                                    </swiper>
+                                </view>
+                            </view>
+                        </block>
+                    </block>
+                </view>
+            </block>
+
+            <!-- 提示信息 -->
+            <block v-if="load_status == 0">
+                <component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg" propPage="home" :propIsHeader="true"></component-no-data>
+            </block>
+        </view>
+
+        <!-- 页面已加载、模式 -->
+        <block v-if="load_status == 1 && data_mode != 3">
+            <!-- 结尾 -->
+            <component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
+
+            <!-- 版权信息 -->
+            <component-copyright></component-copyright>
+
+            <!-- 在线客服 -->
+            <component-online-service :propIsNav="true" :propIsBar="true" :propIsGrayscale="plugins_mourning_data_is_app"></component-online-service>
+
+            <!-- 快捷导航 -->
+            <component-quick-nav :propIsNav="true" :propIsBar="true" :propIsGrayscale="plugins_mourning_data_is_app"></component-quick-nav>
+
+            <!-- 公共 -->
+            <component-common ref="common" :propIsGrayscale="plugins_mourning_data_is_app"></component-common>
+        </block>
+    </view>
+</template>
+<script>
+    const app = getApp();
+    import componentCommon from '@/components/common/common';
+    import componentSearch from '@/components/search/search';
+    import componentQuickNav from '@/components/quick-nav/quick-nav';
+    import componentIconNav from '@/components/icon-nav/icon-nav';
+    import componentBanner from '@/components/slider/slider';
+    import componentCountdown from '@/components/countdown/countdown';
+    import componentLayout from '@/components/layout/layout';
+    import componentBadge from '@/components/badge/badge';
+    import componentNoData from '@/components/no-data/no-data';
+    import componentBottomLine from '@/components/bottom-line/bottom-line';
+    import componentCopyright from '@/components/copyright/copyright';
+    import componentOnlineService from '@/components/online-service/online-service';
+    import componentActivityList from '@/components/activity-list/activity-list';
+    import componentBlogList from '@/components/blog-list/blog-list';
+    import componentRealstoreList from '@/components/realstore-list/realstore-list';
+    import componentShopList from '@/components/shop-list/shop-list';
+    import componentGoodsList from '@/components/goods-list/goods-list';
+    import componentBindingList from '@/components/binding-list/binding-list';
+    import componentMagicList from '@/components/magic-list/magic-list';
+    import componentDiy from '@/components/diy/diy';
+    import componentChoiceLocation from '@/components/choice-location/choice-location';
+
+    // 状态栏高度
+    var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0, true));
+    // #ifdef MP-TOUTIAO
+    bar_height = 0;
+    // #endif
+    export default {
+        data() {
+            return {
+                theme_view: '',
+                theme_color: '',
+                common_static_url: '',
+                seckill_static_url: '',
+                static_url: '',
+                data_list_loding_status: 1,
+                data_list_loding_msg: '',
+                data_bottom_line_status: false,
+                load_status: 0,
+                currency_symbol: app.globalData.currency_symbol(),
+                is_home_search_scan: app.globalData.data.is_home_search_scan,
+                data_list: [],
+                banner_list: [],
+                navigation: [],
+                article_list: [],
+                cart_total: 0,
+                message_total: 0,
+                right_icon_list: [],
+                // 首页数据模式
+                data_mode: 0,
+                // 增加随机数，避免无法监听数据列表内部数据更新
+                random_value: 0,
+                // 基础配置
+                common_shop_notice: null,
+                common_app_is_enable_search: 0,
+                common_app_is_header_nav_fixed: 0,
+                common_app_is_online_service: 0,
+                // 顶部导航、名称、logo、定位
+                application_title: app.globalData.data.application_title,
+                application_logo: app.globalData.data.application_logo,
+                is_home_logo_use_text: app.globalData.data.is_home_logo_use_text,
+                is_home_location_choice: app.globalData.data.is_home_location_choice,
+                // 顶部+搜索样式配置
+                top_content_bg_color: '',
+                top_content_search_bg_color: '',
+                top_content_search_content_style: '',
+                // #ifdef MP
+                top_content_style: 'padding-top:' + (bar_height + 10) + 'px;',
+                // #endif
+                // #ifdef H5 || MP-TOUTIAO
+                top_content_style: 'padding-top:' + (bar_height + 14) + 'px;',
+                // #endif
+                // #ifdef APP
+                top_content_style: 'padding-top:' + bar_height + 'px;',
+                // #endif
+                // 是否单页预览
+                is_single_page: app.globalData.is_current_single_page() || 0,
+                // 轮播滚动时，背景色替换
+                slider_bg: null,
+                // 插件顺序列表
+                plugins_sort_list: [],
+                // 限时秒杀插件
+                plugins_seckill_data: null,
+                // 购买记录插件
+                plugins_salerecords_data: null,
+                // 活动配置插件
+                plugins_activity_data: null,
+                // 标签插件
+                plugins_label_data: null,
+                // 首页中间广告插件
+                plugins_homemiddleadv_data: null,
+                // 哀悼灰度插件
+                plugins_mourning_data_is_app: app.globalData.is_app_mourning(),
+                // 标签插件
+                plugins_blog_data: null,
+                // 门店插件
+                plugins_realstore_data: null,
+                // 多商户插件
+                plugins_shop_data: null,
+                // 组合搭配插件
+                plugins_binding_data: null,
+                // 魔方插件
+                plugins_magic_data: null,
+            };
+        },
+
+        components: {
+            componentCommon,
+            componentSearch,
+            componentQuickNav,
+            componentIconNav,
+            componentBanner,
+            componentCountdown,
+            componentLayout,
+            componentBadge,
+            componentNoData,
+            componentBottomLine,
+            componentCopyright,
+            componentOnlineService,
+            componentActivityList,
+            componentBlogList,
+            componentRealstoreList,
+            componentShopList,
+            componentGoodsList,
+            componentBindingList,
+            componentMagicList,
+            componentDiy,
+            componentChoiceLocation,
+        },
+
+        onLoad(params) {
+            // 调用公共事件方法
+            app.globalData.page_event_onload_handle(params);
+        },
+
+        onShow() {
+            // 调用公共事件方法
+            app.globalData.page_event_onshow_handle();
+
+            // 数据加载
+            this.init();
+
+            // 初始化配置
+            this.init_config();
+
+            // 公共onshow事件
+            if ((this.$refs.common || null) != null) {
+                this.$refs.common.on_show({object: this, method: 'init'});
+            }
+
+            // 设置顶部导航的默认颜色
+            this.set_navigation_bar_color();
+        },
+
+        // 下拉刷新
+        onPullDownRefresh() {
+            if (this.data_list_loding_status === 1) {
+                uni.stopPullDownRefresh();
+            } else {
+                this.init();
+            }
+        },
+
+        methods: {
+            // 初始化配置
+            init_config(status) {
+                if ((status || false) == true) {
+                    this.setData({
+                        currency_symbol: app.globalData.get_config('currency_symbol'),
+                        common_shop_notice: app.globalData.get_config('config.common_shop_notice'),
+                        common_app_is_enable_search: app.globalData.get_config('config.common_app_is_enable_search'),
+                        common_app_is_header_nav_fixed: app.globalData.get_config('config.common_app_is_header_nav_fixed'),
+                        common_app_is_online_service: app.globalData.get_config('config.common_app_is_online_service'),
+                        application_title: app.globalData.get_application_title(),
+                        application_logo: app.globalData.get_application_logo(),
+                    });
+                } else {
+                    app.globalData.is_config(this, 'init_config');
+                }
+            },
+
+            // 获取数据
+            init(params = {}) {
+                // 还没有数据则读取缓存
+                var cache_key = app.globalData.data.cache_index_data_key;
+                if (this.load_status == 0) {
+                    // 本地缓存数据
+                    var upd_data = uni.getStorageSync(cache_key) || null;
+                    if (upd_data != null) {
+                        // 先使用缓存数据展示
+                        this.setData(upd_data);
+
+                        // 初始化返回公共处理
+                        this.init_result_common_handle();
+
+                        // 已有本地缓存则直接取远程有效数据（默认首次取的是远程缓存数据）
+                        params['is_cache'] = 0;
+
+                        // 设置顶部导航的默认颜色
+                        this.set_navigation_bar_color();
+                    }
+                } else {
+                    // 已有本地缓存则直接取远程有效数据（默认首次取的是远程缓存数据）
+                    params['is_cache'] = 0;
+                }
+
+                // 网络检查
+                if ((params || null) == null || (params.loading || 0) == 0) {
+                    app.globalData.network_type_handle(this, 'init', params);
+                    return false;
+                }
+
+                // 没有缓存数据则开启加载层
+                if (upd_data == null) {
+                    this.setData({
+                        data_list_loding_status: 1,
+                    });
+                }
+                // 请求远程数据
+                uni.request({
+                    url: app.globalData.get_request_url('index', 'index'),
+                    method: 'POST',
+                    data: params,
+                    dataType: 'json',
+                    success: (res) => {
+                        uni.stopPullDownRefresh();
+                        // 数据处理
+                        var data = res.data.data;
+                        if (res.data.code == 0) {
+                            var data_list = data.data_list || null;
+                            var upd_data = {
+                                random_value: Math.random(),
+                                data_bottom_line_status: true,
+                                banner_list: data.banner_list || [],
+                                navigation: data.navigation || [],
+                                article_list: data.article_list || [],
+                                data_mode: data.data_mode || 0,
+                                data_list: data_list,
+                                cart_total: data.cart_total.buy_number || 0,
+                                message_total: parseInt(data.message_total || 0),
+                                right_icon_list: data.right_icon_list || [],
+                                data_list_loding_status: data_list == null || data_list.length == 0 ? 0 : 3,
+                                plugins_sort_list: data.plugins_sort_list || [],
+                                plugins_seckill_data: data.plugins_seckill_data || null,
+                                plugins_salerecords_data: (data.plugins_salerecords_data || null) == null || data.plugins_salerecords_data.length <= 0 ? null : data.plugins_salerecords_data,
+                                plugins_activity_data: (data.plugins_activity_data || null) == null || data.plugins_activity_data.length <= 0 ? null : data.plugins_activity_data,
+                                plugins_label_data: (data.plugins_label_data || null) == null || (data.plugins_label_data.base || null) == null || (data.plugins_label_data.data || null) == null || data.plugins_label_data.data.length <= 0 ? null : data.plugins_label_data,
+                                plugins_homemiddleadv_data: (data.plugins_homemiddleadv_data || null) == null || data.plugins_homemiddleadv_data.length <= 0 ? null : data.plugins_homemiddleadv_data,
+                                plugins_mourning_data_is_app: parseInt(data.plugins_mourning_data || 0) == 1,
+                                plugins_blog_data: data.plugins_blog_data || null,
+                                plugins_realstore_data: data.plugins_realstore_data || null,
+                                plugins_shop_data: data.plugins_shop_data || null,
+                                plugins_binding_data: data.plugins_binding_data || null,
+                                plugins_magic_data: data.plugins_magic_data || null,
+                            };
+                            // 如果开启了哀悼灰色则不固定导航
+                            if (upd_data.plugins_mourning_data_is_app == 1) {
+                                upd_data['common_app_is_header_nav_fixed'] = 0;
+                            }
+                            this.setData(upd_data);
+
+                            // 存储缓存
+                            uni.setStorageSync(cache_key, upd_data);
+
+                            // 设置顶部导航的默认颜色
+                            this.set_navigation_bar_color();
+
+                            // 是否需要重新加载数据
+                            if (parseInt(data.is_result_data_cache || 0) == 1) {
+                                this.init({ is_cache: 0 });
+                            } else {
+                                // 购物车导航角标
+                                app.globalData.set_tab_bar_badge('cart', this.cart_total);
+                            }
+                        } else {
+                            this.setData({
+                                data_list_loding_status: 0,
+                                data_list_loding_msg: res.data.msg,
+                                data_bottom_line_status: true,
+                            });
+                        }
+
+                        // 初始化返回公共处理
+                        this.init_result_common_handle();
+                    },
+                    fail: () => {
+                        // 轮播数据处理
+                        if (this.load_status == 0 || (this.top_content_search_bg_color || null) == null) {
+                            this.change_banner(app.globalData.get_theme_color());
+                        }
+
+                        uni.stopPullDownRefresh();
+                        this.setData({
+                            data_list_loding_status: 2,
+                            data_list_loding_msg: this.$t('common.internet_error_tips'),
+                            data_bottom_line_status: true,
+                            load_status: 1,
+                        });
+                    },
+                });
+            },
+
+            // 设置顶部导航的默认颜色
+            set_navigation_bar_color() {
+                if(this.data_mode == 3) {
+                    app.globalData.set_navigation_bar_color(parseInt(app.globalData.get_key_data(this.data_list, 'config.header.com_data.style.function_buttons_type', 0)) == 1);
+                }
+            },
+
+            // 初始化返回公共处理
+            init_result_common_handle() {
+                var theme_view = app.globalData.get_theme_value_view();
+                var theme_color = app.globalData.get_theme_color();
+                var common_static_url = app.globalData.get_static_url('common');
+                var seckill_static_url = app.globalData.get_static_url('seckill', true) + 'app/';
+                var static_url = app.globalData.get_static_url('home');
+
+                // 轮播数据处理
+                if (this.load_status == 0 || (this.top_content_search_bg_color || null) == null) {
+                    var color = this.banner_list && this.banner_list.length > 0 && (this.banner_list[0]['bg_color'] || null) != null ? this.banner_list[0]['bg_color'] : theme_color;
+                    this.change_banner(color);
+                }
+
+                // 公共数据
+                this.setData({
+                    top_content_search_content_style: 'background-image: url("' + static_url + 'nav-top.png");',
+                    theme_view: theme_view,
+                    theme_color: theme_color,
+                    common_static_url: common_static_url,
+                    seckill_static_url: seckill_static_url,
+                    static_url: static_url,
+                    load_status: 1,
+                });
+
+                // 分享菜单处理、延时执行，确保基础数据已加载完成
+                setTimeout(function () {
+                    app.globalData.page_share_handle();
+                }, 3000);
+            },
+
+            // 选择用户地理位置回调
+            user_back_choice_location(e) {
+                // 重新刷新数据
+                this.init();
+            },
+
+            // url事件
+            url_event(e) {
+                app.globalData.url_event(e);
+            },
+
+            // 轮播改变、背景色处理
+            change_banner(color) {
+                if ((color || null) == null) {
+                    color = this.theme_color;
+                }
+                this.setData({
+                    top_content_bg_color: 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 80%);',
+                    top_content_search_bg_color: 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 300%);',
+                });
+            },
+
+            // 搜索icon扫码事件
+            search_icon_event(e) {
+                app.globalData.scan_handle();
+            }
+        },
+    };
+</script>
+<style>
+    @import './index.css';
+</style>
diff --git a/static/icon_paying.svg b/static/icon_paying.svg
new file mode 100644
index 0000000..5ac9fe6
--- /dev/null
+++ b/static/icon_paying.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747193795742" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17131" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M520.2 520m-450 0a450 450 0 1 0 900 0 450 450 0 1 0-900 0Z" fill="#72E798" opacity=".6" p-id="17132"></path><path d="M572.6 367.8l-7.7-23c-7.2-21.2-30.1-32.7-51.4-25.5l-144.7 48.6h203.8z m0 0" fill="#13D48D" p-id="17133"></path><path d="M654.4 376.1l-7.8-23.2c-7.2-21.3-30.3-32.9-51.7-25.7L449.4 376h205z m0 0" fill="#13D48D" p-id="17134"></path><path d="M700.7 722.8H339.6c-24.1 0-43.7-19.6-43.7-43.7V399.5c0-24.1 19.6-43.7 43.7-43.7h361.2c24.1 0 43.7 19.6 43.7 43.7v279.6c-0.1 24.2-19.6 43.7-43.8 43.7z m0 0" fill="#13D48D" p-id="17135"></path><path d="M626 580.3c-22.4 0-40.5-18.1-40.5-40.5s18.1-40.5 40.5-40.5l118.6-0.9v81.1l-118.6 0.8z m0 0" fill="#FFFFFF" p-id="17136"></path><path d="M662.1 540.3c0 7.3 3.9 14 10.2 17.6 6.3 3.6 14 3.6 20.3 0 6.3-3.6 10.2-10.3 10.2-17.6 0-7.3-3.9-14-10.2-17.6-6.3-3.6-14-3.6-20.3 0a20.25 20.25 0 0 0-10.2 17.6z m0 0" fill="#13D48D" p-id="17137"></path></svg>
\ No newline at end of file