refactor(diy-tab): 优化标签组件结构和默认配置

- 使用 tab.id 作为 v-for 的 key 提高渲染性能 - 移除默认标签数据，改为空数组 - 添加 activeTabIndex 配置项 - 调整代码格式和注释
refactor(diy-tab): 将默认配置拆分为多个独立对象以提高可维护性
2026-01-30 17:41:23 +08:00 · 2026-01-27 14:48:40 +08:00 · 2026-01-27 14:36:42 +08:00 · 2026-01-26 15:05:36 +08:00 · 2026-01-26 14:07:45 +08:00 · 2026-01-24 17:40:40 +08:00
64 changed files with 1595 additions and 503 deletions
--- a/.local.config.js
+++ b/.local.config.js
@@ -38,6 +38,10 @@ const localDevConfig = ({
        uniacid: 1,
        domain: 'https://test.aigc-quickapp.com',
    },
+    'local-2': { // 测试平台
+        uniacid: 2,
+        domain: 'http://localhost:8050/',
+    },    
 })['2811']; // 选择要使用的环境配置

 export default localDevConfig;
--- a/.local.config.js.example
+++ b/.local.config.js.example
@@ -18,6 +18,10 @@ const localDevConfig = ({
        uniacid: 2811,
        domain: 'https://xcx6.aigc-quickapp.com/',
    },  
+    '2812': { // IVD数商模式
+        uniacid: 2812,
+        domain: 'https://xcx6.aigc-quickapp.com/',
+    },    
    '2724': { // 生物菌肥
        uniacid: 2724,
        domain: 'https://xcx.aigc-quickapp.com/',
@@ -42,6 +46,10 @@ const localDevConfig = ({
        uniacid: 2,
        domain: 'http://localhost:8050/',
    },    
-})['2811']; // 选择要使用的环境配置
+    'local-2-dev': { // 本地开发测试平台
+        uniacid: 2,
+        domain: 'http://localhost:8050/',
+    },     
+})['2812']; // 选择要使用的环境配置

 export default localDevConfig;
--- a/common/js/diy.js
+++ b/common/js/diy.js
@@ -609,10 +609,10 @@ export default {
 	},
 	// 分享给好友
 	onShareAppMessage() {
-		return this.mpShareData.appMessage;
+		return this.mpShareData?.appMessage;
 	},
 	// 分享到朋友圈
 	onShareTimeline() {
-		return this.mpShareData.timeLine;
+		return this.mpShareData?.timeLine;
 	}
 }
--- a/common/js/golbalConfig.js
+++ b/common/js/golbalConfig.js
@@ -7,7 +7,7 @@ export default {
 	computed: {
 		// 是否是英文环境
 		isEnEnv() {
-			return uni.getStorageSync('lang') === 'en-us';
+			return this.$langConfig.getCurrentLocale() === 'en-us';
 		},
 		themeStyle() {
 			return this.$store.state.themeStyle;
--- a/common/js/lang.js
+++ b/common/js/lang.js
@@ -56,15 +56,24 @@ function loadLangPackSync(lang, path) {

 export default {
 	langList: langConfig.langList,
+
+	/**
+	 * 获得当前本地语言
+	 * @returns 
+	 */
+	getCurrentLocale() {
+		return uni.getStorageSync('lang') || "zh-cn"; 
+	},
+
 	/**
 	 * * 解析多语言
 	 * @param {Object} field
 	 */
 	lang(field) {
-		let _this = getCurrentPages()[getCurrentPages().length - 1];
-		if (!_this) return;
+		let _page = getCurrentPages()[getCurrentPages().length - 1];
+		if (!_page) return;

-		const locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
+		const locale = this.getCurrentLocale(); // 获得当前本地语言

 		let value = ''; // 存放解析后的语言值
 		let langPath = ''; // 存放当前页面语言包路径
@@ -74,7 +83,7 @@ export default {
 			var lang = loadLangPackSync(locale, 'common');
 			
 			//当前页面语言包（同步加载）
-			let route = _this.route;
+			let route = _page.route;
 			langPath = processRoutePath(route);
 			
 			// 加载当前页面语言包
@@ -128,11 +137,11 @@ export default {
 	 * @param {String} url 切换后跳转的页面url
 	 */
 	change(value, url = '/pages_tool/member/index') {
-		let _this = getCurrentPages()[getCurrentPages().length - 1];
-		if (!_this) return;
+		let _page = getCurrentPages()[getCurrentPages().length - 1];
+		if (!_page) return;

 		uni.setStorageSync("lang", value);
-		const locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
+		const locale = this.getCurrentLocale();

 		// 清空已加载的语言包缓存
 		for (let key in loadedLangPacks) {
@@ -149,9 +158,10 @@ export default {
 	},
 	//刷新标题、tabbar
 	refresh() {
-		let _this = getCurrentPages()[getCurrentPages().length - 1];
-		if (!_this) return;
-		const locale = uni.getStorageSync('lang') || "zh-cn"; //设置语言
+		let _page = getCurrentPages()[getCurrentPages().length - 1];
+		if (!_page) return;
+
+		const locale = this.getCurrentLocale();
 	
 		this.title(this.lang("title"));

--- a/common/js/uniapp.utils.js
+++ b/common/js/uniapp.utils.js
@@ -6,13 +6,23 @@
 /**
 * 显示错误信息
 * @param {Exception} err 
+ * @param {Boolean} useModal 
 */
-const showError = (err) => {
-    uni.showToast({
-        title: err?.message || err?.errMsg || err?.toString(),
-        icon: 'none',
-        duration: 2000
-    });
+const showError = (err, useModal = false) => {
+    const content = err?.message || err?.errMsg || err?.toString();
+    if (!useModal) {
+        uni.showToast({
+            title: content,
+            icon: 'none',
+            duration: 3000
+        });
+    } else {
+        uni.showModal({
+            title: '错误提示',
+            content,
+            showCancel: false,
+        })
+    }
 }

 /**
@@ -33,43 +43,92 @@ export const makePhoneCall = (mobile) => {
 }

 /**
- * 拷贝文本
+ * 拷贝文本（返回 Promise）
 * @param {*} text 
 * @param {*} options
+ * @returns {Promise} 返回 Promise，成功时 resolve，失败时 reject
 */
-export const copyText = (text, { copySuccess = '', copyFailed = '' } = {}) => {
-    try {
-        console.log('copyText');
-        uni.setClipboardData({
-            data: `${text}`,
-            success: () => {
-                console.error('复制成功');
-                try {
-                    uni.showToast({
-                        title: copySuccess,
-                        icon: 'success',
-                        duration: 2000
-                    });
-                } catch (e) {
-                    showError(e);
+export const copyTextAsync = (text, { copySuccess = '', copyFailed = '' } = {}) => {
+    return new Promise((resolve, reject) => {
+        // 输入验证
+        if (!text && text !== '') {
+            const error = new Error('复制文本不能为空');
+            showError(error);
+            reject(error);
+            return;
+        }
+
+        // 超时监测
+        const timeoutId = setTimeout(() => {
+            let error = new Error('复制操作长时间无响应，请检查相关权限及配置是否正确');
+            // #ifdef MP-WEIXIN
+            error = new Error([
+                '复制操作长时间无响应!',
+                '原因：',
+                '1.微信平台->用户隐私保护指引->"剪贴板"功能未添加或审核未通过；',
+                '2.微信平台对剪贴板API调用频率有限制'
+            ].join('\r\n'));
+            // #endif
+            showError(error, true);
+            reject(error);
+        }, 5000);
+
+        try {
+            uni.setClipboardData({
+                data: `${text}`,
+                success: (res) => {
+                    clearTimeout(timeoutId);
+
+                    try {
+                        if (copySuccess) {
+                            uni.showToast({
+                                title: copySuccess,
+                                icon: 'success',
+                                duration: 2000
+                            });
+                        }
+                    } catch (e) {
+                        showError(e);
+                    }
+
+                    resolve(res);
+                },
+                fail: (err) => {
+                    clearTimeout(timeoutId);
+                    try {
+                        uni.showToast({
+                            title: err.message || err.errMsg || copyFailed || '复制失败',
+                            icon: 'none',
+                            duration: 2000
+                        });
+                    } catch (e) {
+                        showError(e);
+                    }
+                    reject(err);
                }
-            },
-            fail: (err) => {
-                console.error('复制失败:', err);
-                try {
-                    uni.showToast({
-                        title: err.message || err.errMsg || copyFailed,
-                        icon: 'none',
-                        duration: 2000
-                    });
-                } catch (e) {
-                    showError(e);
-                }
-            }
+            });
+        } catch (err) {
+            clearTimeout(timeoutId);
+            showError(err);
+            reject(err);
+        }
+    });
+}
+
+/**
+ * 拷贝文本（回调形式，兼容旧代码）
+ * @param {*} text 
+ * @param {*} options
+ * @param {Function} callback 回调函数，接收 (success, error) 参数
+ */
+export const copyText = (text, options = {}, callback) => {
+    copyTextAsync(text, options)
+        .then(res => {
+            if (callback) callback(true, null);
+        })
+        .catch(err => {
+            if (callback) callback(false, err);
        });
-    } catch (err) {
-        showError(err);
-    }
 }

 /**
--- a/common/js/util.js
+++ b/common/js/util.js
@@ -843,6 +843,15 @@ export default {
 			uni.navigateBack();
 		}
 	},
+	/**
+	 * 隐藏“返回首页/小房子”按钮
+	 * 这个函数，用到页面show, onshow 的生命周期时
+	 */
+	hideHomeButton() {
+		// #ifdef MP-WEIXIN
+		wx.hideHomeButton();
+		// #endif
+	},
 	/**
 	 *
 	 * @param val 转化时间字符串 （转化时分秒）
--- a/components-diy/diy-article.vue
+++ b/components-diy/diy-article.vue
@@ -7,7 +7,7 @@
 					:autoplay="swiperConfig.autoplay !== false" :circular="swiperConfig.circular !== false"
 					:interval="swiperConfig.interval || 3000" :duration="swiperConfig.duration || 500"
 					:display-multiple-items="safeDisplayMultipleItems">
-					<swiper-item v-for="(item, index) in list" :key="index" @click="toDetail(item)">
+					<swiper-item v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)">
 						<view class="swiper-item-content">
 							<view :class="['item', value.ornament.type]" :style="itemCss">
 								<view class="article-img">
--- a/components-diy/diy-audio.vue
+++ b/components-diy/diy-audio.vue
@@ -11,7 +11,7 @@
 			<view class="time" :style="{ color: value.timecolor }">
 				{{ audiotime }}
 			</view>
-			<view @click="play()" class="start" :class="status ? 'iconj icon-07zanting' : 'iconj icon-bofang'"
+			<view @tap.stop="play()" class="start" :class="status ? 'iconj icon-07zanting' : 'iconj icon-bofang'"
 				style="padding-top: 18rpx"></view>
 		</view>
 		<view class="fui-audio style3" :style="{ background: value.background }" v-else>
@@ -30,7 +30,7 @@
 				<!-- {{audios[value.id].audiotime}} -->
 				{{ audiotime }}
 			</view>
-			<view @click="play()" class="start" :class="status ? 'iconj icon-07zanting' : 'iconj icon-bofang'"></view>
+			<view @tap.stop="play()" class="start" :class="status ? 'iconj icon-07zanting' : 'iconj icon-bofang'"></view>
 		</view>
 	</view>
 </template>
--- a/components-diy/diy-bargain.vue
+++ b/components-diy/diy-bargain.vue
@@ -15,7 +15,7 @@
 					:style="{ color: value.titleStyle.textColor }">低至0元免费拿</view>
 				<view class="head-right"
 					:style="{ fontSize: value.titleStyle.moreFontSize * 2 + 'rpx', color: value.titleStyle.moreColor }"
-					@click="$util.redirectTo('/pages_promotion/bargain/list')">
+					@tap.stop="$util.redirectTo('/pages_promotion/bargain/list')">
 					<text>{{ value.titleStyle.more }}</text>
 					<text class="iconfont icon-right"></text>
 				</view>
@@ -23,7 +23,7 @@

 			<!-- 商品列表 -->
 			<template v-if="value.template == 'row1-of1'">
-				<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+				<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 					:class="[value.ornament.type]" :style="goodsItemCss">
 					<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 						<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -84,7 +84,7 @@

 			<template v-if="value.template == 'horizontal-slide'">
 				<scroll-view v-if="value.slideMode == 'scroll'" class="scroll" :scroll-x="true" :show-scrollbar="false">
-					<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+					<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 						:class="[value.ornament.type]" :style="goodsItemCss">
 						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -130,7 +130,7 @@
 					<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
 						:class="['swiper-item', (list.length && [list[pageIndex].length / 3] >= 1) && 'flex-between']">
 						<view class="item" v-for="(item, dataIndex) in list[pageIndex]" :key="dataIndex"
-							@click="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+							@tap.stop="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
 							<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 								<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 									:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
--- a/components-diy/diy-bottom-nav.vue
+++ b/components-diy/diy-bottom-nav.vue
@@ -2,7 +2,7 @@
 	<view data-component-name="diy-bottom-nav" v-if="tabBarList && tabBarList.list">
 		<view class="tab-bar" :style="{ backgroundColor: tabBarList.backgroundColor }">
 			<view class="tabbar-border"></view>
-			<view class="item" v-for="(item, index) in tabBarList.list" :key="item.id" @click="redirectTo(item.link)">
+			<view class="item" v-for="(item, index) in tabBarList.list" :key="item.id" @tap.stop="redirectTo(item.link)">
 				<view class="bd">
 					<block v-if="item.link.wap_url == '/pages_goods/cart'">
 						<view class="icon" v-if="tabBarList.type == 1 || tabBarList.type == 2"
--- a/components-diy/diy-category-item.vue
+++ b/components-diy/diy-category-item.vue
@@ -1,7 +1,7 @@
 <template>
 	<view data-component-name="diy-category-item" class="item-wrap" :class="type">
 		<block v-if="type == 'category' && category.child_list && category.child_list.length">
-			<view class="category-adv" v-if="category.image_adv" @click="diyRedirectTo(category.link_url)">
+			<view class="category-adv" v-if="category.image_adv" @tap.stop="diyRedirectTo(category.link_url)">
 				<image :src="$util.img(category.image_adv)" mode="widthFix" />
 			</view>

@@ -9,7 +9,7 @@
 				<view class="category-title">{{ category.category_name }}</view>
 				<view class="category-list">
 					<view class="category-item" v-for="(one, oneIndex) in category.child_list" :key="oneIndex"
-						@click="$util.redirectTo('/pages_goods/list', { category_id: one.category_id })">
+						@tap.stop="$util.redirectTo('/pages_goods/list', { category_id: one.category_id })">
 						<view class="img-box">
 							<image :src="$util.img(one.image)" mode="widthFix" />
 						</view>
@@ -23,7 +23,7 @@
 					<view class="category-title">{{ one.category_name }}</view>
 					<view class="category-list">
 						<view class="category-item" v-for="(two, twoIndex) in one.child_list" :key="twoIndex"
-							@click="$util.redirectTo('/pages_goods/list', { category_id: two.category_id })">
+							@tap.stop="$util.redirectTo('/pages_goods/list', { category_id: two.category_id })">
 							<view class="img-box">
 								<image :src="$util.img(two.image)" mode="widthFix" :lazy-load="true" />
 							</view>
@@ -44,22 +44,22 @@
 							:class="{ 'screen-category-4': value.template == 4 }" :scroll-with-animation="true"
 							:scroll-into-view="scrollIntoView">
 							<view class="item" id="category-2--1" :class="{ selected: categoryId == -1 }"
-								@click="selectCategory(-1)">全部</view>
+								@tap.stop="selectCategory(-1)">全部</view>
 							<view class="item" :id="'category-2-' + oneIndex"
-								:class="{ selected: categoryId == oneIndex }" @click="selectCategory(oneIndex)"
+								:class="{ selected: categoryId == oneIndex }" @tap.stop="selectCategory(oneIndex)"
 								v-for="(one, oneIndex) in category.child_list" :key="oneIndex">
 								{{ one.category_name }}
 							</view>
 						</scroll-view>
-						<view class="iconfont icon-unfold" @click="$refs.screenCategoryPopup.open()"></view>
+						<view class="iconfont icon-unfold" @tap.stop="$refs.screenCategoryPopup.open()"></view>
 					</view>
 					<uni-popup type="top" ref="screenCategoryPopup">
-						<view class="screen-category-popup" @click="$refs.screenCategoryPopup.close()">
+						<view class="screen-category-popup" @tap.stop="$refs.screenCategoryPopup.close()">
 							<scroll-view scroll-y="true" class="screen-category"
 								:class="{ 'screen-category-4': value.template == 4 }">
 								<view class="title">全部</view>
 								<view class="item" :class="{ selected: categoryId == oneIndex }"
-									@click="selectCategory(oneIndex)" v-for="(one, oneIndex) in category.child_list"
+									@tap.stop="selectCategory(oneIndex)" v-for="(one, oneIndex) in category.child_list"
 									:key="oneIndex">
 									{{ one.category_name }}
 								</view>
@@ -81,13 +81,13 @@
 						:data-template="value.template">
 						<block v-if="goodsList.length">
 							<view class="goods-item" v-for="(item, index) in goodsList" :key="index">
-								<view class="goods-img" @click="toDetail(item)">
+								<view class="goods-img" @tap.stop="toDetail(item)">
 									<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)" />
 									<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}
 									</view>
 								</view>
 								<view class="info-wrap">
-									<view class="name-wrap" @click="toDetail(item)">
+									<view class="name-wrap" @tap.stop="toDetail(item)">
 										<view class="goods-name">{{ isEnEnv ? item.en_goods_name : item.goods_name }}</view>
 									</view>
 									<view class="price-wrap">
@@ -122,25 +122,25 @@
 										</view>
 										<!-- <view class="right-wrap" v-if="value.template == 2 || value.template == 4">
 											<block v-if="item.is_virtual">
-												<view class="color-base-bg select-sku" @click="toDetail(item)">立即购买</view>
+												<view class="color-base-bg select-sku" @tap.stop="toDetail(item)">立即购买</view>
 											</block>
 											<block v-else>
-												<view v-if="item.goods_spec_format" class="color-base-bg select-sku" @click="selectSku(item)">
+												<view v-if="item.goods_spec_format" class="color-base-bg select-sku" @tap.stop="selectSku(item)">
 													<text>选规格</text>
 													<text class="num-tag" v-if="item.num">{{ item.num }}</text>
 												</view>
 												<block v-else>
 													<block v-if="cartList['goods_' + item.goods_id]&&cartList['goods_' + item.goods_id]['sku_' + item.sku_id]">
-														<view class="num-action reduce" @click="reduce(item)">
+														<view class="num-action reduce" @tap.stop="reduce(item)">
 															<text class="iconfont icon-jian"></text>
 														</view>
 														<view class="num">{{ cartList['goods_' + item.goods_id]['sku_' + item.sku_id].num }}</view>
-														<view class="num-action" :id="'cart-num-' + index" @click="increase($event, item)">
+														<view class="num-action" :id="'cart-num-' + index" @tap.stop="increase($event, item)">
 															<text class="iconfont icon-jia"></text>
 															<view class="click-event"></view>
 														</view>
 													</block>
-													<view class="num-action" v-else :id="'cart-num-' + index" @click="increase($event, item, 0)">
+													<view class="num-action" v-else :id="'cart-num-' + index" @tap.stop="increase($event, item, 0)">
 														<text class="iconfont icon-jia"></text>
 														<view class="click-event"></view>
 													</view>
@@ -148,7 +148,7 @@
 											</block>
 										</view> -->
 										<!-- 	<view class="right-wrap" v-if="value.template == 3">
-											<view class="color-base-bg select-sku" @click="toDetail(item)">立即购买</view>
+											<view class="color-base-bg select-sku" @tap.stop="toDetail(item)">立即购买</view>
 										</view> -->
 									</view>
 								</view>
@@ -158,7 +158,7 @@
 							<image :src="$util.img('public/uniapp/category/empty.png')" mode="widthFix" />
 						</view>
 						<!-- 		<view class="end-tips" ref="endTips" v-if="last && (categoryId == -1 || !category.child_list || (category.child_list && categoryId == category.child_list.length - 1))">已经到底了~</view>
-						<view class="end-tips" ref="endTips" v-else @click="switchCategory('next')">
+						<view class="end-tips" ref="endTips" v-else @tap.stop="switchCategory('next')">
 							<text class="iconfont icon-xiangshangzhanhang"></text>
 							上滑查看下一分类
 						</view> -->
@@ -173,13 +173,13 @@
 				<view class="goods-list" :class="{ 'double-column': !isList, 'single-column': isList }"
 					:data-template="value.template">
 					<view class="goods-item" v-for="(item, index) in goodsList" :key="index">
-						<view class="goods-img" @click="toDetail(item)">
+						<view class="goods-img" @tap.stop="toDetail(item)">
 							<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)"
 								:lazy-load="true" />
 							<view class="color-base-bg goods-tag" v-if="item.label_name">{{ item.label_name }}</view>
 						</view>
 						<view class="info-wrap">
-							<view class="name-wrap" @click="toDetail(item)">
+							<view class="name-wrap" @tap.stop="toDetail(item)">
 								<view class="goods-name">{{ isEnEnv ? item.en_goods_name : item.goods_name }}</view>
 							</view>
 							<view class="price-wrap">
@@ -214,30 +214,30 @@
 								</view>
 								<view class="right-wrap" v-if="value.template == 2">
 									<block v-if="item.is_virtual">
-										<view class="color-base-bg select-sku" @click="toDetail(item)">立即购买</view>
+										<view class="color-base-bg select-sku" @tap.stop="toDetail(item)">立即购买</view>
 									</block>
 									<block v-else>
 										<view v-if="item.goods_spec_format" class="color-base-bg select-sku"
-											@click="selectSku(item)">
+											@tap.stop="selectSku(item)">
 											<text>选规格</text>
 											<text class="num-tag" v-if="item.num">{{ item.num }}</text>
 										</view>
 										<block v-else>
 											<block
 												v-if="cartList['goods_' + item.goods_id] && cartList['goods_' + item.goods_id]['sku_' + item.sku_id]">
-												<view class="num-action reduce" @click="reduce(item)">
+												<view class="num-action reduce" @tap.stop="reduce(item)">
 													<text class="iconfont icon-jian"></text>
 												</view>
 												<view class="num">{{ cartList['goods_' + item.goods_id]['sku_' +
 													item.sku_id].num }}</view>
 												<view class="num-action" :id="'cart-num-' + index"
-													@click="increase($event, item)">
+													@tap.stop="increase($event, item)">
 													<text class="iconfont icon-jia"></text>
 													<view class="click-event"></view>
 												</view>
 											</block>
 											<view class="num-action" v-else :id="'cart-num-' + index"
-												@click="increase($event, item, 0)">
+												@tap.stop="increase($event, item, 0)">
 												<text class="iconfont icon-jia"></text>
 												<view class="click-event"></view>
 											</view>
@@ -245,7 +245,7 @@
 									</block>
 								</view>
 								<view class="right-wrap" v-if="value.template == 3">
-									<view class="color-base-bg select-sku" @click="toDetail(item)">立即购买</view>
+									<view class="color-base-bg select-sku" @tap.stop="toDetail(item)">立即购买</view>
 								</view>
 							</view>
 						</view>
--- a/components-diy/diy-category.vue
+++ b/components-diy/diy-category.vue
@@ -3,9 +3,9 @@
 		:style="{ height: 'calc(100vh - ' + tabBarHeight + ')' }">
 		<!-- #ifdef MP-WEIXIN -->
 		<!-- <block v-if="value.template == 4">
-			<view class="search-box" v-if="value.search" @click="$util.redirectTo('/pages_tool/goods/search')" :style="navbarInnerStyle">
+			<view class="search-box" v-if="value.search" @tap.stop="$util.redirectTo('/pages_tool/goods/search')" :style="navbarInnerStyle">
 				<view class="search-content">
-					<input type="text" class="uni-input font-size-tag" maxlength="50" :placeholder="$lang('search')" confirm-type="search" @click.stop="onClickSearch()" @tap.stop="onClickSearch()" disabled="true" />
+					<input type="text" class="uni-input font-size-tag" maxlength="50" :placeholder="$lang('search')" confirm-type="search" @tap.stop="onClickSearch()" disabled="true" />
 					<text class="iconfont icon-sousuo3"></text>
 				</view>
 			</view>
@@ -13,35 +13,35 @@
 		</block> -->
 		<block v-if="value.template != 4">
 			<!-- 			<view :style="navbarInnerStyle">商品分类</view> -->
-			<view class="search-box" v-if="value.search" @click="onClickSearch()" @tap.stop="onClickSearch()"
+			<view class="search-box" v-if="value.search" @tap.stop="onClickSearch()"
 				:style="wxSearchHeight">
 				<view class="search-content">
 					<input type="text" class="uni-input" maxlength="50" :placeholder="$lang('search')"
-						confirm-type="search" @click.stop="onClickSearch()" @tap.stop="onClickSearch()"
+						confirm-type="search" @tap.stop="onClickSearch()"
 						disabled="true" />
 					<text class="iconfont icon-sousuo3"></text>
 				</view>
 				<view class="iconfont" :class="{ 'icon-apps': !isList, 'icon-list': isList }"
-					@click.stop.prevent="changeListStyle()"></view>
+					@tap.stop.prevent="changeListStyle()"></view>
 			</view>
 		</block>
 		<!-- #endif -->
 		<!-- #ifdef H5 -->
-		<view class="search-box" v-if="value.search" @click="onClickSearch()" @tap.stop="onClickSearch()">
+		<view class="search-box" v-if="value.search" @tap.stop="onClickSearch()">
 			<view class="search-content">
 				<input type="text" class="uni-input" maxlength="50" :placeholder="$lang('search')" confirm-type="search"
-					@click.stop="onClickSearch()" @tap.stop="onClickSearch()" disabled="true" />
+					@tap.stop="onClickSearch()" disabled="true" />
 				<text class="iconfont icon-sousuo3"></text>
 			</view>
 			<view class="iconfont" :class="{ 'icon-apps': !isList, 'icon-list': isList }"
-				@click.stop.prevent="changeListStyle()"></view>
+				@tap.stop.prevent="changeListStyle()"></view>
 		</view>
 		<!-- #endif -->
 		<view class="template-four wx" v-if="value.template == 4">
 			<scroll-view scroll-x="true" class="template-four-wrap" :scroll-with-animation="true"
 				:scroll-into-view="'category-one-' + oneCategorySelect" enable-flex="true">
 				<view class="category-item" :id="'category-one-' + index" v-for="(item, index) in templateFourData"
-					:key="index" :class="{ select: oneCategorySelect == index }" @click="templateFourOneFn(index)">
+					:key="index" :class="{ select: oneCategorySelect == index }" @tap.stop="templateFourOneFn(index)">
 					<view class="image-warp" :class="[{ 'color-base-border': oneCategorySelect == index }]">
 						<image :src="$util.img(item.image)" mode="aspectFill" />
 					</view>
@@ -49,7 +49,7 @@
 					</view>
 				</view>
 			</scroll-view>
-			<view class="category-item-all" @click="$refs.templateFourPopup.open()">
+			<view class="category-item-all" @tap.stop="$refs.templateFourPopup.open()">
 				<view class="category-item-all-wrap">
 					<text class="text">展开</text>
 					<image class="img" :src="$util.img('/public/uniapp/category/unfold.png')" mode="aspectFill"></image>
@@ -59,7 +59,7 @@
 				<view class="template-four-popup">
 					<scroll-view scroll-y="true" class="template-four-scroll" enable-flex="true">
 						<view class="item" :class="{ selected: oneCategorySelect == index }"
-							@click="templateFourOneFn(index)" v-for="(item, index) in templateFourData" :key="index">
+							@tap.stop="templateFourOneFn(index)" v-for="(item, index) in templateFourData" :key="index">
 							<view class="image-warp" :class="[{ 'color-base-border': oneCategorySelect == index }]">
 								<image :src="$util.img(item.image)" mode="aspectFill"></image>
 							</view>
@@ -67,7 +67,7 @@
 								item.category_name }}</view>
 						</view>
 					</scroll-view>
-					<view class="pack-up" @click="$refs.templateFourPopup.close()">
+					<view class="pack-up" @tap.stop="$refs.templateFourPopup.close()">
 						<text>点击收起</text>
 						<text class="iconfont icon-iconangledown-copy"></text>
 					</view>
@@ -83,7 +83,7 @@
 							{ select: select == index },
 							{ 'border-bottom': value.template == 4 && select + 1 === index },
 							{ 'border-top': value.template == 4 && select - 1 === index }
-						]" @click="switchOneCategory(index)">
+						]" @tap.stop="switchOneCategory(index)">
 							<view class="">{{ item.category_name }}</view>
 						</view>
 					</view>
@@ -130,7 +130,7 @@

 		<!-- 	<view class="cart-box" v-if="(value.template == 2 || value.template == 4) && value.quickBuy && storeToken && categoryTree && categoryTree.length">
 			<view class="left-wrap">
-				<view class="cart-icon" ref="cartIcon" :animation="cartAnimation" @click="$util.redirectTo('/pages_goods/cart')">
+				<view class="cart-icon" ref="cartIcon" :animation="cartAnimation" @tap.stop="$util.redirectTo('/pages_goods/cart')">
 					<text class="iconfont icon-ziyuan1"></text>
 					<view class="num" v-if="cartNumber">{{ cartNumber < 99 ? cartNumber : '99+' }}</view>
 				</view>
@@ -141,7 +141,7 @@
 					<text class="unit font-size-tag price-font">.{{ cartTotalMoney[1] ? cartTotalMoney[1] : '00' }}</text>
 				</view>
 			</view>
-			<view class="right-wrap"><button type="primary" class="settlement-btn" @click="settlement">去结算</button>
+			<view class="right-wrap"><button type="primary" class="settlement-btn" @tap.stop="settlement">去结算</button>
 			</view>
 		</view> -->

--- a/components-diy/diy-channel-video.vue
+++ b/components-diy/diy-channel-video.vue
@@ -22,7 +22,7 @@
 		</view>

 		<!-- 跳转式视频播放 -->
-		<view v-else @click.stop="playVideo" class="video-container">
+		<view v-else @tap.stop="playVideo" class="video-container">
 			<view class="video-cover-wrap" :style="[coverStyle]">
 				<image class="video-cover" :src="$util.img(value.coverUrl)" mode="aspectFill"></image>
 				<view class="channel-play-btn" v-if="showPlayBtn" :style="[playBtnStyle]">
--- a/components-diy/diy-coupon.vue
+++ b/components-diy/diy-coupon.vue
@@ -16,7 +16,7 @@
 								backgroundImage: 'url(' + $util.img('public/uniapp/coupon/style1-bg.png') + ')',
 								marginRight: couponItemHeight + 'px',
 								marginLeft: couponItemHeight + 'px'
-							}" @click="couponAction(item, index)">
+							}" @tap.stop="couponAction(item, index)">

 							<view class="coupon-info">
 								<view class="coupon-num" :style="{ color: value.moneyColor }"
@@ -52,7 +52,7 @@
 								backgroundImage: 'url(' + $util.img('public/uniapp/coupon/coupon_bg1.png') + ')',
 								marginRight: couponItemHeight + 'px',
 								marginLeft: couponItemHeight + 'px'
-							}" @click="couponAction(item, index)">
+							}" @tap.stop="couponAction(item, index)">
 							<view class="coupon-info">
 								<view class="coupon-num" :style="{ color: value.moneyColor }"
 									v-if="!parseInt(item.discount)">
@@ -87,7 +87,7 @@
 								backgroundImage: 'url(' + $util.img('public/uniapp/coupon/coupon_shu.png') + ')',
 								marginRight: couponItemHeight + 'px',
 								marginLeft: couponItemHeight + 'px'
-							}" @click="couponAction(item, index)">
+							}" @tap.stop="couponAction(item, index)">
 							<view class="coupon-num" :style="{ color: value.moneyColor }"
 								v-if="!parseInt(item.discount)">
 								<text class="font-size-tag coupon-sign">￥</text>
@@ -124,7 +124,7 @@
 								backgroundImage: 'url(' + $util.img('public/uniapp/coupon/style4_bg.png') + ')',
 								marginRight: couponItemHeight + 'px',
 								marginLeft: couponItemHeight + 'px'
-							}" @click="couponAction(item, index)">
+							}" @tap.stop="couponAction(item, index)">
 							<view class="coupon-info">
 								<view class="coupon-num" :style="{ color: value.moneyColor }"
 									v-if="!parseInt(item.discount)">
@@ -153,7 +153,7 @@
 					<view class="coupon-all">
 						<view class="coupon-box">
 							<view class="coupon-list" v-for="(item, index) in computedCouponList" :key="index"
-								@click="couponAction(item, index)">
+								@tap.stop="couponAction(item, index)">
 								<image :src="$util.img('public/uniapp/coupon/style5_bg.png')"></image>
 								<view class="coupon">
 									<view class="coupon-info">
@@ -199,7 +199,7 @@
 								backgroundImage: 'url(' + $util.img('public/uniapp/coupon/style6-bg-1.png') + ')',
 								marginRight: couponItemHeight + 'px',
 								marginLeft: couponItemHeight + 'px'
-							}" @click="couponAction(item, index)">
+							}" @tap.stop="couponAction(item, index)">
 							<view class="coupon-content">
 								<view class="price-wrap">
 									<text class="price" :style="{ color: value.moneyColor }">{{ (item.discount == '0.00'
@@ -229,7 +229,7 @@
 							<text class="limit" :style="{ color: value.limitColor }" v-else>无门槛使用</text>
 						</view>

-						<div v-if="computedCouponList.length <= 2" @click="$util.redirectTo('/pages_goods/category')"
+						<div v-if="computedCouponList.length <= 2" @tap.stop="$util.redirectTo('/pages_goods/category')"
 							class="coupon coupon-null" :style="{
 								color: value.moneyColor,
 								backgroundImage: 'url(' + $util.img('public/uniapp/coupon/style6-bg-2.png') + ')',
@@ -250,7 +250,7 @@
 				<scroll-view class="coupon-style-seven" scroll-x="true">
 					<view class="wrap">
 						<view class="coupon-list" v-for="(item, index) in computedCouponList" :key="index"
-							@click="couponAction(item, index)">
+							@tap.stop="couponAction(item, index)">
 							<image :src="$util.img('public/uniapp/coupon/style7_bg.png')"></image>
 							<view class="coupon">
 								<view class="coupon-info">
--- a/components-diy/diy-fenxiao-goods-list.vue
+++ b/components-diy/diy-fenxiao-goods-list.vue
@@ -1,7 +1,7 @@
 <template>
 	<view data-component-name="diy-fenxiao-goods-list" class="diy-fenxiao" v-if="list.length"
 		:class="['goods-list', value.template, value.style]" :style="goodsListWarpCss">
-		<view class="goods-item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+		<view class="goods-item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 			:class="[value.ornament.type]" :style="goodsItemCss">
 			<view class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 				<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -32,14 +32,14 @@
 							background: value.btnStyle.theme == 'diy' ? 'linear-gradient(to right,' + value.btnStyle.bgColorStart + ',' + value.btnStyle.bgColorEnd + ')' : '',
 							color: value.btnStyle.theme == 'diy' ? value.btnStyle.textColor : '',
 							borderRadius: value.btnStyle.aroundRadius * 2 + 'rpx'
-						}" @click.stop="followGoods(item, index)">
+						}" @tap.stop="followGoods(item, index)">
 							关注
 						</view>
 						<view class="sale-btn" v-if="value.btnStyle.control && item.is_collect == 1" :style="{
 							background: value.btnStyle.theme == 'diy' ? 'linear-gradient(to right,' + value.btnStyle.bgColorStart + ',' + value.btnStyle.bgColorEnd + ')' : '',
 							color: value.btnStyle.theme == 'diy' ? value.btnStyle.textColor : '',
 							borderRadius: value.btnStyle.aroundRadius * 2 + 'rpx'
-						}" @click.stop="delFollowTip(item, index)">
+						}" @tap.stop="delFollowTip(item, index)">
 							取消关注
 						</view>
 					</view>
--- a/components-diy/diy-float-btn.vue
+++ b/components-diy/diy-float-btn.vue
@@ -3,7 +3,7 @@
 		:class="{ left_top: value.bottomPosition == 1, right_top: value.bottomPosition == 2, left_bottom: value.bottomPosition == 3, right_bottom: value.bottomPosition == 4 }"
 		:style="style">
 		<block v-for="(item, index) in value.list" :key="index">
-			<view class="button-box" @click="$util.diyRedirectTo(item.link)"
+			<view class="button-box" @tap.stop="$util.diyRedirectTo(item.link)"
 				:style="{ width: value.imageSize + 'px', height: value.imageSize + 'px', fontSize: value.imageSize + 'px' }">
 				<image v-if="!item.iconType || item.iconType == 'img'" :src="$util.img(item.imageUrl)" mode="aspectFit"
 					:show-menu-by-longpress="true" />
--- a/components-diy/diy-form.vue
+++ b/components-diy/diy-form.vue
@@ -33,7 +33,7 @@
 				</view>
 			</view>
 		</view>
-		<view @click="submitform" class="fui-btn btn-danger block mtop">提交信息</view>
+		<view @tap.stop="submitform" class="fui-btn btn-danger block mtop">提交信息</view>
 	</view>
 </template>

--- a/components-diy/diy-goods-brand.vue
+++ b/components-diy/diy-goods-brand.vue
@@ -8,7 +8,7 @@
 				<view class="ul-wrap">
 					<view class="li-item" v-for="(item, index) in list" :key="index">
 						<image class="brand-pic" :src="$util.img(item.image_url)" mode="aspectFit"
-							@click="handlerClick(item)" @tap="handlerClick(item)" @error="imgError(index)"
+							@tap.stop="handlerClick(item)" @error="imgError(index)"
 							:style="itemCss" />
 					</view>
 				</view>
--- a/components-diy/diy-goods-list.vue
+++ b/components-diy/diy-goods-list.vue
@@ -2,8 +2,8 @@
 	<x-skeleton data-component-name="diy-goods-list" :type="skeletonType" :loading="loading" :configs="skeletonConfig">
 		<view :class="['goods-list', goodsValue.template, goodsValue.style]" :style="goodsListWarpCss">
 			<template v-if="goodsValue.template != 'horizontal-slide'">
-				<view class="goods-item" v-for="(item, index) in list" :key="index" @click="handlerClick(item)"
-					@tap="handlerClick(item)" :class="[goodsValue.ornament.type]" :style="goodsItemCss">
+				<view class="goods-item" v-for="(item, index) in list" :key="index" @tap.stop="handlerClick(item)"
+					:class="[goodsValue.ornament.type]" :style="goodsItemCss">
 					<view class="goods-img-wrap">
 						<image class="goods-img"
 							:src="$util.img(item.goods_image, { size: goodsValue.template == 'large-mode' ? 'big' : 'mid' })"
@@ -70,7 +70,7 @@
 									color: goodsValue.btnStyle.theme == 'diy' ? goodsValue.btnStyle.textColor : '',
 									borderColor: goodsValue.btnStyle.theme == 'diy' ? goodsValue.btnStyle.textColor : ''
 								}" class="cart shopping-cart-btn iconfont icon-gouwuche click-wrap" :id="'goods-' + item.id"
-									@click.stop="$refs.goodsSkuIndex.addCart(goodsValue.btnStyle.cartEvent, item, $event)">
+									@tap.stop="$refs.goodsSkuIndex.addCart(goodsValue.btnStyle.cartEvent, item, $event)">
 									<view class="click-event"></view>
 								</view>

@@ -79,7 +79,7 @@
 									color: goodsValue.btnStyle.theme == 'diy' ? goodsValue.btnStyle.textColor : '',
 									borderColor: goodsValue.btnStyle.theme == 'diy' ? goodsValue.btnStyle.textColor : ''
 								}" class="cart plus-sign-btn iconfont icon-add1 click-wrap" :id="'goods-' + item.id"
-									@click.stop="$refs.goodsSkuIndex.addCart(goodsValue.btnStyle.cartEvent, item, $event)">
+									@tap.stop="$refs.goodsSkuIndex.addCart(goodsValue.btnStyle.cartEvent, item, $event)">
 									<view class="click-event"></view>
 								</view>

@@ -90,7 +90,7 @@
 									fontWeight: goodsValue.btnStyle.theme == 'diy' ? (goodsValue.btnStyle.fontWeight ? 'bold' : 'normal') : '',
 									padding: goodsValue.btnStyle.theme == 'diy' ? '0 ' + goodsValue.btnStyle.padding * 2 + 'rpx' : ''
 								}" class="cart buy-btn click-wrap" :id="'goods-' + item.id"
-									@click.stop="$refs.goodsSkuIndex.addCart(goodsValue.btnStyle.cartEvent, item, $event)">
+									@tap.stop="$refs.goodsSkuIndex.addCart(goodsValue.btnStyle.cartEvent, item, $event)">
 									{{ goodsValue.btnStyle.text }}
 									<view class="click-event"></view>
 									<!-- <text class="cart-num" v-if="cartList['goods_' + item.goods_id]">{{ cartList['goods_' + item.goods_id].num }}</text> -->
@@ -100,7 +100,7 @@
 								<view v-else-if="goodsValue.btnStyle.style == 'icon-diy'" :style="{
 									color: goodsValue.btnStyle.theme == 'diy' ? goodsValue.btnStyle.textColor : ''
 								}" class="icon-diy click-wrap" :id="'goods-' + item.id"
-									@click.stop="$refs.goodsSkuIndex.addCart(goodsValue.btnStyle.cartEvent, item, $event)">
+									@tap.stop="$refs.goodsSkuIndex.addCart(goodsValue.btnStyle.cartEvent, item, $event)">
 									<view class="click-event"></view>
 									<diy-icon :icon="goodsValue.btnStyle.iconDiy.icon"
 										:value="goodsValue.btnStyle.iconDiy.style ? goodsValue.btnStyle.iconDiy.style : null"></diy-icon>
@@ -112,8 +112,8 @@
 			</template>
 			<scroll-view v-if="goodsValue.template == 'horizontal-slide' && goodsValue.slideMode == 'scroll'"
 				class="scroll" :scroll-x="true">
-				<view class="goods-item" v-for="(item, index) in list" :key="index" @click="handlerClick(item)"
-					@tap="handlerClick(item)" :class="[goodsValue.ornament.type]" :style="goodsItemCss">
+				<view class="goods-item" v-for="(item, index) in list" :key="index" @tap.stop="handlerClick(item)"
+					:class="[goodsValue.ornament.type]" :style="goodsItemCss">
 					<view class="goods-img-wrap">
 						<image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 							:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix" @error="imgError(index)"
@@ -179,7 +179,7 @@
 				<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
 					:class="['swiper-item', (list.length && [list[pageIndex].length / 3] >= 1) && 'flex-between']">
 					<view class="goods-item" v-for="(dataItem, dataIndex) in list[pageIndex]" :key="dataIndex"
-						@click="handlerClick(dataItem)" @tap="handlerClick(dataItem)"
+						@tap.stop="handlerClick(dataItem)"
 						:class="[goodsValue.ornament.type]" :style="goodsItemCss">
 						<view class="goods-img-wrap">
 							<image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
--- a/components-diy/diy-goods-recommend.vue
+++ b/components-diy/diy-goods-recommend.vue
@@ -13,7 +13,7 @@
 				<swiper-item v-for="(item, index) in page" :key="index"
 					:class="['swiper-item', [list[index].length / 3] >= 1 && 'flex-between']">
 					<view class="goods-item" v-for="(dataItem, dataIndex) in list[index]" :key="dataIndex"
-						@click="toDetail(dataItem)" :class="[goodsValue.ornament.type]" :style="goodsItemCss">
+						@tap.stop="toDetail(dataItem)" :class="[goodsValue.ornament.type]" :style="goodsItemCss">
 						<div class="goods-img-wrap">
 							<image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 								:src="$util.img(dataItem.goods_image, { size: 'mid' })" mode="widthFix"
--- a/components-diy/diy-graphic-nav.vue
+++ b/components-diy/diy-graphic-nav.vue
@@ -9,13 +9,13 @@
                    <view class="graphic-nav-item" :class="[value.mode]" v-for="(item, index) in value.list"
                        :key="index"
                        v-if="index >= [(numItem) * (value.pageCount * value.rowCount)] && index < [(numItem + 1) * (value.pageCount * value.rowCount)]"
-                        :style="{ width: 100 / value.rowCount + '%' }" @click="redirectTo(item.link)">
+                        :style="{ width: 100 / value.rowCount + '%' }" @tap.stop="redirectTo(item.link)">
                        <!-- #endif -->
                        <!-- #ifdef H5 -->
                        <view class="graphic-nav-item" :class="[value.mode]" v-for="(item, index) in value.list"
                            :key="index"
                            v-if="index >= [(numItem - 1) * (value.pageCount * value.rowCount)] && index < [numItem * (value.pageCount * value.rowCount)]"
-                            :style="{ width: 100 / value.rowCount + '%' }" @click="redirectTo(item.link)">
+                            :style="{ width: 100 / value.rowCount + '%' }" @tap.stop="redirectTo(item.link)">
                            <!-- #endif -->
                            <view class="graphic-img" v-if="value.mode != 'text'"
                                :style="{ fontSize: value.imageSize * 2 + 'rpx', width: value.imageSize * 2 + 'rpx', height: value.imageSize * 2 + 'rpx' }">
@@ -62,7 +62,7 @@
                <!-- #endif -->

                <view class="graphic-nav-item" :class="[value.mode]" v-for="(item, index) in value.list" :key="index"
-                    :style="{ width: 100 / value.rowCount + '%' }" @click="redirectTo(item.link)">
+                    :style="{ width: 100 / value.rowCount + '%' }" @tap.stop="redirectTo(item.link)">
                    <view class="graphic-img" v-if="value.mode != 'text'"
                        :style="{ fontSize: value.imageSize * 2 + 'rpx', width: value.imageSize * 2 + 'rpx', height: value.imageSize * 2 + 'rpx' }">
                        <image v-if="item.iconType == 'img'"
--- a/components-diy/diy-group.vue
+++ b/components-diy/diy-group.vue
@@ -251,6 +251,11 @@
 				<diy-icon :value="item"></diy-icon>
 			</template>

+			<template v-if="item.componentName == 'Tab'">
+				<!-- Tab 组件 -->
+				<diy-tab :value="item" :diyGlobal="diyGlobalData"></diy-tab>
+			</template>
+
 			<template v-if="['ChannelList', 'WechatChannel'].includes(item.componentName)">
 				<!-- 视频号列表 -->
 				<diy-channel-list :value="item"></diy-channel-list>
@@ -267,6 +272,7 @@
 import DiyMinx from './minx.js'

 export default {
+	name: 'diy-group',
 	props: {
 		diyData: {
 			type: Object
@@ -346,6 +352,12 @@ export default {
 					}
 				});
 			} else data = this.setPagestyle;
+
+			console.log(`diy-group ['diyDataArray'] = `, {
+				data: data,
+				diyData: this.diyData,
+				diyGlobalData: this.diyGlobalData,
+			})
 			return data;
 		}
 	},
--- a/components-diy/diy-groupbuy.vue
+++ b/components-diy/diy-groupbuy.vue
@@ -2,7 +2,7 @@
 	<x-skeleton data-component-name="diy-groupbuy" :type="skeletonType" :loading="loading" :configs="skeletonConfig">
 		<view class="diy-groupbuy" :class="[value.template, value.style]" :style="warpCss">
 			<template v-if="value.template == 'row1-of1'">
-				<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+				<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 					:class="[value.ornament.type]" :style="goodsItemCss">
 					<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 						<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -39,7 +39,7 @@
 			</template>
 			<template v-if="value.template == 'horizontal-slide'">
 				<scroll-view v-if="value.slideMode == 'scroll'" class="scroll" :scroll-x="true" :show-scrollbar="false">
-					<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+					<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 						:class="[value.ornament.type]" :style="goodsItemCss">
 						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -81,7 +81,7 @@
 					<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
 						:class="['swiper-item', (list.length && [list[pageIndex].length / 3] >= 1) && 'flex-between']">
 						<view class="item" v-for="(item, dataIndex) in list[pageIndex]" :key="dataIndex"
-							@click="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+							@tap.stop="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
 							<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 								<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 									:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
--- a/components-diy/diy-hot-area.vue
+++ b/components-diy/diy-hot-area.vue
@@ -9,7 +9,7 @@
 				height: mapItem.height + '%',
 				left: mapItem.left + '%',
 				top: mapItem.top + '%'
-			}" @click.stop="$util.diyRedirectTo(mapItem.link)"></view>
+			}" @tap.stop="$util.diyRedirectTo(mapItem.link)"></view>
 		</view>
 	</view>
 </template>
--- a/components-diy/diy-image-nav.vue
+++ b/components-diy/diy-image-nav.vue
@@ -15,12 +15,12 @@
 							'width': (item.imgWidth / 2 + 'rpx') + ';',
 							'height': (item.imgHeight / 2 + 'rpx') + ';'
 						}" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
-							:show-menu-by-longpress="true" @tap="redirectTo(item.link)"></image>
+							:show-menu-by-longpress="true" @tap.stop="redirectTo(item.link)"></image>
 						<image v-else :style="{
 							'width': (item.imgWidth / 2 + 'rpx') + ';',
 							'height': (item.imgHeight / 2 + 'rpx') + ';'
 						}" :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
-							:show-menu-by-longpress="true" @tap="previewImg(item.imageUrl)"></image>
+							:show-menu-by-longpress="true" @tap.stop="previewImg(item.imageUrl)"></image>
 					</view>

 					<!-- 文字部分 -->
@@ -103,17 +103,6 @@ export default {
 		}
 	},
 	methods: {
-		// 预览图片
-		previewImg(imageUrl) {
-			uni.previewImage({
-				current: 0,
-				urls: [this.$util.img(imageUrl)],
-				success: (res) => { },
-				fail: (res) => { },
-				complete: (res) => { }
-			});
-		},
-
 		// 页面跳转
 		redirectTo(link) {
 			if (!link.wap_url || this.$util.getCurrRoute() != this.$util.MEMBER_PAGE_URL || this.storeToken) {
--- a/components-diy/diy-img-ads.vue
+++ b/components-diy/diy-img-ads.vue
@@ -2,8 +2,7 @@
 	<view data-component-name="diy-img-ads" class="single-graph">
 		<view :style="imgAdsMarginWarp" class="swiper-box">
 			<block v-if="imgAdsValue.list.length == 1">
-				<view class="simple-graph-wrap" :style="imgAdsSwiper" @click="handlerClick(imgAdsValue.list[0].link)"
-					@tap="handlerClick(imgAdsValue.list[0].link)">
+				<view class="simple-graph-wrap" :style="imgAdsSwiper" @tap.stop="handlerClick(imgAdsValue.list[0].link)">
 					<image :style="{ height: imgAdsValue.list[0].imgHeight }"
 						:src="$util.img(imgAdsValue.list[0].imageUrl)" mode="widthFix" :show-menu-by-longpress="true" />
 				</view>
@@ -16,7 +15,7 @@
 				indicator-color="rgba(130, 130, 130, .5)" :indicator-active-color="imgAdsValue.indicatorColor"
 				@change="swiperChange">
 				<swiper-item class="swiper-item" :style="imgAdsSwiper" v-for="(item, index) in imgAdsValue.list"
-					:key="index" v-if="item.imageUrl" @click="handlerClick(item.link)" @tap="handlerClick(item.link)">
+					:key="index" v-if="item.imageUrl" @tap.stop="handlerClick(item.link)">
 					<view class="item" :style="imgAdsSwiper + 'height: ' + item.imgHeight">
 						<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
 							:show-menu-by-longpress="true" />
--- a/components-diy/diy-index-page.vue
+++ b/components-diy/diy-index-page.vue
@@ -8,7 +8,7 @@
 						:style="{ background: value.backgroundColor ? value.backgroundColor : '', width: 'calc(100% - 48rpx)' }"
 						@touchmove.stop>
 						<view class="item" :id="'a' + index" v-for="(item, index) in cateList" :key="index"
-							@click="changePageIndex(index)" :class="{ fill: value.styleType == 'fill' }"
+							@tap.stop="changePageIndex(index)" :class="{ fill: value.styleType == 'fill' }"
 							:style="{ background: index == pageIndex && value.styleType == 'fill' ? value.selectColor : '' }">
 							<view class="text-con" :class="index == pageIndex ? 'active' : ''" :style="{
 								color: index == pageIndex ? '' : value.noColor
@@ -25,13 +25,13 @@
 						</view>
 					</scroll-view>
 					<text class="iconfont icon-unfold unfold-arrows" :style="{ color: value.moreColor }"
-						@click="unfoldMenu"></text>
+						@tap.stop="unfoldMenu"></text>
 				</view>
 				<uni-popup ref="navTopCategoryPop" type="top" :top="uniPopTop">
 					<view class="nav-topcategory-pop">
 						<text v-for="(item, index) in cateList" :key="index"
 							:class="['category-item', { 'color-base-text color-base-border active': pageIndex == index }]"
-							@click="changePageIndex(index)">
+							@tap.stop="changePageIndex(index)">
 							{{ item.short_name ? item.short_name : item.category_name }}
 						</text>
 					</view>
@@ -55,7 +55,7 @@
 										<view class="twoCategory min" v-if="twoCategorylist.length <= 5">
 											<view class="twoCategory-page">
 												<view class="swiper-item" v-for="(item, index) in twoCategorylist"
-													:key="index" @click="toCateGoodsList(item.category_id_2, 2)">
+													:key="index" @tap.stop="toCateGoodsList(item.category_id_2, 2)">
 													<view class="item-box">
 														<image :src="$util.img(item.image)" v-if="item.image"
 															mode="aspectFill" />
@@ -70,7 +70,7 @@
 											v-if="twoCategorylist.length > 5 && twoCategorylist.length <= 10">
 											<view class="twoCategory-page">
 												<view class="swiper-item" v-for="(item, index) in twoCategorylist"
-													:key="index" @click="toCateGoodsList(item.category_id_2, 2)">
+													:key="index" @tap.stop="toCateGoodsList(item.category_id_2, 2)">
 													<view class="item-box">
 														<image :src="$util.img(item.image)" v-if="item.image"
 															mode="aspectFill" />
@@ -86,7 +86,7 @@
 											<swiper-item class="twoCategory-page" v-for="page in maxPage" :key="page">
 												<view class="swiper-item" v-for="(item, index) in twoCategorylist"
 													:key="index" v-if="index >= (page - 1) * 10 && index < page * 10"
-													@click="toCateGoodsList(item.category_id_2, 2)">
+													@tap.stop="toCateGoodsList(item.category_id_2, 2)">
 													<view class="item-box">
 														<image :src="item.image" mode="aspectFill" />
 														<view>{{ item.category_name }}</view>
@@ -108,7 +108,7 @@

 									<view class="goods-list double-column" v-if="goodsList[pageIndex].list.length">
 										<view class="goods-item" v-for="(item, index) in goodsList[pageIndex].list"
-											:key="index" @click="toDetail(item)">
+											:key="index" @tap.stop="toDetail(item)">
 											<view class="goods-img">
 												<image :src="goodsImg(item.goods_image)" mode="widthFix"
 													@error="imgError(index)" />
--- a/components-diy/diy-kefu.vue
+++ b/components-diy/diy-kefu.vue
@@ -14,7 +14,7 @@
 				</view>
 				<view class="fui-remark jump" style="padding-right: 20rpx; text-align: center; line-height: 140rpx;">
 					<span style="font-size:24rpx;padding: 14rpx 18rpx;border-radius:8rpx"
-						:style="{ background: item.BtBgColor, color: item.BtColor }" @click="previewSqs()">立即添加</span>
+						:style="{ background: item.BtBgColor, color: item.BtColor }" @tap.stop="previewSqs()">立即添加</span>
 				</view>
 			</view>
 		</view>
--- a/components-diy/diy-listmenu.vue
+++ b/components-diy/diy-listmenu.vue
@@ -3,7 +3,7 @@
 		<view class="fui-cell-group">
 			<!--     <image mode="widthFix" style="width: 100%;" :src="$util.img(item.imageUrl)"></image> -->

-			<view v-for="(item, index) in value.list" @click="redirectTo(item.link)" class="fui-cell"
+			<view v-for="(item, index) in value.list" @tap.stop="redirectTo(item.link)" class="fui-cell"
 				:class="item.iconType == 'img' ? 'img-cell' : ''">
 				<view class="fui-cell-icon" :style="{ 'color': item.style ? item.style.iconColor : '#333' }">
 					<diy-icon v-if="item.iconType == 'icon'" :icon="item.icon" :value="item.style ? item.style : null"
--- a/components-diy/diy-live.vue
+++ b/components-diy/diy-live.vue
@@ -1,6 +1,6 @@
 <template>
 	<x-skeleton data-component-name="diy-live" type="banner" :loading="loading" :configs="skeletonConfig">
-		<view class="live-wrap" @click="handlerClick(liveInfo.roomid)" @tap="handlerClick(liveInfo.roomid)"
+		<view class="live-wrap" @tap.stop="handlerClick(liveInfo.roomid)"
 			v-if="liveInfo">
 			<view class="banner-wrap">
 				<image
--- a/components-diy/diy-many-goods-list.vue
+++ b/components-diy/diy-many-goods-list.vue
@@ -3,7 +3,7 @@
 		<scroll-view scroll-x="true" class="many-goods-list-head" :scroll-into-view="'a' + cateIndex"
 			:style="manyWrapCss">
 			<view v-for="(item, index) in value.list" class="scroll-item" :class="{ active: index == cateIndex }"
-				:id="'a' + index" :key="index" @click="handlerClick({ item, index })" @tap="handlerClick({ item, index })">
+				:id="'a' + index" :key="index" @tap.stop="handlerClick({ item, index })">
 				<view class="split-line" v-if="index > 0"></view>
 				<view class="cate">
 					<view class="name" :style="{ color: value.headStyle.titleColor }">{{ item.title }}</view>
--- a/components-diy/diy-map.vue
+++ b/components-diy/diy-map.vue
@@ -3,11 +3,18 @@
 		<view class="fui-list-group merchgroup" style="margin-top:0" v-for="(item, index) in value.list">
 			<map id="map" style="width: 100%; height:600rpx" scale="12" :markers="markerst" bindupdated="bindupdated"
 				:longitude="item.lng" :latitude="item.lat" show-location>
-				<cover-view
+				<!-- <cover-view
 					style="position:absolute;right:10px;bottom:30rpx;z-index:99999;background:#4390FF;padding:5px 10px;wxcs_style_padding:10rpx 20rpx;border-radius:8rpx;color: #fff;"
-					@click="handlerClick(item)" @tap="handlerClick(item)">
+					@tap.stop="handlerClick(item)" @tap="handlerClick(item)">
 					<cover-view style="font-size:24rpx">一键导航</cover-view>
-				</cover-view>
+				</cover-view> -->
+
+				<!-- 使用非原生cover-view, 解决原生cover-view组件渲染机制z-index失效的问题 -->
+				<div
+					style="position:absolute;right:12rpx;bottom:48rpx;z-index:1;background:#4390FF;padding:0rpx 20rpx;border-radius:8rpx;color: #fff;"
+					@tap.stop="handlerClick(item)">
+					<span style="font-size:24rpx;color: #fff;">一键导航</span>
+				</div>			
 			</map>
 		</view>

--- a/components-diy/diy-member-info.vue
+++ b/components-diy/diy-member-info.vue
@@ -4,7 +4,7 @@
 		<view class="common-wrap info-wrap" :class="[`data-style-${value.style}`]">
 			<view class="member-info" :style="memberInfoStyle">
 				<view class="info-wrap" :style="infoStyle" v-if="memberInfo">
-					<view class="headimg" @click="getWxAuth">
+					<view class="headimg" @tap.stop="getWxAuth">
 						<image :src="memberInfo.headimg ? $util.img(memberInfo.headimg) : $util.getDefaultImage().head"
 							mode="widthFix" @error="memberInfo.headimg = $util.getDefaultImage().head" />
 					</view>
@@ -12,10 +12,10 @@
 						<!-- #ifdef MP -->
 						<block
 							v-if="(memberInfo.nickname.indexOf('u_') != -1 && memberInfo.nickname == memberInfo.username) || memberInfo.nickname == memberInfo.mobile">
-							<view class="nickname"><text class="name" @click="getWxAuth">点击授权头像昵称</text></view>
+							<view class="nickname"><text class="name" @tap.stop="getWxAuth">点击授权头像昵称</text></view>
 						</block>
 						<view class="nickname" v-else>
-							<text class="name" @click="getWxAuth">{{ memberInfo.nickname }}</text>
+							<text class="name" @tap.stop="getWxAuth">{{ memberInfo.nickname }}</text>
 							<view class="member-level"
 								v-if="(value.style == 1 || value.style == 2) && memberInfo.member_level">
 								<!-- 	<text class="icondiy icon-system-huangguan"></text> -->
@@ -36,10 +36,10 @@
 						<!-- #ifdef H5 -->
 						<block
 							v-if="$util.isWeiXin() && ((memberInfo.nickname.indexOf('u_') != -1 && memberInfo.nickname == memberInfo.username) || memberInfo.nickname == memberInfo.mobile)">
-							<view class="nickname"><text class="name" @click="getWxAuth">点击获取微信头像</text></view>
+							<view class="nickname"><text class="name" @tap.stop="getWxAuth">点击获取微信头像</text></view>
 						</block>
 						<view class="nickname" v-else>
-							<text class="name" @click="redirect('/pages_tool/member/info')">{{ memberInfo.nickname
+							<text class="name" @tap.stop="redirect('/pages_tool/member/info')">{{ memberInfo.nickname
 							}}</text>
 							<view class="member-level"
 								v-if="(value.style == 1 || value.style == 2) && memberInfo.member_level">
@@ -61,10 +61,10 @@
 					</view>
 					<view v-if="ischina == 1"
 						style="background: #fff;height: 60rpx;width: 60rpx;border-radius: 50rpx;line-height:65rpx;text-align: center;color:#000"
-						@click.stop="modifyInfo()">{{ langIndex == 0 ? 'CN' : 'EN' }}</view>
+						@tap.stop="modifyInfo()">{{ langIndex == 0 ? 'CN' : 'EN' }}</view>
 				</view>

-				<view class="info-wrap" v-else :style="infoStyle" @click="redirect($util.MEMBER_PAGE_URL)">
+				<view class="info-wrap" v-else :style="infoStyle" @tap.stop="redirect($util.MEMBER_PAGE_URL)">
 					<view class="headimg">
 						<image :src="$util.getDefaultImage().head" mode="widthFix"></image>
 					</view>
@@ -75,12 +75,12 @@

 					<view v-if="ischina == 1"
 						style="background: #fff;height: 60rpx;width: 60rpx;border-radius: 50rpx;line-height:65rpx;text-align: center;color:#000"
-						@click.stop="modifyInfo()">{{ langIndex == 0 ? 'CN' : 'EN' }}</view>
+						@tap.stop="modifyInfo()">{{ langIndex == 0 ? 'CN' : 'EN' }}</view>
 				</view>

 				<view class="account-info" v-show="value.style == 1"
 					:style="{ 'margin-left': parseInt(value.infoMargin) * 2 + 'rpx', 'margin-right': parseInt(value.infoMargin) * 2 + 'rpx' }">
-					<view class="account-item" @click="redirect('/pages_tool/member/balance')">
+					<view class="account-item" @tap.stop="redirect('/pages_tool/member/balance')">
 						<view class="value price-font">
 							{{ memberInfo ? (parseFloat(memberInfo.balance) +
 								parseFloat(memberInfo.balance_money)).toFixed(2) : '--' }}
@@ -88,12 +88,12 @@
 						<view class="title">{{ $lang('balance') }}</view>
 					</view>
 					<view class="solid"></view>
-					<view class="account-item" @click="redirect('/pages_tool/member/point_detail')">
+					<view class="account-item" @tap.stop="redirect('/pages_tool/member/point_detail')">
 						<view class="value price-font">{{ memberInfo ? parseFloat(memberInfo.point) : '--' }}</view>
 						<view class="title">{{ $lang('point') }}</view>
 					</view>
 					<view class="solid"></view>
-					<view class="account-item" @click="redirect('/pages_tool/member/coupon')">
+					<view class="account-item" @tap.stop="redirect('/pages_tool/member/coupon')">
 						<view class="value price-font">
 							{{ memberInfo && memberInfo.coupon_num != undefined ? memberInfo.coupon_num : '--' }}
 						</view>
@@ -110,8 +110,8 @@
 							<text>超级会员</text>
 						</view>
 						<view class="super-text">
-							<text class="see" v-if="memberInfo && memberInfo.member_level_type" @click="redirectBeforeAuth('/pages_tool/member/card')">查看特权</text>
-							<text class="see" v-else @click="redirectBeforeAuth('/pages_tool/member/card_buy')">会员可享更多权益</text>
+							<text class="see" v-if="memberInfo && memberInfo.member_level_type" @tap.stop="redirectBeforeAuth('/pages_tool/member/card')">查看特权</text>
+							<text class="see" v-else @tap.stop="redirectBeforeAuth('/pages_tool/member/card_buy')">会员可享更多权益</text>
 							<text class="iconfont icon-right"></text>
 						</view>
 					</block>
@@ -121,8 +121,8 @@
 							<view class="desc">开通可享更多权益</view>
 						</view>
 						<view class="super-text">
-							<text class="see" v-if="memberInfo && memberInfo.member_level_type" @click="redirectBeforeAuth('/pages_tool/member/card')">查看特权</text>
-							<text class="see" v-else @click="redirectBeforeAuth('/pages_tool/member/card_buy')">立即开通</text>
+							<text class="see" v-if="memberInfo && memberInfo.member_level_type" @tap.stop="redirectBeforeAuth('/pages_tool/member/card')">查看特权</text>
+							<text class="see" v-else @tap.stop="redirectBeforeAuth('/pages_tool/member/card_buy')">立即开通</text>
 						</view>
 					</block>
 				</view>
@@ -134,25 +134,25 @@
 							<view class="desc">开通可享更多权益</view>
 						</view>
 						<view class="super-text" :class="{ 'more' : memberInfo && memberInfo.member_level_type }">
-							<text class="see" v-if="memberInfo && memberInfo.member_level_type" @click="redirectBeforeAuth('/pages_tool/member/card')">查看更多权益</text>
-							<text class="see" v-else @click="redirectBeforeAuth('/pages_tool/member/card_buy')">立即开通</text>
+							<text class="see" v-if="memberInfo && memberInfo.member_level_type" @tap.stop="redirectBeforeAuth('/pages_tool/member/card')">查看更多权益</text>
+							<text class="see" v-else @tap.stop="redirectBeforeAuth('/pages_tool/member/card_buy')">立即开通</text>
 						</view>
 					</view>
 					<view class="account-info" :style="{ 'margin-left': parseInt(value.infoMargin) * 2 + 'rpx', 'margin-right': parseInt(value.infoMargin) * 2 + 'rpx' }">
-						<view class="account-item" @click="redirect('/pages_tool/member/balance_detail')">
+						<view class="account-item" @tap.stop="redirect('/pages_tool/member/balance_detail')">
 							<view class="value price-font">
 								{{ memberInfo ? (parseFloat(memberInfo.balance) + parseFloat(memberInfo.balance_money)).toFixed(2) : '--' }}
 							</view>
 							<view class="title">余额</view>
 						</view>
 						<view class="solid"></view>
-						<view class="account-item" @click="redirect('/pages_tool/member/point_detail')">
+						<view class="account-item" @tap.stop="redirect('/pages_tool/member/point_detail')">
 							<view class="value price-font">{{ memberInfo ? parseFloat(memberInfo.point) : '--' }}
 							</view>
 							<view class="title">积分</view>
 						</view>
 						<view class="solid"></view>
-						<view class="account-item" @click="redirect('/pages_tool/member/coupon')">
+						<view class="account-item" @tap.stop="redirect('/pages_tool/member/coupon')">
 							<view class="value price-font">
 								{{ memberInfo && memberInfo.coupon_num != undefined ? memberInfo.coupon_num : '--' }}
 							</view>
@@ -161,7 +161,7 @@
 					</view>
 					<view class="style4-other">
 						<view class="style4-btn-wrap">
-							<view @click="redirect('/pages_tool/recharge/list')" class="recharge-btn">余额充值</view>
+							<view @tap.stop="redirect('/pages_tool/recharge/list')" class="recharge-btn">余额充值</view>
 						</view>
 					</view>
 				</view> -->
@@ -169,18 +169,18 @@

 			<view class="account-info" v-show="value.style == 2"
 				:style="{ 'margin-left': parseInt(value.infoMargin) * 2 + 'rpx', 'margin-right': parseInt(value.infoMargin) * 2 + 'rpx' }">
-				<view class="account-item" @click="redirect('/pages_tool/member/balance')">
+				<view class="account-item" @tap.stop="redirect('/pages_tool/member/balance')">
 					<view class="value price-font">{{ memberInfo ? (parseFloat(memberInfo.balance) +
 						parseFloat(memberInfo.balance_money)).toFixed(2) : '--' }}</view>
 					<view class="title">{{ $lang('balance') }}</view>
 				</view>
 				<view class="solid"></view>
-				<view class="account-item" @click="redirect('/pages_tool/member/point_detail')">
+				<view class="account-item" @tap.stop="redirect('/pages_tool/member/point_detail')">
 					<view class="value price-font">{{ memberInfo ? parseFloat(memberInfo.point) : '--' }}</view>
 					<view class="title">{{ $lang('point') }}</view>
 				</view>
 				<view class="solid"></view>
-				<view class="account-item" @click="redirect('/pages_tool/member/coupon')">
+				<view class="account-item" @tap.stop="redirect('/pages_tool/member/coupon')">
 					<view class="value price-font">
 						{{ memberInfo && memberInfo.coupon_num != undefined ? memberInfo.coupon_num : '--' }}
 					</view>
@@ -196,7 +196,7 @@
 					<view class="head">
 						<text class="title">获取您的昵称、头像</text>
 						<text class="color-tip tips">获取用户头像、昵称完善个人资料，主要用于向用户提供具有辨识度的用户中心界面</text>
-						<text class="iconfont icon-close color-tip" @click="cancelCompleteInfo"></text>
+						<text class="iconfont icon-close color-tip" @tap.stop="cancelCompleteInfo"></text>
 					</view>
 					<!-- #ifdef MP-WEIXIN -->
 					<view class="item-wrap">
@@ -227,7 +227,7 @@
 						<input type="nickname" placeholder="请输入昵称" v-model="nickName" @blur="blurNickName" />
 					</view>
 					<!-- #endif -->
-					<button type="default" class="save-btn" @click="saveCompleteInfo" :disabled="isDisabled">保存</button>
+					<button type="default" class="save-btn" @tap.stop="saveCompleteInfo" :disabled="isDisabled">保存</button>
 				</view>
 			</uni-popup>
 		</view>
--- a/components-diy/diy-member-my-order.vue
+++ b/components-diy/diy-member-my-order.vue
@@ -2,7 +2,7 @@
 	<view data-component-name="diy-member-my-order" class="common-wrap" :style="warpCss">
 		<view class="order-wrap">
 			<view class="status-wrap">
-				<view class="item-wrap" @click="redirect('/pages_order/list?status=waitpay')"
+				<view class="item-wrap" @tap.stop="redirect('/pages_order/list?status=waitpay')"
 					style="margin-right: 10rpx;">
 					<view class="icon-block">
 						<template v-if="value.style == 3">
@@ -21,7 +21,7 @@
 					</view>
 					<view class="title">{{ $lang('waitpay') }}</view>
 				</view>
-				<view class="item-wrap" @click="redirect('/pages_order/list?status=waitsend')"
+				<view class="item-wrap" @tap.stop="redirect('/pages_order/list?status=waitsend')"
 					style="margin-right: 10rpx;">
 					<view class="icon-block">
 						<template v-if="value.style == 3">
@@ -40,7 +40,7 @@
 					</view>
 					<view class="title">{{ $lang('waitsend') }}</view>
 				</view>
-				<view class="item-wrap" @click="redirect('/pages_order/list?status=waitconfirm')"
+				<view class="item-wrap" @tap.stop="redirect('/pages_order/list?status=waitconfirm')"
 					style="margin-right: 10rpx;">
 					<view class="icon-block">
 						<template v-if="value.style == 3">
@@ -59,7 +59,7 @@
 					</view>
 					<view class="title">{{ $lang('waitconfirm') }}</view>
 				</view>
-				<view class="item-wrap" @click="redirect('/pages_order/list?status=waitrate')"
+				<view class="item-wrap" @tap.stop="redirect('/pages_order/list?status=waitrate')"
 					style="margin-right: 10rpx;">
 					<view class="icon-block">
 						<template v-if="value.style == 3">
@@ -76,7 +76,7 @@
 					</view>
 					<view class="title">{{ $lang('completed') }}</view>
 				</view>
-				<view class="item-wrap" @click="redirect('/pages_tool/order/activist')">
+				<view class="item-wrap" @tap.stop="redirect('/pages_tool/order/activist')">
 					<view class="icon-block">
 						<template v-if="value.style == 3">
 							<image :src="$util.img('public/uniapp/member/order/refunding.png')" mode="widthFix" />
--- a/components-diy/diy-merch-list.vue
+++ b/components-diy/diy-merch-list.vue
@@ -4,7 +4,7 @@
 			<view class="merch-wrap" :style="warpCss">
 				<view :class="['list-wrap', value.style]" :style="warpCss">
 					<view :class="['item', value.ornament.type]" v-for="(item, index) in list" :key="index"
-						:style="itemCss" @click="handlerClick(item)" @tap="handlerClick(item)">
+						:style="itemCss" @tap.stop="handlerClick(item)">
 						<view class="merch-img">
 							<image class="cover-img" :src="$util.img(item.merch_image)" mode="widthFix"
 								@error="imgError(index)" />
@@ -25,7 +25,7 @@
 					<!-- #endif -->

 					<view class="merch-nav-item graphic" v-for="(item, index) in list" :key="index"
-						:style="{ width: 100 / 4 + '%' }" @click="handlerClick(item)" @tap="handlerClick(item)">
+						:style="{ width: 100 / 4 + '%' }" @tap.stop="handlerClick(item)">
 						<view class="graphic-img" v-if="value.mode != 'text'"
 							:style="{ fontSize: value.imageSize * 2 + 'rpx', width: value.imageSize * 2 + 'rpx', height: value.imageSize * 2 + 'rpx' }">
 							<image
--- a/components-diy/diy-notes.vue
+++ b/components-diy/diy-notes.vue
@@ -3,13 +3,12 @@
 		<view class="diy-notes" :style="{ backgroundColor: value.componentBgColor }">
 			<view class="diy-notes-top">
 				<view class="notes-title" :style="{ color: value.titleTextColor }">{{ value.title }}</view>
-				<view class="notes-more" @click="toMore()" :style="{ color: value.moreTextColor }">{{ value.more }}
+				<view class="notes-more" @tap.stop="toMore()" :style="{ color: value.moreTextColor }">{{ value.more }}
 				</view>
 			</view>

 			<scroll-view class="diy-notes-box" scroll-x="true" show-scrollbar="true">
-				<view class="notes-box-item" v-for="(item, i) in dataList" :key="i" @click="handlerClick(item)"
-					@tap="handlerClick(item)" :style="notesItemStyle">
+				<view class="notes-box-item" v-for="(item, i) in dataList" :key="i" @tap.stop="handlerClick(item)" :style="notesItemStyle">
 					<view class="notes-item" v-if="item.status == 1">
 						<view class="notes-item-con">
 							<view class="notes-title">{{ item.note_title }}</view>
--- a/components-diy/diy-notice.vue
+++ b/components-diy/diy-notice.vue
@@ -41,12 +41,12 @@
 		<view @touchmove.prevent.stop>
 			<uni-popup ref="noticePopup" type="center">
 				<view class="notice-popup">
-					<view class="head-wrap" @click="closeNoticePopup">
+					<view class="head-wrap" @tap.stop="closeNoticePopup">
 						<text>公告</text>
 						<text class="iconfont icon-close"></text>
 					</view>
 					<view class="content-wrap">{{ notice }}</view>
-					<button type="primary" @click="closeNoticePopup">我知道了</button>
+					<button type="primary" @tap.stop="closeNoticePopup">我知道了</button>
 				</view>
 			</uni-popup>
 		</view>
--- a/components-diy/diy-payment-qrcode.vue
+++ b/components-diy/diy-payment-qrcode.vue
@@ -7,11 +7,11 @@
 					<!-- <text class="iconfont icon-shuaxin"></text> -->
 				</view>
 				<view class="qrocde-action">
-					<button type="primary" @click="toLink">
+					<button type="primary" @tap.stop="toLink">
 						<text class="iconfont icon-fukuanma"></text>
 						<text class="action-name">付款码</text>
 					</button>
-					<button type="primary" @click="openPaymentPopup">
+					<button type="primary" @tap.stop="openPaymentPopup">
 						<text class="iconfont icon-saomafu"></text>
 						<text class="action-name">扫码付</text>
 					</button>
@@ -26,12 +26,12 @@
 		<view @touchmove.prevent.stop>
 			<uni-popup ref="paymentPopup" type="center">
 				<view class="payment-popup">
-					<view class="head-wrap" @click="closePaymentPopup">
+					<view class="head-wrap" @tap.stop="closePaymentPopup">
 						<text>提示</text>
 						<text class="iconfont icon-close"></text>
 					</view>
 					<view class="content-wrap">扫码付请退出程序后直接使用微信扫一扫或返回上一页使用付款码进行支付</view>
-					<button type="primary" @click="closePaymentPopup">我知道了</button>
+					<button type="primary" @tap.stop="closePaymentPopup">我知道了</button>
 				</view>
 			</uni-popup>
 		</view>
--- a/components-diy/diy-picture.vue
+++ b/components-diy/diy-picture.vue
@@ -3,9 +3,9 @@
 		<view class="fui-picture">
 			<view v-for="(item, index) in value.list" style="line-height: 0;">
 				<image mode="widthFix" style="width: 100%;height:auto" :src="$util.img(item.imageUrl)"
-					v-if="item.link.wap_url" @click="handlerClick(item)" @tap="handlerClick(item)"></image>
+					v-if="item.link.wap_url" @tap.stop="handlerClick(item)"></image>
 				<image mode="widthFix" style="width: 100%;height:auto" :src="$util.img(item.imageUrl)" v-else
-					@click="handlerClick(item)" @tap="handlerClick(item)"></image>
+					@tap.stop="handlerClick(item)"></image>
 			</view>
 			<!--   <view wx:if="{{!childitem.linkurl}}" bindtap="previewImg" data-src="{{childitem.imgurl}}" style="padding:{{diyitem.style.paddingtop==0?0:diyitem.style.paddingtop+'rpx'}} {{diyitem.style.paddingleft==0?0:diyitem.style.paddingleft+'rpx'}}" wx:for="{{diyitem.data}}" wx:for-index="childid" wx:for-item="childitem" wx:key="{{childid}}">
 		        <image mode="widthFix" src="{{childitem.imgurl}}" style="{{bannerheight?'height:'+bannerheight+'px':'height:auto'}}"></image>
@@ -52,17 +52,6 @@ export default {
 		}
 	},
 	methods: {
-		previewImg(img) {
-			// #ifdef MP-WEIXIN
-			uni.previewImage({
-				current: 0,
-				urls: [this.$util.img(img)],
-				success: function (res) { },
-				fail: function (res) { },
-				complete: function (res) { },
-			})
-			// #endif
-		},
 		redirectTo(link) {
 			if (link.wap_url) {
 				if (this.$util.getCurrRoute() == this.$util.MEMBER_PAGE_URL && !this.storeToken) {
@@ -77,7 +66,9 @@ export default {
 			await this.__$emitEvent({
 				eventName: 'picture-tap', data: item, promiseCallback: (event, handler, awaitedResult) => {
 					if (!awaitedResult) return;
-					if (item.link.wap_url) {
+
+					const link = item.link;
+					if (link?.name || link?.wap_url || link?.appid) {
 						this.redirectTo(item.link);
 					} else {
 						this.previewImg(item.imageUrl);
--- a/components-diy/diy-pinfan.vue
+++ b/components-diy/diy-pinfan.vue
@@ -2,7 +2,7 @@
 	<x-skeleton data-component-name="diy-pinfan" :type="skeletonType" :loading="loading" :configs="skeletonConfig">
 		<view class="diy-pinfan" :class="[value.template, value.style]" :style="warpCss">
 			<template v-if="value.template == 'row1-of1'">
-				<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+				<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 					:class="[value.ornament.type]" :style="goodsItemCss">
 					<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 						<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -61,7 +61,7 @@

 			<template v-if="value.template == 'horizontal-slide'">
 				<scroll-view v-if="value.slideMode == 'scroll'" class="scroll" :scroll-x="true" :show-scrollbar="false">
-					<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+					<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 						:class="[value.ornament.type]" :style="goodsItemCss">
 						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -113,7 +113,7 @@
 					<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
 						:class="['swiper-item', (list.length && [list[pageIndex].length / 3] >= 1) && 'flex-between']">
 						<view class="item" v-for="(item, dataIndex) in list[pageIndex]" :key="dataIndex"
-							@click="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+							@tap.stop="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
 							<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 								<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 									:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
--- a/components-diy/diy-pintuan.vue
+++ b/components-diy/diy-pintuan.vue
@@ -31,14 +31,14 @@
 				</view>
 				<view class="head-right"
 					:style="{ fontSize: value.titleStyle.moreFontSize * 2 + 'rpx', color: value.titleStyle.moreColor }"
-					@click="$util.redirectTo('/pages_promotion/pintuan/list')">
+					@tap.stop="$util.redirectTo('/pages_promotion/pintuan/list')">
 					<text>{{ value.titleStyle.more }}</text>
 					<text class="iconfont icon-right"></text>
 				</view>
 			</view>

 			<template v-if="value.template == 'row1-of1'">
-				<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+				<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 					:class="[value.ornament.type]" :style="goodsItemCss">
 					<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 						<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -100,7 +100,7 @@

 			<template v-if="value.template == 'horizontal-slide'">
 				<scroll-view v-if="value.slideMode == 'scroll'" class="scroll" :scroll-x="true" :show-scrollbar="false">
-					<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)"
+					<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
 						:class="[value.ornament.type]" :style="goodsItemCss">
 						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -161,7 +161,7 @@
 					<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
 						:class="['swiper-item', (list.length && [list[pageIndex].length / 3] >= 1) && 'flex-between']">
 						<view class="item" v-for="(item, dataIndex) in list[pageIndex]" :key="dataIndex"
-							@click="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+							@tap.stop="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
 							<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 								<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 									:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
--- a/components-diy/diy-presale.vue
+++ b/components-diy/diy-presale.vue
@@ -2,8 +2,8 @@
 	<x-skeleton data-component-name="diy-presale" :type="skeletonType" :loading="loading" :configs="skeletonConfig">
 		<view class="diy-presale" v-if="list.length" :class="[value.template, value.style]" :style="warpCss">
 			<template v-if="value.template == 'row1-of1'">
-				<view class="item" v-for="(item, index) in list" :key="index" @click="handlerClick(item)"
-					@tap="handlerClick(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+				<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="handlerClick(item)"
+					:class="[value.ornament.type]" :style="goodsItemCss">
 					<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 						<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 							:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
@@ -40,8 +40,8 @@
 			</template>
 			<template v-if="value.template == 'horizontal-slide'">
 				<scroll-view v-if="value.slideMode == 'scroll'" class="scroll" :scroll-x="true" :show-scrollbar="false">
-					<view class="item" v-for="(item, index) in list" :key="index" @click="handlerClick(item)"
-						@tap="handlerClick(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+					<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="handlerClick(item)"
+						:class="[value.ornament.type]" :style="goodsItemCss">
 						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 								:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
@@ -75,8 +75,7 @@
 					<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
 						:class="['swiper-item', (list.length && [list[pageIndex].length / 3] >= 1) && 'flex-between']">
 						<view class="item" v-for="(item, dataIndex) in list[pageIndex]" :key="dataIndex"
-							@click="handlerClick(item)" @tap="handlerClick(item)" :class="[value.ornament.type]"
-							:style="goodsItemCss">
+							@tap.stop="handlerClick(item)" :class="[value.ornament.type]" :style="goodsItemCss">
 							<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 								<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 									:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
--- a/components-diy/diy-quick-nav.vue
+++ b/components-diy/diy-quick-nav.vue
@@ -5,7 +5,7 @@
 			<view class="uni-scroll-view-content">
 				<!-- #endif -->
 				<view class="quick-nav-item" v-for="(item, index) in value.list" :key="index"
-					@click="handlerClick(item)" @tap="handlerClick(item)"
+					@tap.stop="handlerClick(item)"
 					:style="{ background: 'linear-gradient(to right,' + item.bgColorStart ? item.bgColorStart : '' + ',' + item.bgColorEnd ? item.bgColorEnd : '' + ')' }">
 					<view class="quick-img" v-if="item.imageUrl || item.icon">
 						<image v-if="item.iconType == 'img'"
--- a/components-diy/diy-rich-text.vue
+++ b/components-diy/diy-rich-text.vue
@@ -1,6 +1,6 @@
 <template>
 	<view data-component-name="diy-rich-text" class="rich-text-box" :style="richTextWarpCss">
-		<rich-text :nodes="html" @click="handlerClick" @tap="handlerClick"></rich-text>
+		<rich-text :nodes="html" @tap.stop="handlerClick"></rich-text>
 	</view>
 </template>

--- a/components-diy/diy-rubik-cube.vue
+++ b/components-diy/diy-rubik-cube.vue
@@ -8,9 +8,8 @@
 			<!-- 1左2右 -->
 			<template v-if="value.mode == 'row1-lt-of2-rt'">
 				<view class="template-left">
-					<view :class="['item', value.mode]" @click="handlerClick(value.list[0].link)"
-						@tap="handlerClick(value.list[0].link)"
-						:style="{ marginRight: value.imageGap * 2 + 'rpx', width: list[0].imgWidth, height: list[0].imgHeight + 'px' }">
+					<view :class="['item', value.mode]" @tap.stop="handlerClick(value.list[0].link, value.list[0].imageUrl)"
+					:style="{ marginRight: value.imageGap * 2 + 'rpx', width: list[0].imgWidth, height: list[0].imgHeight + 'px' }">
 						<image :src="$util.img(value.list[0].imageUrl)" :mode="list[0].imageMode || 'scaleToFill'"
 							:style="list[0].pageItemStyle" :show-menu-by-longpress="true" />
 					</view>
@@ -19,9 +18,8 @@
 				<view class="template-right">
 					<template v-for="(item, index) in list">
 						<template v-if="index > 0">
-							<view :key="index" :class="['item', value.mode]" @click="handlerClick(item.link)"
-								@tap="handlerClick(item.link)"
-								:style="{ marginBottom: value.imageGap * 2 + 'rpx', width: item.imgWidth, height: item.imgHeight + 'px' }">
+							<view :key="index" :class="['item', value.mode]" @tap.stop="handlerClick(item.link, item.imageUrl)"
+							:style="{ marginBottom: value.imageGap * 2 + 'rpx', width: item.imgWidth, height: item.imgHeight + 'px' }">
 								<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
 									:style="item.pageItemStyle" :show-menu-by-longpress="true" />
 							</view>
@@ -34,8 +32,8 @@
 			<template v-else-if="value.mode == 'row1-lt-of1-tp-of2-bm'">
 				<view class="template-left">
 					<view :class="['item', value.mode]"
-						:style="{ marginRight: value.imageGap * 2 + 'rpx', width: list[0].imgWidth, height: list[0].imgHeight + 'px' }"
-						@click="handlerClick(value.list[0].link)" @tap="handlerClick(value.list[0].link)">
+					:style="{ marginRight: value.imageGap * 2 + 'rpx', width: list[0].imgWidth, height: list[0].imgHeight + 'px' }"
+					@tap.stop="handlerClick(value.list[0].link, value.list[0].imageUrl)">
 						<image :src="$util.img(value.list[0].imageUrl)" :mode="list[0].imageMode || 'scaleToFill'"
 							:style="list[0].pageItemStyle" :show-menu-by-longpress="true" />
 					</view>
@@ -43,20 +41,19 @@

 				<view class="template-right">
 					<view :class="['item', value.mode]"
-						:style="{ marginBottom: value.imageGap * 2 + 'rpx', width: list[1].imgWidth, height: list[1].imgHeight + 'px' }"
-						@click="handlerClick(value.list[1].link)" @tap="handlerClick(value.list[1].link)">
+					:style="{ marginBottom: value.imageGap * 2 + 'rpx', width: list[1].imgWidth, height: list[1].imgHeight + 'px' }"
+					@tap.stop="handlerClick(value.list[1].link, value.list[1].imageUrl)">
 						<image :src="$util.img(value.list[1].imageUrl)" :mode="list[1].imageMode || 'scaleToFill'"
 							:style="list[1].pageItemStyle" :show-menu-by-longpress="true" />
 					</view>
 					<view class="template-bottom">
 						<template v-for="(item, index) in list">
 							<template v-if="index > 1">
-								<view :key="index" :class="['item', value.mode]" @click="handlerClick(item.link)"
-									@tap="handlerClick(item.link)" :style="{
-										marginRight: value.imageGap * 2 + 'rpx',
-										width: item.imgWidth,
-										height: item.imgHeight + 'px'
-									}">
+								<view :key="index" :class="['item', value.mode]" @tap.stop="handlerClick(item.link, item.imageUrl)" :style="{
+								marginRight: value.imageGap * 2 + 'rpx',
+								width: item.imgWidth,
+								height: item.imgHeight + 'px'
+							}">
 									<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
 										:style="item.pageItemStyle" :show-menu-by-longpress="true" />
 								</view>
@@ -68,8 +65,8 @@

 			<template v-else>
 				<view :class="['item', value.mode]" v-for="(item, index) in list" :key="index"
-					@click="handlerClick(item.link)" @tap="handlerClick(item.link)"
-					:style="{ marginRight: value.imageGap * 2 + 'rpx', marginBottom: value.imageGap * 2 + 'rpx', width: item.widthStyle, height: item.imgHeight + 'px' }">
+				@tap.stop="handlerClick(item.link, item.imageUrl)"
+				:style="{ marginRight: value.imageGap * 2 + 'rpx', marginBottom: value.imageGap * 2 + 'rpx', width: item.widthStyle, height: item.imgHeight + 'px' }">
 					<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
 						:style="item.pageItemStyle" :show-menu-by-longpress="true" />
 				</view>
@@ -374,11 +371,16 @@ export default {
 			return obj;
 		},

-		async handlerClick(link) {
+		async handlerClick(link, imageUrl) {
 			await this.__$emitEvent({
 				eventName: 'rubik-cube-tap', data: link, promiseCallback: (event, handler, awaitedResult) => {
 					if (!awaitedResult) return;
-					this.$util.diyRedirectTo(link);
+
+					if (link?.name || link?.wap_url || link?.appid) {
+						this.$util.diyRedirectTo(link);
+					} else if (imageUrl){
+						this.previewImg(imageUrl);
+					}
 				}
 			})
 		}
--- a/components-diy/diy-search.vue
+++ b/components-diy/diy-search.vue
@@ -2,7 +2,7 @@
 	<view data-component-name="diy-search" class="diy-search">
 		<view class="diy-search-wrap" :class="value.positionWay" :style="fixedCss">
 			<view :class="['search-box', 'search-box-' + value.searchStyle]" :style="searchWrapCss"
-				@click="handlerSearchClick" @tap="handlerSearchClick">
+				@tap.stop="handlerSearchClick">
 				<block v-if="[1, 2].includes(value.searchStyle)">
 					<view class="img" v-if="value.searchStyle == 2 && value.iconType == 'img'">
 						<image :src="$util.img(value.imageUrl)" mode="heightFix" />
@@ -14,32 +14,30 @@
 						<input type="text" class="uni-input ns-font-size-base" maxlength="50" :placeholder="value.title"
 							v-model="searchText" @confirm="handlerSearchClick" disabled="true"
 							:placeholderStyle="placeholderStyle" />
-						<text class="iconfont icon-sousuo3" @click.stop="handlerSearchClick" @tap="handlerSearchClick"
+						<text class="iconfont icon-sousuo3" @tap.stop="handlerSearchClick"
 							:style="{ color: value.textColor ? value.textColor : 'rgba(0,0,0,0)' }"></text>
 					</view>
 				</block>
 				<block v-if="value.searchStyle == 3">
-					<view class="search-content" :style="inputStyle" @click.stop="handlerSearchClick"
-						@tap="handlerSearchClick">
+					<view class="search-content" :style="inputStyle"
+						@tap.stop="handlerSearchClick">
 						<text class="iconfont icon-sousuo3"
 							:style="{ color: value.textColor ? value.textColor : 'rgba(0,0,0,0)' }"></text>
 						<input type="text" class="uni-input ns-font-size-base" maxlength="50" :placeholder="value.title"
 							v-model="searchText" @confirm="handlerSearchClick" disabled="true"
-							@click.stop="handlerSearchClick" @tap="handlerSearchClick"
+							@tap.stop="handlerSearchClick"
 							:placeholderStyle="placeholderStyle" />
-						<text class="search-content-btn" @click.stop="handlerSearchClick" @tap="handlerSearchClick"
+						<text class="search-content-btn" @tap.stop="handlerSearchClick"
 							:style="{ 'backgroundColor': value.pageBgColor ? value.pageBgColor : 'rgba(0,0,0,0)' }">搜索</text>
 					</view>
 					<view class="img" v-if="value.iconType == 'img'"
-						@click.stop="handlerRedirectToClick(value.searchLink)"
-						@tap="handlerRedirectToClick(value.searchLink)">
+						@tap.stop="handlerRedirectToClick(value.searchLink)">
 						<image :src="$util.img(value.imageUrl)" mode="heightFix" />
 					</view>
 					<diy-icon class="icon" v-if="value.iconType == 'icon'" :icon="value.icon"
 						:value="value.style ? value.style : 'null'"
 						:style="{ maxWidth: 30 * 2 + 'rpx', maxHeight: 30 * 2 + 'rpx' }"
-						@click.stop="handlerRedirectToClick(value.searchLink)"
-						@tap="handlerRedirectToClick(value.searchLink)"></diy-icon>
+						@tap.stop="handlerRedirectToClick(value.searchLink)"></diy-icon>
 				</block>
 			</view>
 		</view>
--- a/components-diy/diy-seckill.vue
+++ b/components-diy/diy-seckill.vue
@@ -27,7 +27,7 @@
 				</view>
 				<view class="marketimg-box-title-right" v-if="value.titleStyle.moreSupport"
 					:style="{ fontSize: value.titleStyle.moreFontSize * 2 + 'rpx', color: value.titleStyle.moreColor }"
-					@click="toMore">
+					@tap.stop="toMore">
 					<text>{{ value.titleStyle.more }}</text>
 					<text class="iconfont icon-right"></text>
 				</view>
@@ -35,7 +35,7 @@

 			<view class="content-wrap">
 				<template v-if="value.template == 'row1-of1'">
-					<view class="item" v-for="(item, index) in dataList" :key="index" @click="toDetail(item.id)"
+					<view class="item" v-for="(item, index) in dataList" :key="index" @tap.stop="toDetail(item.id)"
 						:class="[value.ornament.type]" :style="goodsItemCss">
 						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -105,7 +105,7 @@
 				</template>

 				<template v-if="value.template == 'row1-of2'">
-					<view class="item" v-for="(item, index) in dataList" :key="index" @click="toDetail(item.id)"
+					<view class="item" v-for="(item, index) in dataList" :key="index" @tap.stop="toDetail(item.id)"
 						:class="[value.ornament.type]" :style="goodsItemCss">
 						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -150,7 +150,7 @@
 				<template v-if="value.template == 'horizontal-slide'">
 					<scroll-view v-if="value.slideMode == 'scroll'" class="scroll" :scroll-x="true"
 						:show-scrollbar="false">
-						<view class="item" v-for="(item, index) in dataList" :key="index" @click="toDetail(item.id)"
+						<view class="item" v-for="(item, index) in dataList" :key="index" @tap.stop="toDetail(item.id)"
 							:class="[value.ornament.type]" :style="goodsItemCss">
 							<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 								<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
@@ -190,7 +190,7 @@
 						<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
 							:class="['swiper-item', dataList[pageIndex] && [dataList[pageIndex].length / 3].length >= 1 && 'flex-between']">
 							<view class="item" v-for="(item, dataIndex) in dataList[pageIndex]" :key="dataIndex"
-								@click="toDetail(item.id)" :class="[value.ornament.type]" :style="goodsItemCss">
+								@tap.stop="toDetail(item.id)" :class="[value.ornament.type]" :style="goodsItemCss">
 								<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
 									<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
 										:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
--- a/components-diy/diy-store.vue
+++ b/components-diy/diy-store.vue
@@ -3,7 +3,7 @@
 		<block v-if="value.style == 1">
 			<view class="store-box store-one">
 				<view class="store-info">
-					<view class="info-box" :style="{ color: value.textColor }" @click="toStoreList()">
+					<view class="info-box" :style="{ color: value.textColor }" @tap.stop="toStoreList()">
 						<block v-if="globalStoreInfo && globalStoreInfo.store_id">
 							<text class="title">{{ globalStoreInfo.store_name }}</text>
 							<text>
@@ -15,12 +15,12 @@
 					</view>
 					<view class="address-wrap" :style="{ color: value.textColor }">
 						<text class="iconfont icon-dizhi"></text>
-						<text v-if="globalStoreInfo && globalStoreInfo.store_id" @click="mapRoute" class="address">{{
+						<text v-if="globalStoreInfo && globalStoreInfo.store_id" @tap.stop="mapRoute" class="address">{{
 							globalStoreInfo.show_address }}</text>
 						<text v-else>获取当前位置...</text>
 					</view>
 				</view>
-				<view class="store-image" @click="selectStore()">
+				<view class="store-image" @tap.stop="selectStore()">
 					<image :src="$util.img(globalStoreInfo.store_image)"
 						v-if="globalStoreInfo && globalStoreInfo.store_image" mode="aspectFill"></image>
 					<image :src="$util.getDefaultImage().store" v-else mode="aspectFill"></image>
@@ -29,9 +29,9 @@
 		</block>

 		<block v-if="value.style == 2">
-			<view class="store-box store-three" @click="toStoreList()">
+			<view class="store-box store-three" @tap.stop="toStoreList()">
 				<view class="store-info">
-					<view class="store-image" @click="selectStore()">
+					<view class="store-image" @tap.stop="selectStore()">
 						<image :src="$util.img(globalStoreInfo.store_image)"
 							v-if="globalStoreInfo && globalStoreInfo.store_image" mode="aspectFill"></image>
 						<image :src="$util.getDefaultImage().store" v-else mode="aspectFill"></image>
@@ -47,13 +47,13 @@
 						<text class="title" v-else>定位中...</text>
 					</view>
 				</view>
-				<view class="store-icon" @click.stop="search()"><text class="iconfont icon-sousuo3"
+				<view class="store-icon" @tap.stop="search()"><text class="iconfont icon-sousuo3"
 						:style="{ color: value.textColor }"></text></view>
 			</view>
 		</block>

 		<block v-if="value.style == 3">
-			<view class="store-box store-four" @click="toStoreList()">
+			<view class="store-box store-four" @tap.stop="toStoreList()">
 				<view class="store-left-wrap">
 					<block v-if="globalStoreInfo && globalStoreInfo.store_id">
 						<text class="iconfont icon-weizhi" :style="{ color: value.textColor }"></text>
@@ -64,8 +64,8 @@
 				</view>
 				<view class="store-right-search">
 					<input type="text" class="uni-input font-size-tag" disabled placeholder="商品搜索"
-						@click.stop="search()" />
-					<text class="iconfont icon-sousuo3" @click.stop="search()"></text>
+						@tap.stop="search()" />
+					<text class="iconfont icon-sousuo3" @tap.stop="search()"></text>
 				</view>
 			</view>
 		</block>
--- a/components-diy/diy-tab.vue
+++ b/components-diy/diy-tab.vue
@@ -0,0 +1,834 @@
+<template>
+    <!-- DIY 标签页组件 - 支持多种样式和位置的标签页切换 -->
+    <view data-component-name="diy-tab" class="diy-tab" :class="'tab-position-' + mergedValue.tabPosition"
+        :style="[getCustomStyle('container')]">
+        <!-- 标签导航栏 -->
+        <view class="tab-nav" :style="[tabNavStyle, getCustomStyle('nav')]">
+            <!-- 标签项循环渲染 -->
+            <view v-for="(tab, index) in mergedValue.tabs" :key="tab.id || index"
+                :class="['tab-item', mergedValue.tabStyle, { active: activeTab === index }]" @tap="switchTab(index)"
+                :style="[tabItemStyle(index), getCustomStyle('tabItem'), activeTab === index ? getCustomStyle('tabItemActive') : {}]">
+                <!-- 标签文本 -->
+                <text
+                    :style="[tabTextStyle(index), getCustomStyle('tabText'), activeTab === index ? getCustomStyle('tabTextActive') : {}]">{{
+                        getTabTitle(tab.title) }}</text>
+                <!-- 标签指示器（底部线条） -->
+                <view v-if="mergedValue.showIndicator" class="tab-indicator"
+                    :style="[tabIndicatorStyle(index), getCustomStyle('indicator')]"></view>
+            </view>
+        </view>
+
+        <!-- 标签内容区域 -->
+        <view class="tab-content" :style="[tabContentStyle, getCustomStyle('content')]">
+            <!-- 标签面板循环渲染 -->
+            <view v-for="(tab, index) in mergedValue.tabs" :key="index"
+                :class="['tab-panel', { active: activeTab === index }]"
+                :style="[tabPanelStyle(index), getCustomStyle('panel'), activeTab === index ? getCustomStyle('panelActive') : {}]">
+                <!-- 渲染每个标签下的组件 -->
+                <diy-group v-if="tab.components" :diyData="{ value: tab.components, global: diyGlobal }"
+                    :scrollTop="tab.scrollTop || 0" />
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+// 导入 DIY 混入
+import DiyMinx from './minx.js'
+
+export default {
+    name: 'diy-tab',
+
+    // 组件注册 - 使用懒加载解决循环依赖
+    components: {
+        diyGroup: () => import('./diy-group.vue')
+    },
+
+    // 组件属性定义
+    props: {
+        // 标签页配置对象
+        value: {
+            type: Object,
+            default: () => ({})
+        },
+        // 全局配置对象
+        diyGlobal: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+
+    // 混入
+    mixins: [DiyMinx],
+
+    // 组件数据
+    data() {
+        return {
+            activeTab: this.value?.activeTabIndex ?? 0,  // 设置当前激活的标签索引
+        };
+    },
+
+    // 组件创建钩子
+    created() {
+        console.log(`diy-tab-create`, {
+            value: this.mergedValue,
+            tabs: this.mergedValue.tabs
+        });
+    },
+
+    // 计算属性
+    computed: {
+        // 合并默认值和传入值
+        mergedValue() {
+            // 标签页数据配置
+            const tabsConfig = {
+                /**
+                 * 标签页数据配置
+                 * @type {Array<{title: string|Object, scrollTop: number, components: Array}>}
+                 * @property {string} id 标签唯一标识
+                 * @property {string|Object} title - 标签标题
+                 *   • 字符串: 普通文本或国际化键（如 'tab.home'）
+                 *   • 对象: 多语言映射（如 { 'zh-cn': '首页', 'en-us': 'Home' }）
+                 * @property {number} scrollTop - 标签滚动位置
+                 * @property {Array} components - 标签下的组件列表
+                 */
+                tabs: []
+            };
+
+            // 基础配置
+            const baseConfig = {
+                /**
+                 * 是否显示指示器
+                 * @type {boolean}
+                 * @default true
+                 */
+                showIndicator: true,
+
+                /**
+                 * 激活的标签索引
+                 * @type {number}
+                 * @default 0
+                 */
+                activeTabIndex: 0,
+
+                /**
+                 * 标签样式
+                 * @type {string}
+                 * @default 'default'
+                 * @values 'default', 'underline', 'card'
+                 */
+                tabStyle: 'default',
+
+                /**
+                 * 标签位置
+                 * @type {string}
+                 * @default 'top'
+                 * @values 'top', 'bottom', 'left', 'right'
+                 */
+                tabPosition: 'top'
+            };
+
+            // 导航栏样式
+            const navConfig = {
+                /**
+                 * 标签栏高度
+                 * @type {number|string}
+                 * @default 24
+                 * @unit 像素（当为数字时）
+                 * @range 建议值：20-80
+                 * @format
+                 * • 数字: 像素值（如 24）
+                 * • 字符串: CSS长度值（如 '24px', '3rem', '4em'）
+                 * • CSS变量: 'var(--tab-height)'
+                 * • 百分比: '10%' (相对父元素高度)
+                 */
+                tabHeight: 24,
+
+                /**
+                 * 标签栏背景色
+                 * @type {string}
+                 * @default '#ffffff'
+                 * @format CSS颜色值
+                 */
+                tabBgColor: '#ffffff',
+
+                /**
+                 * 标签栏内边距
+                 * @type {string}
+                 * @default '0'
+                 * @format CSS padding值
+                 * @examples
+                 * • 单个值: '0', '10px', '1rem' (四向相同)
+                 * • 两个值: '10px 20px' (上下 左右)
+                 * • 三个值: '10px 20px 30px' (上 左右 下)
+                 * • 四个值: '10px 20px 30px 40px' (上 右 下 左)
+                 * • CSS变量: 'var(--tab-padding)'
+                 * • 百分比: '5% 10%' (相对父元素宽度)
+                 * @note 卡片样式下会忽略此配置，自动使用基于 tabGap 的内边距
+                 */
+                tabPadding: '0'
+            };
+
+            // 标签项样式
+            const tabItemConfig = {
+                /**
+                 * 标签间距
+                 * @type {number|string}
+                 * @default 10
+                 * @unit 像素（当为数字时）
+                 * @range 建议值：0-30
+                 * @format
+                 * • 数字: 像素值（如 10）
+                 * • 字符串: CSS长度值（如 '10px', '0.5rem', '1em'）
+                 * • CSS变量: 'var(--tab-gap)'
+                 * • 百分比: '5%' (相对父元素宽度)
+                 */
+                tabGap: 10,
+
+                /**
+                 * 字体大小
+                 * @type {number|string}
+                 * @default 14
+                 * @unit 像素（当为数字时）
+                 * @range 建议值：10-20
+                 * @format
+                 * • 数字: 像素值（如 14）
+                 * • 字符串: CSS长度值（如 '14px', '0.875rem', '1.4em'）
+                 * • CSS变量: 'var(--font-size)'
+                 */
+                fontSize: 14,
+
+                /**
+                 * 激活状态颜色
+                 * @type {string}
+                 * @default '#ff4444'
+                 * @format CSS颜色值
+                 */
+                activeColor: '#ff4444',
+
+                /**
+                 * 非激活状态颜色
+                 * @type {string}
+                 * @default '#666666'
+                 * @format CSS颜色值
+                 */
+                inactiveColor: '#666666'
+            };
+
+            // 卡片样式
+            const cardConfig = {
+                /**
+                 * 卡片默认背景色
+                 * @type {string}
+                 * @default '#f5f5f5'
+                 * @format CSS颜色值
+                 */
+                cardBgColor: '#f5f5f5',
+
+                /**
+                 * 卡片激活背景色
+                 * @type {string}
+                 * @default '#ff4444'
+                 * @format CSS颜色值
+                 */
+                cardActiveBgColor: '#ff4444',
+
+                /**
+                 * 卡片默认文字颜色
+                 * @type {string}
+                 * @default '#666666'
+                 * @format CSS颜色值
+                 */
+                cardTextColor: '#666666',
+
+                /**
+                 * 卡片激活文字颜色
+                 * @type {string}
+                 * @default '#ffffff'
+                 * @format CSS颜色值
+                 */
+                cardActiveTextColor: '#ffffff',
+
+                /**
+                 * 卡片圆角大小
+                 * @type {string}
+                 * @default '16px'
+                 * @format CSS长度值
+                 */
+                cardBorderRadius: '16px',
+
+                /**
+                 * 卡片外边距
+                 * @type {string}
+                 * @default '0 5px'
+                 * @format CSS margin值
+                 */
+                cardMargin: '0 5px',
+
+                /**
+                 * 卡片内边距
+                 * @type {string}
+                 * @default '0 10px'
+                 * @format CSS padding值
+                 */
+                cardPadding: '0 10px'
+            };
+
+            // 下划线样式
+            const underlineConfig = {
+                /**
+                 * 下划线颜色
+                 * @type {string}
+                 * @default '#ff4444'
+                 * @format CSS颜色值
+                 */
+                underlineColor: '#ff4444',
+
+                /**
+                 * 下划线高度
+                 * @type {number}
+                 * @default 2
+                 * @unit 像素
+                 */
+                underlineHeight: 2,
+
+                /**
+                 * 下划线圆角大小
+                 * @type {string}
+                 * @default '1px'
+                 * @format CSS长度值
+                 */
+                underlineBorderRadius: '1px',
+
+                /**
+                 * 下划线左右边距
+                 * @type {number}
+                 * @default 10
+                 * @unit 像素
+                 */
+                underlineMargin: 10
+            };
+
+            // 指示器样式
+            const indicatorConfig = {
+                /**
+                 * 指示器颜色
+                 * @type {string}
+                 * @default '#ff4444'
+                 * @format CSS颜色值
+                 */
+                indicatorColor: '#ff4444',
+
+                /**
+                 * 指示器高度
+                 * @type {number}
+                 * @default 2
+                 * @unit 像素
+                 */
+                indicatorHeight: 2
+            };
+
+            // 内容区域样式
+            const contentConfig = {
+                /**
+                 * 内容区内边距
+                 * @type {number|string}
+                 * @default 10
+                 * @unit 像素（当为数字时）
+                 * @range 建议值：0-50
+                 * @format
+                 * • 数字: 像素值（如 10）
+                 * • 字符串: CSS长度值（如 '10px', '1rem', '2em'）
+                 * • CSS变量: 'var(--content-padding)'
+                 * • 百分比: '5%' (相对父元素宽度)
+                 */
+                contentPadding: 10,
+
+                /**
+                 * 内容区背景色
+                 * @type {string}
+                 * @default '#f5f5f5'
+                 * @format CSS颜色值
+                 * @examples
+                 * • 十六进制: '#ffffff', '#f5f5f5'
+                 * • RGB: 'rgb(255, 255, 255)'
+                 * • RGBA: 'rgba(255, 255, 255, 0.5)'
+                 * • HSL: 'hsl(0, 0%, 100%)'
+                 * • CSS变量: 'var(--content-bg-color)'
+                 * • 预定义颜色: 'white', 'black', 'gray'
+                 */
+                contentBgColor: '#f5f5f5',
+
+                /**
+                 * 内容区最小高度
+                 * @type {number|string}
+                 * @default 200
+                 * @unit 像素（当为数字时）
+                 * @range 建议值：50-1000
+                 * @format
+                 * • 数字: 像素值（如 200）
+                 * • 字符串: CSS长度值（如 '200px', '20vh', '5rem'）
+                 * • CSS变量: 'var(--content-min-height)'
+                 * • 百分比: '50%' (相对父元素高度)
+                 */
+                contentMinHeight: 200
+            };
+
+            // 自定义样式配置
+            const customStylesConfig = {
+                /**
+                 * 自定义样式配置
+                 * @type {Object}
+                 * @description 允许外部通过完整的 CSS 样式对象完全覆盖各个部分的样式
+                 * @property {Object} container - 容器样式
+                 *   @example { width: '100%', height: '500px', backgroundColor: '#f0f0f0' }
+                 * @property {Object} nav - 导航栏样式
+                 *   @example { backgroundColor: '#ffffff', borderBottom: '1px solid #e0e0e0' }
+                 * @property {Object} tabItem - 标签项样式（非激活状态）
+                 *   @example { padding: '10px 20px', borderRadius: '4px' }
+                 * @property {Object} tabItemActive - 标签项激活样式
+                 *   @example { backgroundColor: '#ff4444', color: '#ffffff' }
+                 * @property {Object} tabText - 标签文本样式（非激活状态）
+                 *   @example { fontSize: '14px', color: '#666666' }
+                 * @property {Object} tabTextActive - 标签文本激活样式
+                 *   @example { fontSize: '16px', color: '#ffffff', fontWeight: 'bold' }
+                 * @property {Object} indicator - 指示器样式
+                 *   @example { backgroundColor: '#ff4444', height: '3px' }
+                 * @property {Object} content - 内容区域样式
+                 *   @example { padding: '20px', backgroundColor: '#f9f9f9' }
+                 * @property {Object} panel - 标签面板样式（非激活状态）
+                 *   @example { opacity: 0.5, transform: 'translateY(10px)' }
+                 * @property {Object} panelActive - 标签面板激活样式
+                 *   @example { opacity: 1, transform: 'translateY(0)' }
+                 */
+                customStyles: {
+                    container: {},
+                    nav: {},
+                    tabItem: {},
+                    tabItemActive: {},
+                    tabText: {},
+                    tabTextActive: {},
+                    indicator: {},
+                    content: {},
+                    panel: {},
+                    panelActive: {}
+                }
+            };
+
+            // 合并所有配置
+            const defaults = {
+                ...tabsConfig,
+                ...baseConfig,
+                ...navConfig,
+                ...tabItemConfig,
+                ...cardConfig,
+                ...underlineConfig,
+                ...indicatorConfig,
+                ...contentConfig,
+                ...customStylesConfig
+            };
+
+            // 使用展开运算符合并默认值和传入值
+            return { ...defaults, ...this.value };
+        },
+
+        // 判断是否为水平布局（顶部或底部）
+        isHorizontal() {
+            return ['top', 'bottom'].includes(this.mergedValue.tabPosition);
+        },
+
+        // 判断是否为垂直布局（左侧或右侧）
+        isVertical() {
+            return ['left', 'right'].includes(this.mergedValue.tabPosition);
+        },
+
+        // 判断是否为卡片样式
+        isCardStyle() {
+            return this.mergedValue.tabStyle === 'card';
+        },
+
+        // 判断是否为下划线样式
+        isUnderlineStyle() {
+            return this.mergedValue.tabStyle === 'underline';
+        },
+
+        // 计算标签导航栏样式
+        tabNavStyle() {
+            const style = {
+                backgroundColor: this.mergedValue.tabBgColor || '#ffffff'
+            };
+
+            // 根据布局方向设置尺寸
+            if (this.isHorizontal) {
+                // 水平布局：设置高度
+                style.height = this.mergedValue.tabHeight + 'px';
+            } else {
+                // 垂直布局：设置宽度和高度
+                style.width = this.mergedValue.tabHeight + 'px';
+                style.height = '100%';
+                style.flexDirection = 'column';
+            }
+
+            // 设置导航栏内边距
+            if (this.mergedValue.tabPadding) {
+                style.padding = this.mergedValue.tabPadding;
+            }
+
+            // 卡片样式下使用标签间距作为内边距
+            if (this.isCardStyle) {
+                style.padding = this.getPadding(this.mergedValue.tabGap);
+            }
+
+            return style;
+        },
+
+        // 计算标签项样式（返回函数）
+        tabItemStyle() {
+            return (index) => {
+                const style = {};
+
+                if (!this.isCardStyle) {
+                    // 非卡片样式：设置内边距
+                    style.padding = this.getPadding(this.mergedValue.tabGap);
+                } else {
+                    // 卡片样式：设置外边距、内边距、圆角和背景色
+                    style.margin = this.getCardMargin();
+                    style.padding = this.getCardPadding();
+                    style.borderRadius = this.mergedValue.cardBorderRadius || '16px';
+                    // 根据激活状态设置不同的背景色
+                    style.backgroundColor = index === this.activeTab
+                        ? (this.mergedValue.cardActiveBgColor || this.mergedValue.activeColor)
+                        : (this.mergedValue.cardBgColor || '#f5f5f5');
+                }
+
+                return style;
+            };
+        },
+
+        // 计算标签内容区域样式
+        tabContentStyle() {
+            return {
+                padding: this.mergedValue.contentPadding + 'px',
+                backgroundColor: this.mergedValue.contentBgColor || '#f5f5f5',
+                minHeight: (this.mergedValue.contentMinHeight || 200) + 'px'
+            };
+        },
+
+        // 计算标签文本样式（返回函数）
+        tabTextStyle() {
+            return (index) => ({
+                color: this.activeColor(index),
+                fontSize: (this.mergedValue.fontSize || 14) + 'px'
+            });
+        },
+
+        // 计算标签指示器样式（返回函数）
+        tabIndicatorStyle() {
+            return (index) => {
+                const style = {
+                    backgroundColor: this.mergedValue.indicatorColor || this.mergedValue.activeColor,
+                    transform: index === this.activeTab ? 'scaleX(1)' : 'scaleX(0)',
+                    opacity: index === this.activeTab ? 1 : 0
+                };
+
+                // 卡片样式下隐藏指示器
+                if (this.isCardStyle) {
+                    style.display = 'none';
+                } else if (this.isUnderlineStyle) {
+                    // 下划线样式使用下划线颜色
+                    style.backgroundColor = this.mergedValue.underlineColor || this.mergedValue.activeColor;
+                }
+
+                // 根据样式类型选择指示器尺寸
+                const indicatorSize = (this.isUnderlineStyle ? this.mergedValue.underlineHeight : this.mergedValue.indicatorHeight) || 2;
+
+                // 根据布局方向设置指示器样式
+                if (this.isHorizontal) {
+                    // 水平布局：设置高度，使用 scaleX 动画
+                    style.height = indicatorSize + 'px';
+                    style.transform = index === this.activeTab ? 'scaleX(1)' : 'scaleX(0)';
+                } else {
+                    // 垂直布局：设置宽度，使用 scaleY 动画
+                    style.width = indicatorSize + 'px';
+                    style.height = 'auto';
+                    style.transform = index === this.activeTab ? 'scaleY(1)' : 'scaleY(0)';
+                }
+
+                return style;
+            };
+        },
+
+        // 计算标签面板样式（返回函数）
+        tabPanelStyle() {
+            return (index) => {
+                const isActive = index === this.activeTab;
+                const style = {
+                    display: isActive ? 'block' : 'none',
+                    opacity: isActive ? 1 : 0
+                };
+
+                // 根据标签位置定义不同的动画效果
+                const transformMap = {
+                    top: ['translateY(0)', 'translateY(10px)'],      // 顶部：从下往上滑入
+                    bottom: ['translateY(0)', 'translateY(-10px)'],   // 底部：从上往下滑入
+                    left: ['translateX(0)', 'translateX(10px)'],     // 左侧：从右往左滑入
+                    right: ['translateX(0)', 'translateX(-10px)']    // 右侧：从左往右滑入
+                };
+
+                // 获取对应的变换值，默认使用无变换
+                const transforms = transformMap[this.mergedValue.tabPosition] || ['translate(0)', 'translate(0)'];
+                // 根据激活状态应用不同的变换
+                style.transform = isActive ? transforms[0] : transforms[1];
+
+                return style;
+            };
+        }
+    },
+
+    // 组件方法
+    methods: {
+        // 获取自定义样式
+        getCustomStyle(type) {
+            const customStyles = this.mergedValue.customStyles || {};
+            return customStyles[type] || {};
+        },
+
+        // 获取标签文字颜色
+        activeColor(index) {
+            if (this.isCardStyle) {
+                // 卡片样式：使用卡片文字颜色
+                return index === this.activeTab
+                    ? (this.mergedValue.cardActiveTextColor || '#ffffff')
+                    : (this.mergedValue.cardTextColor || this.mergedValue.inactiveColor);
+            }
+            // 其他样式：使用通用文字颜色
+            return index === this.activeTab ? this.mergedValue.activeColor : this.mergedValue.inactiveColor;
+        },
+
+        // 根据布局方向获取内边距
+        getPadding(gap) {
+            return this.isHorizontal ? `0 ${gap}px` : `${gap}px 0`;
+        },
+
+        // 根据布局方向获取外边距
+        getMargin(gap) {
+            return this.isHorizontal ? `0 ${gap}px` : `${gap}px 0`;
+        },
+
+        // 获取卡片外边距
+        getCardMargin() {
+            return this.mergedValue.cardMargin || this.getMargin(this.mergedValue.tabGap / 2);
+        },
+
+        // 获取卡片内边距
+        getCardPadding() {
+            return this.mergedValue.cardPadding || (this.isHorizontal ? '0 10px' : '10px 0');
+        },
+
+        // 切换标签
+        switchTab(index) {
+            this.activeTab = index;
+        },
+
+        // 国际化方法：获取标签标题
+        getTabTitle(title) {
+            const locale = this.$langConfig.getCurrentLocale();
+
+            // 如果 title 是对象，根据当前语言返回对应值
+            if (typeof title === 'object' && title !== null) {
+                return title[locale] || title['zh-cn'] || Object.values(title)[0] || '';
+            }
+
+            // 如果 title 是字符串，保持原有逻辑
+            if (typeof title === 'string' && title.includes('.')) {
+                // 包含点号的标题视为国际化键，使用全局挂载的 $lang 方法翻译
+                return this.$lang ? this.$lang(title) : title;
+            }
+
+            // 不包含点号的标题直接返回
+            return title;
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+// ===== 标签布局 Mixin =====
+// 用于定义不同位置标签的布局方式
+@mixin tab-layout($direction, $nav-order, $content-order) {
+    flex-direction: $direction;
+
+    .tab-nav {
+        order: $nav-order;
+    }
+
+    .tab-content {
+        order: $content-order;
+        flex: 1;
+    }
+}
+
+// ===== 指示器位置 Mixin =====
+// 用于定义不同位置指示器的定位
+@mixin indicator-position($position, $start, $end) {
+    #{$position}: 0;
+    #{$start}: 0;
+    #{$end}: 0;
+    width: 2px;
+    height: auto;
+}
+
+// ===== 主容器样式 =====
+.diy-tab {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+
+    // 默认顶部布局
+    @include tab-layout(column, 1, 2);
+
+    // 底部布局
+    &.tab-position-bottom {
+        @include tab-layout(column, 2, 1);
+    }
+
+    // 左侧布局
+    &.tab-position-left {
+        @include tab-layout(row, 1, 2);
+    }
+
+    // 右侧布局
+    &.tab-position-right {
+        @include tab-layout(row, 2, 1);
+    }
+
+    // ===== 标签导航栏样式 =====
+    .tab-nav {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        overflow-x: auto; // 水平滚动
+        overflow-y: hidden; // 禁止垂直滚动
+        white-space: nowrap; // 不换行
+        position: relative;
+
+        // 隐藏滚动条（Webkit 浏览器）
+        &::-webkit-scrollbar {
+            display: none;
+        }
+
+        // 隐藏滚动条（IE/Edge）
+        -ms-overflow-style: none;
+        // 隐藏滚动条（Firefox）
+        scrollbar-width: none;
+    }
+
+    // ===== 标签项样式 =====
+    .tab-item {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        padding: 0 16px;
+        height: 100%;
+        transition: all 0.3s ease;
+
+        // 激活状态
+        &.active {
+            font-weight: 500;
+        }
+
+        // 减少动画效果（针对偏好减少动画的用户）
+        @media (prefers-reduced-motion: reduce) {
+            transition: none;
+        }
+    }
+
+    // 左右布局下的标签项样式
+    &.tab-position-left .tab-item,
+    &.tab-position-right .tab-item {
+        width: 100%;
+        height: auto;
+        padding: 10px 0;
+        white-space: normal; // 允许换行
+    }
+
+    // ===== 标签文本样式 =====
+    .tab-text {
+        font-size: 14px;
+        transition: color 0.3s ease;
+    }
+
+    // ===== 标签指示器样式 =====
+    .tab-indicator {
+        position: absolute;
+        bottom: 0;
+        left: 16px;
+        right: 16px;
+        transition: all 0.3s ease;
+        transform-origin: center;
+    }
+
+    // 左侧布局的指示器
+    &.tab-position-left .tab-indicator {
+        @include indicator-position(left, top, bottom);
+    }
+
+    // 右侧布局的指示器
+    &.tab-position-right .tab-indicator {
+        @include indicator-position(right, top, bottom);
+    }
+
+    // ===== 标签内容区域样式 =====
+    .tab-content {
+        width: 100%;
+        overflow: hidden;
+        position: relative;
+    }
+
+    // ===== 标签面板样式 =====
+    .tab-panel {
+        width: 100%;
+        min-height: 200px;
+        transition: all 0.3s ease;
+
+        // 减少动画效果
+        @media (prefers-reduced-motion: reduce) {
+            transition: none;
+        }
+    }
+
+    // ===== 默认和下划线样式 =====
+    .tab-item.default,
+    .tab-item.underline {
+        padding: 0 10px;
+        transition: all 0.3s ease;
+
+        &.active {
+            color: #ff4444;
+            font-weight: 500;
+        }
+    }
+
+    // 下划线样式的伪元素
+    .tab-item.underline.active::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 10px;
+        right: 10px;
+        transition: all 0.3s ease;
+    }
+
+    // ===== 卡片样式 =====
+    .tab-item.card {
+        border-radius: 16px;
+        transition: all 0.3s ease;
+
+        &.active {
+            font-weight: 500;
+        }
+    }
+}
+</style>
--- a/components-diy/diy-text.vue
+++ b/components-diy/diy-text.vue
@@ -1,6 +1,5 @@
 <template>
-	<view data-component-name="diy-text" class="diy-text" @click="handlerClick(value.link)"
-		@tap="handlerClick(value.link)" :style="warpCss">
+	<view data-component-name="diy-text" class="diy-text" @tap="handlerClick(value.link)" :style="warpCss">
 		<view :class="value.style == 'style-8' ? 'title2' : 'title'"
 			:style="{ fontSize: value.fontSize * 2 + 'rpx', color: value.textColor }">
 			<block v-if="value.style == 'style-0'" style="height: 40rpx; line-height: 40rpx;">
@@ -100,13 +99,13 @@
 								<image :src="$util.img('public/uniapp/diy/style9-2.png')" />
 							</view>
 							<view class="style9-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
-								@click.stop="handlerClick(value.more.link)" @tap="handlerClick(value.more.link)">
+								@tap.stop="handlerClick(value.more.link)">
 								{{ value.more.text }}
 								<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
 							</view>
 						</view>
 						<text class="sub-title" :style="{ color: value.subTitle.color }">{{ value.subTitle.text
-							}}</text>
+						}}</text>
 					</view>
 				</view>
 			</block>
@@ -132,13 +131,13 @@
 								<image :src="$util.img('public/uniapp/diy/style10-2.png')"></image>
 							</view>
 							<view class="style10-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
-								@click.stop="handlerClick(value.more.link)" @tap="handlerClick(value.more.link)">
+								@tap.stop="handlerClick(value.more.link)">
 								{{ value.more.text }}
 								<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
 							</view>
 						</view>
 						<text class="sub-title" :style="{ color: value.subTitle.color }">{{ value.subTitle.text
-							}}</text>
+						}}</text>
 					</view>
 				</view>
 			</block>
@@ -159,7 +158,7 @@
 										value.subTitle.text }}</view>
 								</view>
 								<view class="style11-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
-									@click.stop="$util.diyRedirectTo(value.more.link)">
+									@tap.stop="$util.diyRedirectTo(value.more.link)">
 									{{ value.more.text }}
 									<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
 								</view>
@@ -183,9 +182,9 @@
 					{{ value.text }}
 				</view>
 				<text class="style12-sub-title" :style="{ color: value.subTitle.color }">{{ value.subTitle.text
-					}}</text>
+				}}</text>
 				<view class="style12-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
-					@click.stop="$util.diyRedirectTo(value.more.link)">
+					@tap.stop="$util.diyRedirectTo(value.more.link)">
 					<text>{{ value.more.text }}</text>
 					<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
 				</view>
@@ -278,7 +277,7 @@
 					<text :style="{ fontWeight: value.subTitle.fontWeight }">{{ value.subTitle.text }}</text>
 				</view>
 				<view class="style16-more" v-if="value.more.isShow" :style="{ color: value.more.color }"
-					@click.stop="$util.diyRedirectTo(value.more.link)">
+					@tap.stop="$util.diyRedirectTo(value.more.link)">
 					<text>{{ value.more.text }}</text>
 					<view class="iconfont icon-right" :style="{ color: value.more.color }"></view>
 				</view>
--- a/components-diy/diy-video.vue
+++ b/components-diy/diy-video.vue
@@ -1,7 +1,7 @@
 <template>
 	<video data-component-name="diy-video" class="diy-video" :src="$util.img(value.videoUrl)"
 		:poster="$util.img(value.imageUrl)" :style="videoWarpCss" objectFit="cover"
-		@click="handlerClick(value.videoUrl)" @tap="handlerClick(value.videoUrl)"></video>
+		@tap="handlerClick(value.videoUrl)"></video>
 </template>

 <script>
--- a/components-diy/minx.js
+++ b/components-diy/minx.js
@@ -5,5 +5,18 @@ export default {
            // console.log('__$emitEvent', payload)
            await this.$eventBus.emit(payload.eventName, payload.data, payload.promiseCallback)
        },
+
+        // 预览图片
+		previewImg(img) {
+			// #ifdef MP-WEIXIN
+			uni.previewImage({
+				current: 0,
+				urls: [this.$util.img(img)],
+				success: function (res) { },
+				fail: function (res) { },
+				complete: function (res) { },
+			})
+			// #endif
+		},        
    }
 }
--- a/components/hover-nav/hover-nav.vue
+++ b/components/hover-nav/hover-nav.vue
@@ -119,7 +119,7 @@ export default {
      for (let i = 0; i < this.langList.length; i++) {
        this.langIndexMap[i] = this.langList[i].value;
      }
-      const savedLang = uni.getStorageSync('lang');
+      const savedLang = this.$langConfig.getCurrentLocale();
      if (savedLang) {
        for (let i = 0; i < this.langList.length; i++) {
          if (this.langList[i].value === savedLang) {
--- a/manifest.json
+++ b/manifest.json
@@ -104,7 +104,7 @@
        },
        "router" : {
            "mode" : "history",
-            "base" : "/hwappx/common/"
+            "base" : "/hwappx/2811/"
        },
        "title" : "",
        "devServer" : {
--- a/package.json
+++ b/package.json
@@ -1,6 +1,9 @@
 {
  "scripts": {
-    "mp-weixin": "node scripts/mp-weixin.patch.js"
+    "mp-weixin": "node scripts/mp-weixin.patch.js",
+    "mp-weixin:patch": "node scripts/mp-weixin.patch.js --no-zip",
+    "mp-weixin:dev": "node scripts/mp-weixin.patch.js --mode development",
+    "mp-weixin:dev:patch": "node scripts/mp-weixin.patch.js --mode development --no-zip"
  },
  "devDependencies": {
    "dart-sass": "^1.25.0",
--- a/pages_goods/category.vue
+++ b/pages_goods/category.vue
@@ -30,13 +30,13 @@ export default {
 		};
 	},
 	onLoad() {
+		this.$util.hideHomeButton();
 		//刷新多语言
 		this.$langConfig.refresh();
-
-		uni.hideTabBar();
 		this.getDiyInfo();
 	},
 	onShow() {
+		this.$util.hideHomeButton();
 		if (this.$refs.category) this.$refs.category[0].pageShow();
 	},
 	onUnload() {
--- a/pages_tool/agreement/contenr.vue
+++ b/pages_tool/agreement/contenr.vue
@@ -1,52 +1,187 @@
 <template>
-	<view style="padding: 20rpx;" :style="themeColor">
-		<rich-text :nodes="content"></rich-text>
+	<view class="view-container" :style="themeColor">
+		<!-- 加载状态 -->
+		<view v-if="loading" class="loading-state">
+			<view class="loading-spinner"></view>
+		</view>
+
+		<!-- 空状态 -->
+		<view v-else-if="!content" class="empty-state">
+			<view class="empty-icon">📄</view>
+			<text class="empty-title">暂无内容</text>
+			<text class="empty-desc">该协议内容暂未设置</text>
+			<button class="empty-button" @click="getcontent">重新加载</button>
+		</view>
+
+		<!-- 内容状态 -->
+		<rich-text v-else :nodes="content"></rich-text>
+
+		<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
 	</view>
 </template>

 <script>
 import htmlParser from '@/common/js/html-parser';
+import scroll from '@/common/js/scroll-view.js';
 export default {
-    data() {
-        return {
-			content:'',
-			type:'',
-			uniacid:0
-        };
-    },
-    onLoad(option) {
+	data() {
+		return {
+			content: '',
+			type: '',
+			uniacid: 0,
+			loading: true
+		};
+	},
+	mixins: [scroll],
+	onLoad(option) {
 		this.type = option.type
-		this.uniacid = option.uniacid?option.uniacid:0
-		
-        this.isIphoneX = this.$util.uniappIsIPhoneX()
-		 this.getcontent()
-    },
-    onShow() {
-      
-    },
-    methods: {
-        getcontent() {
+		this.uniacid = option.uniacid ? option.uniacid : 0
+
+		this.isIphoneX = this.$util.uniappIsIPhoneX()
+		this.getcontent()
+	},
+	onShow() {
+
+	},
+	methods: {
+		getcontent() {
+			this.loading = true
 			// privacy  content
 			var data = {
-				type:this.type
+				type: this.type
 			}
-			if(this.uniacid > 0) data.uniacid = this.uniacid
-            this.$api.sendRequest({
-               	url: '/api/config/agreement',
-				data:data,
-                success: res => {
+			if (this.uniacid > 0) data.uniacid = this.uniacid
+			this.$api.sendRequest({
+				url: '/api/config/agreement',
+				data: data,
+				success: res => {
 					console.log(res.data.title)
 					uni.setNavigationBarTitle({
-						title:res.data.title
+						title: res.data.title
 					})
 					this.content = res.data.content
-				}                   
-            });
-        }
-    }
+					this.loading = false
+				},
+				fail: () => {
+					this.loading = false
+				}
+			});
+		}
+	}
 };
 </script>

-<style lang="scss">
+<style lang="scss" scoped>
+.view-container {
+	padding: 40rpx;
+	background: #ffffff;
+	border-radius: 12rpx;
+	box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06), 0 1rpx 2rpx rgba(0, 0, 0, 0.09);
+	margin: 4rpx 20rpx;
+	// max-width: 800rpx;
+	margin-left: auto;
+	margin-right: auto;
+	min-height: 100vh;
+	position: relative;
+	overflow: hidden;
+}

+// 增强纸张纹理效果
+.view-container::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="0.5" fill="%23f5f5f5" opacity="0.3"/><circle cx="75" cy="75" r="0.3" fill="%23f0f0f0" opacity="0.2"/><circle cx="15" cy="85" r="0.4" fill="%23f8f8f8" opacity="0.25"/><circle cx="85" cy="15" r="0.2" fill="%23ebebeb" opacity="0.3"/><path d="M0 0L200 200M200 0L0 200" stroke="%23f2f2f2" stroke-width="0.3" fill="none" opacity="0.15"/></pattern></defs><rect width="200" height="200" fill="url(%23grain)"/></svg>');
+	opacity: 0.4;
+	pointer-events: none;
+}
+
+// 加载状态样式
+.loading-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	min-height: 60vh;
+	padding: 40rpx;
+
+	.loading-spinner {
+		width: 50rpx;
+		height: 50rpx;
+		border: 4rpx solid #f3f3f3;
+		border-top: 4rpx solid #6c8ebf;
+		border-radius: 50%;
+		animation: spin 1s linear infinite;
+		margin-bottom: 24rpx;
+	}
+}
+
+@keyframes spin {
+	0% {
+		transform: rotate(0deg);
+	}
+
+	100% {
+		transform: rotate(360deg);
+	}
+}
+
+// 空状态样式
+.empty-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	min-height: 60vh;
+	padding: 40rpx;
+	text-align: center;
+
+	.empty-icon {
+		font-size: 120rpx;
+		margin-bottom: 32rpx;
+		opacity: 0.6;
+	}
+
+	.empty-title {
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #4e5969;
+		margin-bottom: 16rpx;
+	}
+
+	.empty-desc {
+		font-size: 24rpx;
+		color: #8492a6;
+		margin-bottom: 40rpx;
+		line-height: 1.6;
+	}
+
+	.empty-button {
+		width: 200rpx;
+		height: 70rpx;
+		line-height: 70rpx;
+		background-color: #6c8ebf;
+		color: white;
+		border: none;
+		border-radius: 35rpx;
+		font-size: 26rpx;
+		font-weight: 500;
+		box-shadow: 0 2rpx 8rpx rgba(108, 142, 191, 0.3);
+		transition: all 0.3s ease;
+
+		&:hover {
+			background-color: #5a78a8;
+			transform: translateY(-2rpx);
+			box-shadow: 0 4rpx 12rpx rgba(108, 142, 191, 0.4);
+		}
+	}
+}
+
+::v-deep .mescroll-totop {
+	right: 27rpx !important;
+	bottom: 120rpx !important;
+}
 </style>
--- a/pages_tool/contact/contact.vue
+++ b/pages_tool/contact/contact.vue
@@ -252,6 +252,7 @@ export default {
        };
    },
    onLoad(option) {
+        this.$util.hideHomeButton();
        this.$langConfig.refresh();
        this.$api.sendRequest({
            url: '/api/member/personnel',
@@ -301,6 +302,9 @@ export default {
            fail: res => { }
        });
    },
+	onShow() {
+		this.$util.hideHomeButton();
+	},    
    methods: {
        // 分享文件
        shareFile(file) {
--- a/pages_tool/member/index.vue
+++ b/pages_tool/member/index.vue
@@ -86,6 +86,12 @@ export default {
 		nsNewGift
 	},
 	mixins: [diyJs, indexJs],
+	onLoad() {
+		this.$util.hideHomeButton();
+	},	
+	onShow() {
+		this.$util.hideHomeButton();
+	},	
 	methods: {

 		tourl(url) {
--- a/project.config.json
+++ b/project.config.json
@@ -1,12 +1,13 @@
 {
  "description": "项目配置文件",
  "packOptions": {
-    "ignore": []
+    "ignore": [],
+    "include": []
  },
  "setting": {
    "urlCheck": true,
    "es6": true,
-    "enhance": false,
+    "enhance": true,
    "postcss": true,
    "preloadBackgroundData": false,
    "minified": true,
@@ -37,7 +38,15 @@
    "userConfirmedBundleSwitch": false,
    "packNpmManually": false,
    "packNpmRelationList": [],
-    "minifyWXSS": true
+    "minifyWXSS": true,
+    "condition": true,
+    "swc": false,
+    "disableSWC": true,
+    "minifyWXML": true,
+    "compileWorklet": true,
+    "localPlugins": false,
+    "disableUseStrict": false,
+    "useCompilerPlugins": false
  },
  "compileType": "miniprogram",
  "libVersion": "2.16.1",
--- a/project.private.config.json
+++ b/project.private.config.json
@@ -1,6 +1,6 @@
 {
  "libVersion": "3.12.0",
-  "projectname": "lucky_shop",
+  "projectname": "mp-weixin",
  "condition": {},
  "setting": {
    "urlCheck": true,
--- a/readme.md
+++ b/readme.md
@@ -1,176 +1,147 @@
 # 小程序及快应用前端源码

-来源于外包提供的源代码，"0731xcx20微信小程序(1).zip"
+## 1. 📋 项目说明

+该项目基于 **uni-app** 开发构建，请使用 [HBuilderX](https://www.dcloud.io/hbuilderx.html) 进行代码开发及构建发布。

-## 项目说明
+## 2. 🛠️ 开发说明

-该项目基于 uniapp 开发构建，请使用(HBuilderX)[https://www.dcloud.io/hbuilderx.html] 进行代码开发及构建发布。
+- 源码基于 **Vue2** 版本
+- SCSS 采用 **dart-sass** 进行编译输出

-## 开发说明
+## 3. 🔧 开发调试说明

-1. 源码基于Vue2版本，scss采用node-sass进行编译输出。
+### 3.1 注意事项

+- 应用访问等关键参数的配置来源于 `./common/js/config.js`

-## 开发调试说明
+### 3.2 本地调试

-### 注意点
+`.local.config.js.example` 是本地调试配置示例。

-应用访问等关键参数的配置来源于 `./common/js/config.js`
+拷贝 `.local.config.js.example` 为 `.local.config.js` 文件，默认开发调试模式会自动加载该文件

-### 小程序调试
+---
+
+## 4. 📦 发布说明
+
+### 4.1 小程序发布
+
+#### 4.1.1 基本操作步骤（通用版/定制化版）
+
+##### 4.1.1.1 【前置准备】
+1. 在项目根目录打开终端安装依赖：
+   ```bash
+   npm install
+   ```
+   *已有依赖可跳过此步骤*
+
+##### 4.1.1.2 【发布构建】
+1. 使用 HBuilderX 打开项目
+2. 选择菜单栏「发行」 → 「小程序-微信」→ 「发行」，等待构建完成
+   ⚠️ **注意**：底部控制台弹出"请在微信小程序开发者工具中点击上传"后再执行下一步
+3. 打开资源管理器→项目根目录，右键选择「在终端中打开」，执行命令：
+   ```bash
+   npm run mp-weixin
+   ```
+4. 找到项目根目录 `/unpackage/dist/build` 下生成的 mp-weixin 压缩包
+   💡 **示例**：`mp-weixin-2026-01-23-1769152056146.zip`
+   *同时该目录下会生成未压缩的 `mp-weixin` 目录*
+
+##### 4.1.1.3 【验证与重命名】
+1. 打开未压缩的 `mp-weixin` 目录，找到 `site.js` 文件，将文件内的 `uniacid` 值改为当前客户编号（如：2812）并保存
+2. 打开微信开发者工具，导入「mp-weixin」目录，点击「编译」，在开发者工具控制台验证有无报错，以及能否返回对应客户的业务数据
+3. 确保无误后将生成的 mp-weixin 压缩包重命名
+   - **定制化版**格式：`定制化-客户编号-域名-mp-weixin-当前日期-生成编号.zip`
+   - **通用版**无需重命名
+   
+   💡 **示例**：`custom-2812-xcx.aigc-quickapp.com-mp-weixin-2026-01-22-1769152056146.zip`
+   
+   🚫 **禁止**：压缩包命名禁止包含 `/ \ : * ? " < > |` 等特殊字符
+
+##### 4.1.1.4 【交付与最终发布】🔍
+1. 将重命名后的文件发送给技术人员
+   *📌通用版直接将生成的 mp-weixin 压缩包发送给技术人员*
+2. **技术人员操作流程**：
+    - 解压压缩包
+    - 确认 `site.js` 中的 `uniacid` 为客户编号
+    - 用微信开发者工具导入解压后的代码目录
+    - 编译验证无误后，上传发布
+
+---
+
+### 4.2 快应用发布
+
+#### 4.2.1 基本操作（通用版/定制化版）
+
+##### 4.2.1.1 【发布构建】
+1. 使用 HBuilderX 打开项目
+2. 打开项目根目录的 `manifest.json` 文件，切换至可视化配置界面：
+   1. 依次点击「Web 配置」→「运行的基础配置」
+   2. 修改路径中的客户编号
+   3. 📌 **通用版**保留原有 `/hwappx/common/`
+   
+   💡 **示例**：`/hwappx/2811/`，其中 2811 为定制化版客户编号
+
+3. 选择菜单栏「发行」 → 「自定义发行」 →「H5-xcx.aigc-quickapp.com」，修改以下配置：
+   1. **网站标题**：快应用
+   2. **网站域名**：当前客户域名（示例：xcx.aigc-quickapp.com）
+   3. 确认后点击「发行」等待构建完成
+
+   ⚠️ **注意**：底部控制台弹出“项目 lucky_shop 导出Web成功，路径为：D:\项目文件\项目根目录\unpackage\dist\build\web”后再执行下一步
+   💡 **示例**：`项目 lucky_shop 导出Web成功，路径为：D:\0.项目源码\lucky_shop\unpackage\dist\build\web`
+
+4. 按控制台提示的路径找到 `web` 目录，将该目录下所有文件手动打包成一个 `.zip` 压缩包
+   *仅打包文件，不包含外层 web 目录*
+
+##### 4.2.1.2 【重命名】
+1. 按版本类型规范重命名压缩包：
+   - **通用版**：`hwappx-common-域名-时间.zip`
+     💡 **示例**：`hwappx-common-xcx.aigc-quickapp.com-2026-01-24.zip`
+   
+   - **定制化版**：`客户名称-定制化---hwappx-客户编号-域名-时间.zip`
+     💡 **示例**：`POCT检测分析平台-定制化---hwappx-2811-xcx.aigc-quickapp.com-2026-01-24.zip`
+
+   🚫 **禁止**：压缩包命名禁止包含 `/ \ : * ? " < > |` 等特殊字符
+
+##### 4.2.1.3 【交付与最终发布】🔍
+1. 将重命名后的压缩包发送给运维人员
+2. **运维人员操作流程**：
+   1. 解压压缩包
+   2. 打开快应用开发者工具，导入解压后的代码目录
+   3. 验证代码无报错后，执行上传发布操作
+
+---
+
+## 5. 📝 构建脚本说明
+
+### 5.1 可用的 npm 脚本命令
+
+| 命令 | 说明 |
+|------|------|
+| `npm run mp-weixin` | 默认构建（production模式，包含ZIP文件） |
+| `npm run mp-weixin:patch` | 只打补丁（production模式，不创建ZIP文件） |
+| `npm run mp-weixin:dev` | 开发模式构建（development模式，包含ZIP文件） |
+| `npm run mp-weixin:dev:patch` | 只打补丁（development模式，不创建ZIP文件） |
+
+### 5.2 构建脚本功能
+
+- 复制 `project.config.json` 和 `project.private.config.json` 文件到构建目录
+- 复制 `site.js` 文件到构建目录
+- 在 `vendor.js` 文件开头追加 `import site from "../site.js";` 语句
+- 支持创建构建结果的 ZIP 压缩包
+- 自动打开 ZIP 文件所在目录
+
+---
+
+## 6. 🔄 版本历史
+
+### 6.1 v1.3
+- 修复微信小程序构建脚本，支持复制 `project.config.json` 和 `project.private.config.json` 文件
+- 增强构建脚本功能，添加命令行参数支持
+- 在 `package.json` 中添加相关 npm 脚本命令
+- 优化脚本执行逻辑，提高可靠性和灵活性



-## 发布说明

-### 小程序发布
-
-基本操作步骤：
-
-1. 使用HBuilderX打开项目
-2. 选择菜单栏 "发行" -> "小程序-微信"，进行发布构建
-3. 然后在终端进入项目根目录，执行 `npm run mp-weixin` 手动输出构建包。例如：mp-weixin-2025-10-31-1761881054836.zip（改id）
-4. 然后将mp-weixin-2025-10-31-1761881054836发给微信开发定制客户技术人员，
-5. 定制客户技术人员可以修改解压后，修改项目根目录下的site.js，进行针对客户的信息配置，然后使用微信开发者工具打开发布后的代码进行上传发布
-
-参照：`common\js\config.js` 文件内容说明：
-
-```js
-// 发行版本，配置说明
-let releaseCfg = undefined;
-try {
-    if (site) {
-        releaseCfg = {
-            baseUrl: site.baseUrl,
-            imgDomain: site.baseUrl,
-            h5Domain: site.baseUrl,
-            uniacid: site.uniacid,
-        }
-    }
-} catch (e) {}
-
-// 调试版本，配置说明
-const devCfg = {
-    // 商户ID
-    uniacid: 460, //825
-
-    //api请求地址
-    baseUrl: 'https://xcx30.5g-quickapp.com/',
-
-    // 图片域名
-    imgDomain: 'https://xcx30.5g-quickapp.com/',
-
-    // H5端域名
-    h5Domain: 'https://xcx30.5g-quickapp.com/',
-
-    // // api请求地址
-    // baseUrl: 'https://tsaas.liveplatform.cn/',
-
-    // // 图片域名
-    // imgDomain: 'https://tsaas.liveplatform.cn/',
-
-    // // H5端域名
-    // h5Domain: 'https://tsaas.liveplatform.cn/',
-
-    // api请求地址
-    // baseUrl: 'http://saas.cn/',
-
-    // // 图片域名
-    // imgDomain: 'http://saas.cn/',
-
-    // // H5端域名
-    // h5Domain: 'http://saas.cn/',
-};
-
-var config = {
-    /**
-     * 1.开发调试模式
-     * 去掉注释 ...devCfg;
-     * 注释掉 ...releaseCfg,
-     * 2.发行/发布模式，例如通过`HBuilder>发行>小程序微信`的时候，原理
-     * 然后将 `import site from "../site.js";`追加到   `unpackage\dist\build\mp-weixin\common\vendor.js` 文件内容开头部分
-     * 然后将 site.js 文件放到 `unpackage\dist\build\mp-weixin\` 目录下面
-     */
-    ...(releaseCfg ?? devCfg),
-
-
-    // 腾讯地图key 
-    mpKey: 'TUHBZ-CNWKU-UHAVP-GZQ26-HNZFO-3YBF4',
-
-    //客服地址
-    webSocket: '{{$webSocket}}',
-
-    //本地端主动给服务器ping的时间, 0 则不开启 , 单位秒
-    pingInterval: 1500,
-
-    // 版本号 
-    version: '1.0'
-};
-
-export default config;
-```
-
-
-### 快应用发布
-1. 使用HBuilderX打开项目
-2. 点击项目中【⚙】manifest.jion--->web配置--->运行的基础路径--->/hwappx/改编号/ 
-"h5" : {
-    "sdkConfigs" : {
-        "maps" : {
-            "qqmap" : {
-                "key" : "TUHBZ-CNWKU-UHAVP-GZQ26-HNZFO-3YBF4"
-            }
-        }
-    },
-    "router" : {
-        "mode" : "history",
-        "base" : "/hwappx/2811/"
-    },
-	
-（编号可以在.local.config.js中找到需要的编号）
-
-const localDevConfig = ({
-    '460': { // 制氧设备平台
-        uniacid: 460,
-        domain: 'https://xcx30.5g-quickapp.com/',
-    },
-    '576-xcx30.5g': { // 活性石灰装备
-        uniacid: 576,
-        domain: 'https://xcx30.5g-quickapp.com/',
-    },    
-    '2285': { // 数码喷墨墨水
-        uniacid: 2285,
-        domain: 'https://xcx.aigc-quickapp.com/',
-    },
-    '2811': { // POCT检测分析平台
-        uniacid: 2811,
-        domain: 'https://xcx6.aigc-quickapp.com/',
-    },  
-    '2724': { // 生物菌肥
-        uniacid: 2724,
-        domain: 'https://xcx.aigc-quickapp.com/',
-    },     
-    '2505': { // 煤矿钻机
-        uniacid: 2505,
-        domain: 'https://xcx.aigc-quickapp.com/',
-    },   
-    '2777': { // 养老服务
-        uniacid: 2777,
-        domain: 'https://xcx.aigc-quickapp.com/',
-    },         
-    '1': { // 开发平台
-        uniacid: 1,
-        domain: 'https://dev.aigc-quickapp.com',
-    },
-    '1-test': { // 测试平台
-        uniacid: 1,
-        domain: 'https://test.aigc-quickapp.com',
-    },
-})['2811']; // 选择要使用的环境配置
-3. 选择菜单栏 "发行" ->自定义发行--->H5-xcx.aigc-quickapp.com "快应用"，网站标题为"快应用"  域名为xcx.aigc-quickapp.com 进行发布构建
-4. 在电脑本地文件夹里找到unpackage--->dist--->build--->h5中h5-xcx.aigc-quickapp.com--->进行手动打包，例如：static.zip
-（压缩包改id  公版--例如 hwappx-common-xcx.aigc-quickapp.com-2026-01-09.zip
-            定制化--例如 POCT检测分析平台-定制化--- hwappx-2811-xcx.aigc-quickapp.com-2026-01-09.zip）
-5. 然后将压缩包发给开发定制客户技术人员，
-6. 使用快应用开发者工具打开发布后的代码进行上传发布
--- a/scripts/mp-weixin.patch.js
+++ b/scripts/mp-weixin.patch.js
@@ -9,7 +9,10 @@
 *    如果这个文件开头已经有了这行代码，则不追加
 *
 * 使用：
- *   node fix-wechat-miniapp.js
+ *   node fix-wechat-miniapp.js                    # 打补丁并创建 ZIP 文件（默认 mode=production）
+ *   node fix-wechat-miniapp.js --no-zip           # 只打补丁，不创建 ZIP 文件
+ *   node fix-wechat-miniapp.js --mode development # 使用 development 模式打补丁
+ *   node fix-wechat-miniapp.js --mode production  # 使用 production 模式打补丁（默认）
 *
 * 注意：
 * - 在 Windows 上路径使用反斜杠也是可以的；脚本使用 path.join 来兼容不同平台。
@@ -29,8 +32,6 @@ async function commonPatch(mode = 'production') {
    // 根据当前脚本所在目录（scripts），定位到项目根目录
    const cwd = path.join(__dirname, '..');

-
-
    const srcSitePath = path.join(cwd, 'site.js');
    const destDir = path.join(cwd, 'unpackage', 'dist', mode === 'production' ? 'build' : 'dev', 'mp-weixin');
    const destSitePath = path.join(destDir, 'site.js');
@@ -47,6 +48,22 @@ async function commonPatch(mode = 'production') {
    // 确保目标目录存在
    await ensureDir(destDir);

+    // 复制 project.config.json 及 project.private.config.json 文件到 destDir 下面
+    const configFiles = ['project.config.json', 'project.private.config.json'];
+    for (const fileName of configFiles) {
+      const srcPath = path.join(cwd, fileName);
+      const destPath = path.join(destDir, fileName);
+      
+      // 检查源文件是否存在
+      const fileExists = await exists(srcPath);
+      if (fileExists) {
+        await fsp.copyFile(srcPath, destPath);
+        console.log(`已拷贝: ${srcPath} -> ${destPath}`);
+      } else {
+        console.warn(`源文件不存在，跳过复制: ${srcPath}`);
+      }
+    }
+
    // 复制 site.js 到目标目录（覆盖）
    await fsp.copyFile(srcSitePath, destSitePath);
    console.log(`已拷贝: ${srcSitePath} -> ${destSitePath}`);
@@ -96,22 +113,37 @@ async function commonPatch(mode = 'production') {
  }
 }

-
-
 async function main() {
+  // 解析命令行参数
+  const argv = process.argv.slice(2);
+  const options = {
+    noZip: argv.includes('--no-zip'),
+    mode: 'production' // 默认值
+  };
+
+  // 解析 --mode 参数
+  const modeIndex = argv.indexOf('--mode');
+  if (modeIndex !== -1 && modeIndex + 1 < argv.length) {
+    options.mode = argv[modeIndex + 1];
+  }
+
  // 1) 打补丁
-  await commonPatch('production');
+  await commonPatch(options.mode);
  // await commonPatch('development');

-  // 2) 创建 ZIP 文件
-  const cwd = path.join(__dirname, '..');
-  const sourceDir = path.join(cwd, 'unpackage', 'dist', 'build', 'mp-weixin');
-  const destDir = path.join(cwd, 'unpackage', 'dist', 'build');
-  const zipFilePath = await createZipWithSystemCommand(sourceDir, destDir);
-  console.log(`ZIP 文件路径: ${zipFilePath}`);
+  // 2) 创建 ZIP 文件（如果未指定 --no-zip）
+  if (!options.noZip) {
+    const cwd = path.join(__dirname, '..');
+    const sourceDir = path.join(cwd, 'unpackage', 'dist', 'build', 'mp-weixin');
+    const destDir = path.join(cwd, 'unpackage', 'dist', 'build');
+    const zipFilePath = await createZipWithSystemCommand(sourceDir, destDir);
+    console.log(`ZIP 文件路径: ${zipFilePath}`);

-  // 3) 自动打开zip所在的目录
-  await openFileDirectory(zipFilePath);
+    // 3) 自动打开zip所在的目录
+    await openFileDirectory(zipFilePath);
+  } else {
+    console.log('跳过创建 ZIP 文件和打开目录');
+  }
 }

 async function exists(p) {
Author	SHA1	Message	Date
ZF sun	e2b89c348f	refactor(diy-tab): 优化标签组件结构和默认配置 - 使用 tab.id 作为 v-for 的 key 提高渲染性能 - 移除默认标签数据，改为空数组 - 添加 activeTabIndex 配置项 - 调整代码格式和注释	2026-01-30 17:41:23 +08:00
ZF sun	475edc93a6	refactor(diy-tab): 将默认配置拆分为多个独立对象以提高可维护性将原本单一的defaults对象拆分为多个独立的配置对象（tabsConfig、baseConfig等），并通过展开运算符合并。这样修改使代码结构更清晰，便于后续维护和扩展。	2026-01-27 14:48:40 +08:00
ZF sun	cb86cba389	feat(components): 新增可自定义的diy-tab组件，支持多种样式和布局添加一个高度可配置的tab组件，支持顶部、底部、左侧、右侧四种布局方式提供默认、下划线和卡片三种tab样式，支持自定义颜色、间距、指示器等样式组件包含导航栏和内容区域，支持动态切换和动画效果 - 添加自定义样式配置功能，允许通过 customStyles 完全覆盖组件样式 - 重构代码结构，使用计算属性合并默认值和传入值 - 优化样式处理逻辑，增加 mixin 复用 - 完善注释和文档说明 - 改进响应式动画效果 - 新增 getTabTitle 方法，支持根据当前语言环境显示对应的标签标题。该方法处理对象形式的标题（按语言键值匹配）和字符串形式的标题（支持国际化键翻译），提升组件的多语言适配能力。	2026-01-27 14:36:42 +08:00
ZF sun	0dc4dec616	refactor(diy-components): 统一使用@tap.stop替换@click事件处理将组件中的@click事件统一替换为@tap.stop，避免在小程序环境中可能出现的点击事件冒泡问题，提升交互体验的一致性。同时移除冗余的@tap事件绑定，保持代码简洁。主要修改包括： - 表单提交按钮 - 分享功能 - 热区点击 - 富文本点击 - 视频播放 - 直播入口 - 商品品牌 - 客服功能 - 快捷导航 - 公告弹窗 - 文章列表 - 底部导航 - 商品列表 - 浮动按钮 - 优惠券 - 搜索功能 - 店铺相关 - 文本组件 - 分类页面 - 魔方组件 - 秒杀功能 - 拼团功能 - 预售功能 - 砍价功能 - 分销商品 - 图片广告 - 支付二维码 - 图片导航 - 音频控制 - 地图导航 - 笔记功能 - 商户列表 - 图片组件 - 会员订单 - 图文导航 - 首页分类 - 商品推荐 - 团购功能 - 限时折扣 - 商品分类 - 商品列表 - 优惠券 - 搜索功能 - 店铺相关 - 文本组件 - 分类页面 - 魔方组件 - 秒杀功能 - 拼团功能 - 预售功能 - 砍价功能 - 分销商品 - 图片广告 - 支付二维码 - 图片导航 - 音频控制 - 地图导航 - 笔记功能 - 商户列表 - 图片组件 - 会员订单 - 图文导航 - 首页分类 - 商品推荐 - 团购功能 - 限时折扣 - 商品分类	2026-01-26 15:05:36 +08:00
ZF sun	2a5214df11	feat(图片预览): 将图片预览功能提取到mixin并优化点击处理重构图片预览功能，将其从diy-picture组件移至mixin实现，便于复用优化diy-rubik-cube组件的点击处理逻辑，支持无链接时预览图片统一处理图片预览和页面跳转的条件判断	2026-01-26 14:07:45 +08:00
ZF sun	09e410df00	docs: 更新readme文档结构和内容重构readme文档结构，使用更清晰的markdown格式和emoji图标添加详细的开发调试说明和发布流程补充构建脚本说明和版本历史记录	2026-01-24 17:40:40 +08:00
Zhukj	75dfe80bde	Merge remote-tracking branch 'remotes/origin/dev/1.0' into zhu-kaijiie/dev-1.0	2026-01-24 16:59:15 +08:00
Zhukj	2a1f33323c	chore：修改readme.md小程序和快应用发布说明文档	2026-01-24 16:51:31 +08:00
Zhukj	b441c46993	chore：更新小程序发布说明文档	2026-01-24 11:19:53 +08:00
ZF sun	38ade75046	fix(diy-map): 替换cover-view为div解决z-index失效问题移除ns-login组件中不必要的z-index设置	2026-01-24 09:20:01 +08:00
ZF sun	1e51abd7cd	docs: 更新本地配置示例文件添加IVD数商模式配置添加2812环境的IVD数商模式配置，并增加本地开发测试平台选项	2026-01-23 17:09:42 +08:00
ZF sun	0939449aa7	fix(ns-login): 修复complete-info-wrap弹窗层级问题	2026-01-23 17:09:05 +08:00
ZF sun	29b5cfda6f	fix: 在页面加载时统一隐藏首页按钮在多个页面的onLoad生命周期中添加this.$util.hideHomeButton()调用，确保页面加载时即隐藏首页按钮，避免显示不一致问题。同时调整category.vue中onShow的逻辑顺序。	2026-01-23 11:54:31 +08:00
ZF sun	ceca4e5956	fix: 在多个页面添加隐藏首页按钮功能为统一处理首页按钮显示逻辑，在会员页、联系页和商品分类页的onShow生命周期中添加了hideHomeButton调用	2026-01-23 11:36:15 +08:00
ZF sun	aa9d2e64d2	feat(util): 添加隐藏微信小程序首页按钮功能添加 hideHomeButton 方法用于在微信小程序环境中隐藏首页按钮，提升用户体验	2026-01-23 11:18:55 +08:00
ZF sun	e8ccb87266	feat(脚本): 增强微信小程序补丁脚本功能 - 添加新的 npm scripts 支持不同模式运行补丁脚本 - 支持命令行参数 --no-zip 和 --mode 控制 ZIP 文件生成和运行模式 - 自动复制项目配置文件到目标目录 - 更新使用说明文档	2026-01-23 10:12:30 +08:00
ZF sun	153c84266a	chore: 更新项目配置文件和微信小程序名称 - 将项目名称从'lucky_shop'改为'mp-weixin' - 在project.config.json中添加include数组和多个新配置项 - 启用enhance功能并添加编译相关设置	2026-01-23 09:25:58 +08:00
ZF sun	7ae7a1d3bd	chore(uniapp): 增加拷贝文本超时检测提示功能	2026-01-17 15:30:02 +08:00
ZF sun	1ebb94e9e2	chore: 调整隐私协议及注册服务展示样式	2026-01-17 13:52:19 +08:00