From 5b9bef92143b104d88ff1913349b906c97e096f3 Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Fri, 16 Jan 2026 12:00:21 +0800
Subject: [PATCH] =?UTF-8?q?chore(build):=20=E8=B0=83=E6=95=B4=E4=B8=AA?=
 =?UTF-8?q?=E5=88=AB=E7=BB=84=E4=BB=B6=E7=9A=84=E4=BD=8D=E7=BD=AE=EF=BC=8C?=
 =?UTF-8?q?=E5=87=8F=E5=B0=91=E5=AF=B9=E4=B8=BB=E5=8C=85=E5=B0=BA=E5=AF=B8?=
 =?UTF-8?q?=E7=9A=84=E5=BD=B1=E5=93=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/js/uniapp.utils.js                     |  89 ++
 components-diy/diy-kefu.vue                   |   2 +-
 .../xiao-star-component.vue                   | 468 +++++-----
 docs/components_usage_documentation.md        | 834 ++++++++++++++++++
 pages/contact/contact.vue                     | 511 -----------
 .../_components}/goods-detail-view/detail.js  |   0
 .../goods-detail-view/goods-detail-view.vue   | 199 +++--
 .../ns-goods-promotion/ns-goods-promotion.vue |   0
 .../pengpai-fadein-out/pengpai-fadein-out.vue |   0
 pages_goods/detail.vue                        |  13 +-
 .../common-payment/common-payment.vue         |   3 -
 .../_components}/common-payment/payment.js    |   0
 pages_order/payment.vue                       |   5 +
 .../img-cropping/img-cropping.vue             |   0
 .../_components}/myp-one/myp-one.vue          |   0
 .../ns-birthday-gift/ns-birthday-gift.vue     |   0
 .../_components}/ns-new-gift/ns-new-gift.vue  |   0
 .../_components}/ns-newform/ns-newform.vue    |   0
 .../_components}/sx-rate/common.js            |   0
 .../_components/sx-rate/fonts}/iconfont.eot   | Bin
 .../_components/sx-rate/fonts}/iconfont.svg   |   0
 .../_components/sx-rate/fonts}/iconfont.ttf   | Bin
 .../_components/sx-rate/fonts}/iconfont.woff  | Bin
 .../_components/sx-rate/fonts}/iconfont.woff2 | Bin
 .../_components}/sx-rate/iconfont.css         |  13 +-
 .../_components}/sx-rate/sx-rate.vue          |   4 +-
 pages_tool/contact/contact.vue                | 181 ++--
 pages_tool/form/formdata.vue                  |   6 +
 pages_tool/login/find.vue                     |   6 +
 pages_tool/member/index.vue                   |   7 +
 pages_tool/member/modify_face.vue             | 293 +++---
 pages_tool/member/pay_password.vue            |   4 +
 pages_tool/order/evaluate.vue                 |  56 +-
 33 files changed, 1588 insertions(+), 1106 deletions(-)
 create mode 100644 common/js/uniapp.utils.js
 create mode 100644 docs/components_usage_documentation.md
 delete mode 100644 pages/contact/contact.vue
 rename {components => pages_goods/_components}/goods-detail-view/detail.js (100%)
 rename {components => pages_goods/_components}/goods-detail-view/goods-detail-view.vue (75%)
 rename {components => pages_goods/_components}/ns-goods-promotion/ns-goods-promotion.vue (100%)
 rename {components => pages_goods/_components}/pengpai-fadein-out/pengpai-fadein-out.vue (100%)
 rename {components => pages_order/_components}/common-payment/common-payment.vue (99%)
 rename {components => pages_order/_components}/common-payment/payment.js (100%)
 rename {components => pages_tool/_components}/img-cropping/img-cropping.vue (100%)
 rename {components => pages_tool/_components}/myp-one/myp-one.vue (100%)
 rename {components => pages_tool/_components}/ns-birthday-gift/ns-birthday-gift.vue (100%)
 rename {components => pages_tool/_components}/ns-new-gift/ns-new-gift.vue (100%)
 rename {components => pages_tool/_components}/ns-newform/ns-newform.vue (100%)
 rename {components => pages_tool/_components}/sx-rate/common.js (100%)
 rename {components/sx-rate/sx-rate => pages_tool/_components/sx-rate/fonts}/iconfont.eot (100%)
 rename {components/sx-rate/sx-rate => pages_tool/_components/sx-rate/fonts}/iconfont.svg (100%)
 rename {components/sx-rate/sx-rate => pages_tool/_components/sx-rate/fonts}/iconfont.ttf (100%)
 rename {components/sx-rate/sx-rate => pages_tool/_components/sx-rate/fonts}/iconfont.woff (100%)
 rename {components/sx-rate/sx-rate => pages_tool/_components/sx-rate/fonts}/iconfont.woff2 (100%)
 rename {components/sx-rate => pages_tool/_components}/sx-rate/iconfont.css (68%)
 rename {components => pages_tool/_components}/sx-rate/sx-rate.vue (93%)

diff --git a/common/js/uniapp.utils.js b/common/js/uniapp.utils.js
new file mode 100644
index 0000000..e450d28
--- /dev/null
+++ b/common/js/uniapp.utils.js
@@ -0,0 +1,89 @@
+/**
+ * 将常用的Uniapp提供的函数，存放到这里，按需引用
+ */
+
+
+/**
+ * 显示错误信息
+ * @param {Exception} err 
+ */
+const showError = (err) => {
+    uni.showToast({
+        title: err?.message || err?.errMsg || err?.toString(),
+        icon: 'none',
+        duration: 2000
+    });
+}
+
+/**
+ * 打电话
+ * @param {string} mobile 电话号码
+ */
+export const makePhoneCall = (mobile) => {
+    try {
+        uni.makePhoneCall({
+            phoneNumber: `${mobile}`,
+            success(e) {
+                console.log(e);
+            }
+        });
+    } catch (err) {
+        showError(err);
+    }
+}
+
+/**
+ * 拷贝文本
+ * @param {*} text 
+ * @param {*} options
+ */
+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);
+                }
+            },
+            fail: (err) => {
+                console.error('复制失败:', err);
+                try {
+                    uni.showToast({
+                        title: err.message || err.errMsg || copyFailed,
+                        icon: 'none',
+                        duration: 2000
+                    });
+                } catch (e) {
+                    showError(e);
+                }
+            }
+        });
+    } catch (err) {
+        showError(err);
+    }
+}
+
+/**
+ * 打开定位
+ * @param {Object} options 
+ */
+export const openLocation = ({ latitude, longitude, name } = {}) => {
+    try {
+        uni.openLocation({
+            latitude,
+            longitude,
+            name,
+        });
+    } catch (err) {
+        showError(err);
+    }
+}
\ No newline at end of file
diff --git a/components-diy/diy-kefu.vue b/components-diy/diy-kefu.vue
index 4a631a4..7f68ecd 100644
--- a/components-diy/diy-kefu.vue
+++ b/components-diy/diy-kefu.vue
@@ -1,6 +1,6 @@
 <template>
 	<view data-component-name="diy-kefu" class="diy-kefu" :style="style">
-		<view class="fui-list-group merchgroup" v-for="(item, index) in value.list">
+		<view class="fui-list-group merchgroup" v-for="(item, index) in value.list" :key="index">
 			<view class="fui-list jump" v-if="index == 0">
 				<view class="fui-list-media">
 					<image class="round" :src="$util.img(item.imageUrl)" style="border-radius:6rpx"></image>
diff --git a/components/xiao-star-component/xiao-star-component.vue b/components/xiao-star-component/xiao-star-component.vue
index cce3844..54ca299 100644
--- a/components/xiao-star-component/xiao-star-component.vue
+++ b/components/xiao-star-component/xiao-star-component.vue
@@ -1,234 +1,234 @@
-<template>
-	<view class="star-container">
-		<view class="star-view star-view" style="display: flex;align-items: center;height: 36rpx; overflow: hidden;margin-top:2rpx;">
-			<view class="star-icon-con">
-				<view @tap="evaluateTap(item, index)" :class="item == 3 ? 'iconfont star-icon-item-font iconai65' : item == 1 ? 'iconfont star-icon-item-font iconwujiaoxing1' : ''" v-for="(item, index) in starArr" :key="index"></view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-/**
- *  starArr 数据说明
- *
- *  1  	实星
- *  2	空星
- * 	3	半空星
- */
-export default {
-	data() {
-		return {
-			starArr: [],
-			star_count: 0,
-			isTapZuihou: false
-		};
-	},
-	props: {
-		// 星评数量
-		starCount: {
-			type: Number,
-			default: 0
-		},
-		// 是否开启手动评价
-		isEvaluate: {
-			type: Boolean,
-			default: false
-		}
-	},
-	watch: {
-		starCount(newVal, oldVal) {
-			this.star_count = JSON.parse(JSON.stringify(newVal));
-		}
-	},
-	mounted() {
-		this.star_count = JSON.parse(JSON.stringify(this.starCount));
-		var star_count = this.star_count / 2;
-		if (String(this.starCount).indexOf('.') != -1) {
-			// 小数
-			var decimalsSatr = parseInt(star_count);
-			this.starPushFn(false, decimalsSatr);
-		} else {
-			// 整数
-			var intSatr = parseInt(star_count);
-			this.starPushFn(true, intSatr);
-		}
-	},
-	methods: {
-		/**
-		 *  手动评价
-		 *
-		 * @param {*} item  	点击的item
-		 * @param {*} index		点击的index
-		 */
-		evaluateTap(item, index) {
-			if (!this.isEvaluate) {
-				return;
-			}
-			var sliceArr = this.starArr.slice(index);
-			var starNewArr = this.starArr.slice(0, index);
-			var optIndex = index + 1;
-			if (item == 1) {
-				let sliceNewArr = [];
-				sliceArr.forEach((slItem, slIndex) => {
-					sliceNewArr.push(2);
-				});
-				if (starNewArr.length <= 0 && this.isTapZuihou) {
-					this.starArr = [];
-					this.starFor(i => {
-						this.starArr.push(2);
-					});
-					this.isTapZuihou = false;
-					this.star_count = 0;
-
-					return;
-				}
-				if (starNewArr.length <= 0) {
-					this.isTapZuihou = true;
-				}
-				if (starNewArr.length == 3) {
-					this.star_count = 8;
-				} else if (starNewArr.length == 2) {
-					this.star_count = 6;
-				} else if (starNewArr.length == 1) {
-					this.star_count = 4;
-				} else if (starNewArr.length == 0) {
-					this.star_count = 2;
-				}
-				// if(starNewArr)
-				this.$emit('evaluateChange', this.star_count);
-				this.starArr = [...starNewArr, ...sliceNewArr];
-			} else {
-				if (index == 4) {
-					this.star_count = 10;
-				} else if (index == 3) {
-					this.star_count = 8;
-				} else if (index == 2) {
-					this.star_count = 6;
-				} else if (index == 1) {
-					this.star_count = 4;
-				} else if (index == 0) {
-					this.star_count = 2;
-				}
-			}
-
-			this.starFor(i => {
-				if (i < optIndex) {
-					if (this.starArr[i] == 2) {
-						this.starArr[i] = 1;
-					}
-
-					this.starArr = Object.assign([], this.starArr);
-				}
-			});
-
-			this.$emit('evaluateChange', this.star_count);
-		},
-		/**
-		 *  星数量循环
-		 *
-		 * @param {*} slotcallback
-		 */
-		starFor(slotcallback) {
-			for (let i = 0; i < 5; i++) {
-				slotcallback(i);
-			}
-		},
-		/**
-		 *  星数推送
-		 *
-		 * @param {*} isInt  		是否是整数
-		 * @param {*} satrCount		星数量
-		 */
-		starPushFn(isInt, satrCount) {
-			if (isInt) {
-				this.starFor(i => {
-					if (i < satrCount) {
-						this.starArr.push(1);
-					} else {
-						this.starArr.push(2);
-					}
-				});
-				return;
-			}
-			this.starFor(i => {
-				if (i < satrCount) {
-					this.starArr.push(1);
-				} else if (i <= satrCount) {
-					this.starArr.push(3);
-				} else {
-					this.starArr.push(2);
-				}
-			});
-		}
-	}
-};
-</script>
-
-<style scoped lang="scss">
-.uni-view {
-	color: none !important;
-}
-
-@font-face {
-	font-family: 'iconfont';
-	src: url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.eot?t=1611736513810'); /* IE9 */
-	src: url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.eot?t=1611736513810#iefix') format('embedded-opentype'),
-		/* IE6-IE8 */
-			url('data:application/x-font-woff2;charset=utf-8;base64,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')
-			format('woff2'),
-		url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.woff?t=1611736513810') format('woff'),
-		url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.ttf?t=1611736513810') format('truetype'),
-		/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.svg?t=1611736513810#iconfont') format('svg'); /* iOS 4.1- */
-}
-
-.iconfont {
-	font-family: 'iconfont' !important;
-	font-size: 16px;
-	font-style: normal;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-.iconwujiaoxing1:before {
-	content: '\e623';
-}
-
-.iconwujiaoxing3:before {
-	content: '\e712';
-}
-
-.iconai65:before {
-	content: '\e6b7';
-}
-
-.star-container {
-	.star-view {
-		color: rgb(244, 209, 119) !important;
-		display: flex;
-		align-items: center;
-		box-sizing: border-box;
-		.star-count {
-			margin-right: 20rpx;
-			font-weight: 600;
-			font-size: 33rpx;
-			// font-weight-600 font-33 d-flex a-center
-		}
-		.star-icon-con {
-			font-weight: 600;
-			font-size: 33rpx;
-			display: flex;
-			align-items: center;
-			height: 36rpx;
-			.star-icon-item-font {
-				font-size: 32rpx;
-				color: rgb(244, 209, 119) !important;
-				margin-left: -4rpx;
-			}
-		}
-		.iconwujiaoxing3 {
-			color: rgb(244, 209, 119) !important;
-		}
-	}
-}
-</style>
+<template>
+	<view class="star-container">
+		<view class="star-view star-view" style="display: flex;align-items: center;height: 36rpx; overflow: hidden;margin-top:2rpx;">
+			<view class="star-icon-con">
+				<view @tap="evaluateTap(item, index)" :class="item == 3 ? 'iconfont star-icon-item-font iconai65' : item == 1 ? 'iconfont star-icon-item-font iconwujiaoxing1' : ''" v-for="(item, index) in starArr" :key="index"></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+/**
+ *  starArr 数据说明
+ *
+ *  1  	实星
+ *  2	空星
+ * 	3	半空星
+ */
+export default {
+	data() {
+		return {
+			starArr: [],
+			star_count: 0,
+			isTapZuihou: false
+		};
+	},
+	props: {
+		// 星评数量
+		starCount: {
+			type: Number,
+			default: 0
+		},
+		// 是否开启手动评价
+		isEvaluate: {
+			type: Boolean,
+			default: false
+		}
+	},
+	watch: {
+		starCount(newVal, oldVal) {
+			this.star_count = JSON.parse(JSON.stringify(newVal));
+		}
+	},
+	mounted() {
+		this.star_count = JSON.parse(JSON.stringify(this.starCount));
+		var star_count = this.star_count / 2;
+		if (String(this.starCount).indexOf('.') != -1) {
+			// 小数
+			var decimalsSatr = parseInt(star_count);
+			this.starPushFn(false, decimalsSatr);
+		} else {
+			// 整数
+			var intSatr = parseInt(star_count);
+			this.starPushFn(true, intSatr);
+		}
+	},
+	methods: {
+		/**
+		 *  手动评价
+		 *
+		 * @param {*} item  	点击的item
+		 * @param {*} index		点击的index
+		 */
+		evaluateTap(item, index) {
+			if (!this.isEvaluate) {
+				return;
+			}
+			var sliceArr = this.starArr.slice(index);
+			var starNewArr = this.starArr.slice(0, index);
+			var optIndex = index + 1;
+			if (item == 1) {
+				let sliceNewArr = [];
+				sliceArr.forEach((slItem, slIndex) => {
+					sliceNewArr.push(2);
+				});
+				if (starNewArr.length <= 0 && this.isTapZuihou) {
+					this.starArr = [];
+					this.starFor(i => {
+						this.starArr.push(2);
+					});
+					this.isTapZuihou = false;
+					this.star_count = 0;
+
+					return;
+				}
+				if (starNewArr.length <= 0) {
+					this.isTapZuihou = true;
+				}
+				if (starNewArr.length == 3) {
+					this.star_count = 8;
+				} else if (starNewArr.length == 2) {
+					this.star_count = 6;
+				} else if (starNewArr.length == 1) {
+					this.star_count = 4;
+				} else if (starNewArr.length == 0) {
+					this.star_count = 2;
+				}
+				// if(starNewArr)
+				this.$emit('evaluateChange', this.star_count);
+				this.starArr = [...starNewArr, ...sliceNewArr];
+			} else {
+				if (index == 4) {
+					this.star_count = 10;
+				} else if (index == 3) {
+					this.star_count = 8;
+				} else if (index == 2) {
+					this.star_count = 6;
+				} else if (index == 1) {
+					this.star_count = 4;
+				} else if (index == 0) {
+					this.star_count = 2;
+				}
+			}
+
+			this.starFor(i => {
+				if (i < optIndex) {
+					if (this.starArr[i] == 2) {
+						this.starArr[i] = 1;
+					}
+
+					this.starArr = Object.assign([], this.starArr);
+				}
+			});
+
+			this.$emit('evaluateChange', this.star_count);
+		},
+		/**
+		 *  星数量循环
+		 *
+		 * @param {*} slotcallback
+		 */
+		starFor(slotcallback) {
+			for (let i = 0; i < 5; i++) {
+				slotcallback(i);
+			}
+		},
+		/**
+		 *  星数推送
+		 *
+		 * @param {*} isInt  		是否是整数
+		 * @param {*} satrCount		星数量
+		 */
+		starPushFn(isInt, satrCount) {
+			if (isInt) {
+				this.starFor(i => {
+					if (i < satrCount) {
+						this.starArr.push(1);
+					} else {
+						this.starArr.push(2);
+					}
+				});
+				return;
+			}
+			this.starFor(i => {
+				if (i < satrCount) {
+					this.starArr.push(1);
+				} else if (i <= satrCount) {
+					this.starArr.push(3);
+				} else {
+					this.starArr.push(2);
+				}
+			});
+		}
+	}
+};
+</script>
+
+<style scoped lang="scss">
+.uni-view {
+	color: none !important;
+}
+
+@font-face {
+	font-family: 'iconfont';
+	src: url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.eot?t=1611736513810'); /* IE9 */
+	src: url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.eot?t=1611736513810#iefix') format('embedded-opentype'),
+		/* IE6-IE8 */
+			url('data:application/x-font-woff2;charset=utf-8;base64,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')
+			format('woff2'),
+		url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.woff?t=1611736513810') format('woff'),
+		url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.ttf?t=1611736513810') format('truetype'),
+		/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_2188799_iwu9ledxvl.svg?t=1611736513810#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+	font-family: 'iconfont' !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.iconwujiaoxing1:before {
+	content: '\e623';
+}
+
+.iconwujiaoxing3:before {
+	content: '\e712';
+}
+
+.iconai65:before {
+	content: '\e6b7';
+}
+
+.star-container {
+	.star-view {
+		color: rgb(244, 209, 119) !important;
+		display: flex;
+		align-items: center;
+		box-sizing: border-box;
+		.star-count {
+			margin-right: 20rpx;
+			font-weight: 600;
+			font-size: 33rpx;
+			// font-weight-600 font-33 d-flex a-center
+		}
+		.star-icon-con {
+			font-weight: 600;
+			font-size: 33rpx;
+			display: flex;
+			align-items: center;
+			height: 36rpx;
+			.star-icon-item-font {
+				font-size: 32rpx;
+				color: rgb(244, 209, 119) !important;
+				margin-left: -4rpx;
+			}
+		}
+		.iconwujiaoxing3 {
+			color: rgb(244, 209, 119) !important;
+		}
+	}
+}
+</style>
diff --git a/docs/components_usage_documentation.md b/docs/components_usage_documentation.md
new file mode 100644
index 0000000..1a1ad65
--- /dev/null
+++ b/docs/components_usage_documentation.md
@@ -0,0 +1,834 @@
+# 组件使用情况文档
+
+提示词：请重新帮我分析 components 及 uni_modules 目录下的组件，被哪些页面/组件使用，按照Vue组件精确引用次数由多到少来排序，并更新到该文档中。
+
+## 1. 组件目录结构
+
+### 1.1 components 目录包含以下组件：
+
+- chat-message
+- hover-nav
+- l-time
+- loading-cover
+- mescroll
+- ns-adv
+- ns-chat
+- ns-contact
+- ns-copyright
+- ns-empty
+- ns-form
+- ns-goods-action
+- ns-goods-action-button
+- ns-goods-action-icon
+- ns-goods-recommend
+- ns-goods-sku
+- ns-loading
+- ns-login
+- ns-mp-html
+- ns-navbar
+- ns-payment
+- ns-progress
+- ns-select-time
+- ns-switch
+- ns-video-player-popup
+- payment
+- pick-regions
+- privacy-popup
+- register-reward
+- sx-rate
+- to-top
+- uv-count-to
+- wxwork-contact
+- xiao-star-component
+- yuyue-date
+
+### 1.2 uni_modules 目录包含以下组件：
+
+- mp-html
+- uni-badge
+- uni-calendar
+- uni-count-down
+- uni-datetime-picker
+- uni-drawer
+- uni-grid
+- uni-grid-item
+- uni-icons
+- uni-nav-bar
+- uni-number-box
+- uni-popup
+- uni-popup-sku
+- uni-popup-sku-category
+- uni-scss
+- uni-status-bar
+- uni-tag
+- x-skeleton
+
+## 2. 组件使用情况详细列表（按引用次数排序）
+
+### 2.1 loading-cover 组件（78次引用）
+
+**文件路径**：components/loading-cover/loading-cover.vue
+
+**引用情况**：
+- pages_tool/form/formdata.vue
+- pages_goods/detail.vue
+- pages_order/_components/common-payment/common-payment.vue
+- pages_tool/recharge/order_list.vue
+- pages_tool/recharge/list.vue
+- pages_tool/pay/index.vue
+- pages_tool/pay/result.vue
+- pages_tool/order/refund_type_select.vue
+- pages_tool/order/refund_goods_select.vue
+- pages_tool/order/refund_detail.vue
+- pages_tool/order/detail_virtual.vue
+- pages_tool/order/evaluate.vue
+- pages_tool/order/logistics.vue
+- pages_tool/order/refund.vue
+- pages_tool/order/refund_batch.vue
+- pages_tool/member/withdrawal.vue
+- pages_tool/member/withdrawal_detail.vue
+- pages_tool/notice/detail.vue
+- pages_tool/notice/list.vue
+- pages_tool/member/point.vue
+- pages_tool/member/point_detail.vue
+- pages_tool/member/invite_friends.vue
+- pages_tool/member/level.vue
+- pages_tool/member/level_growth_rules.vue
+- pages_tool/member/coupon.vue
+- pages_tool/member/footprint.vue
+- pages_tool/member/card_buy.vue
+- pages_tool/member/collection.vue
+- pages_tool/member/balance.vue
+- pages_tool/member/balance_detail.vue
+- pages_tool/member/account.vue
+- pages_tool/member/account_edit.vue
+- pages_tool/member/address.vue
+- pages_tool/member/address_edit.vue
+- pages_tool/member/apply_withdrawal.vue
+- pages_tool/login/login.vue
+- pages_tool/help/detail.vue
+- pages_tool/help/list.vue
+- pages_tool/goods/coupon.vue
+- pages_tool/goods/coupon_receive.vue
+- pages_tool/goods/evaluate.vue
+- pages_tool/files/list.vue
+- pages_tool/form/form.vue
+- pages_tool/goods/brand.vue
+- pages_tool/article/detail.vue
+- pages_tool/article/list.vue
+- pages_promotion/point/list.vue
+- pages_promotion/point/order_list.vue
+- pages_promotion/point/payment.vue
+- pages_promotion/point/detail.vue
+- pages_promotion/merch/merchcategory.vue
+- pages_promotion/merch/detail.vue
+- pages_promotion/fenxiao/withdrawal_detail.vue
+- pages_promotion/fenxiao/withdraw_list.vue
+- pages_promotion/fenxiao/withdraw_apply.vue
+- pages_promotion/fenxiao/ranking_list.vue
+- pages_promotion/fenxiao/relation.vue
+- pages_promotion/fenxiao/team.vue
+- pages_promotion/fenxiao/order.vue
+- pages_promotion/fenxiao/order_detail.vue
+- pages_promotion/fenxiao/promote.vue
+- pages_promotion/fenxiao/promote_code.vue
+- pages_promotion/fenxiao/index.vue
+- pages_promotion/fenxiao/level.vue
+- pages_promotion/fenxiao/goods_list.vue
+- pages_promotion/fenxiao/apply.vue
+- pages_promotion/fenxiao/bill.vue
+- pages_promotion/fenxiao/child_fenxiao.vue
+- pages_order/detail_point.vue
+- pages_order/list.vue
+- pages_order/detail.vue
+- pages_order/detail_local_delivery.vue
+- pages_order/detail_pickup.vue
+- pages_goods/list.vue
+- pages_goods/cart.vue
+- pages_goods/category.vue
+- components-diy/diy-category-item.vue
+
+### 2.2 uni-popup 组件（66次引用）
+
+**文件路径**：uni_modules/uni-popup/components/uni-popup/uni-popup.vue
+
+**引用情况**：
+- pages_goods/_components/goods-detail-view/goods-detail-view.vue
+- pages_tool/member/index.vue
+- pages_goods/detail.vue
+- pages_order/payment.vue
+- pages_order/_components/common-payment/common-payment.vue
+- pages_tool/contact/contact.vue
+- components/ns-contact/ns-contact.vue
+- pages/index/index.vue
+- components/ns-video-player-popup/ns-video-player-popup.vue
+- pages/contact/contact.vue
+- uni_modules/uni-popup-sku/components/uni-popup-sku/uni-popup-sku.vue
+- uni_modules/uni-popup-sku-category/components/uni-popup-sku-category/uni-popup-sku-category.vue
+- pages_tool/recharge/list.vue
+- pages_tool/pay/result.vue
+- pages_tool/order/refund_type_select.vue
+- pages_tool/order/refund.vue
+- pages_tool/order/refund_batch.vue
+- pages_tool/member/invite_friends.vue
+- pages_tool/member/level.vue
+- pages_tool/member/card_buy.vue
+- pages_tool/member/collection.vue
+- pages_tool/member/card.vue
+- pages_tool/login/login.vue
+- pages_tool/index/diy.vue
+- pages_tool/cases/index.vue
+- pages_promotion/point/list.vue
+- pages_promotion/point/payment.vue
+- pages_promotion/merch/public/category.scss
+- pages_promotion/point/detail.vue
+- pages_promotion/merch/merchcategory.vue
+- pages_promotion/merch/detail.vue
+- pages_promotion/fenxiao/promote_code.vue
+- pages_promotion/fenxiao/index.vue
+- pages_promotion/fenxiao/level.vue
+- pages_promotion/fenxiao/goods_list.vue
+- pages_promotion/fenxiao/apply.vue
+- pages_order/detail_point.vue
+- pages_order/detail.vue
+- pages_goods/list.vue
+- pages_goods/public/css/cart.scss
+- pages_goods/cart.vue
+- pages_goods/category.vue
+- components/yuyue-date/yuyue-date.vue
+- components/register-reward/register-reward.vue
+- components/pick-regions/pick-regions.vue
+- components/ns-select-time/ns-select-time.vue
+- components/payment/payment.vue
+- components/ns-payment/ns-payment.vue
+- components/ns-goods-sku/ns-goods-sku.vue
+- components/ns-login/ns-login.vue
+- pages_tool/_components/ns-new-gift/ns-new-gift.vue
+- components/ns-goods-sku/ns-goods-sku-category.vue
+- pages_tool/_components/ns-birthday-gift/ns-birthday-gift.vue
+- components/chat-message/chat-message.vue
+- components-diy/diy-video-list.vue
+- components-diy/diy-payment-qrcode.vue
+- components-diy/diy-notice.vue
+- components-diy/diy-member-info.vue
+- components-diy/diy-index-page.vue
+- components-diy/diy-category.vue
+- components-diy/diy-category-item.vue
+
+### 2.3 mescroll 组件（63次引用）
+
+**文件路径**：components/mescroll/
+
+**引用情况**：
+- pages_order/_components/common-payment/common-payment.vue
+- pages_tool/contact/contact.vue
+- lang/zh-cn/common.js
+- lang/en-us/common.js
+- pages.json
+- pages/index/index.vue
+- pages_tool/recharge/order_list.vue
+- pages_tool/recharge/list.vue
+- pages_tool/order/logistics.vue
+- pages_tool/member/withdrawal.vue
+- pages_tool/notice/list.vue
+- pages_tool/order/activist.vue
+- pages_tool/member/public/js/collection.js
+- pages_tool/member/point_detail.vue
+- pages_tool/member/coupon.vue
+- pages_tool/member/footprint.vue
+- pages_tool/member/collection.vue
+- pages_tool/member/balance.vue
+- pages_tool/member/balance_detail.vue
+- pages_tool/member/account.vue
+- pages_tool/member/address.vue
+- pages_tool/goods/coupon.vue
+- pages_tool/goods/evaluate.vue
+- pages_tool/files/list.vue
+- pages_tool/goods/brand.vue
+- pages_tool/article/list.vue
+- pages_promotion/point/goods_list.vue
+- pages_promotion/point/list.vue
+- pages_promotion/point/order_list.vue
+- pages_promotion/merch/public/js/list.js
+- pages_promotion/merch/detail.vue
+- pages_promotion/fenxiao/withdraw_list.vue
+- pages_promotion/fenxiao/ranking_list.vue
+- pages_promotion/fenxiao/relation.vue
+- pages_promotion/fenxiao/team.vue
+- pages_promotion/fenxiao/public/js/goods_list.js
+- pages_promotion/fenxiao/order.vue
+- pages_promotion/fenxiao/goods_list.vue
+- pages_promotion/fenxiao/bill.vue
+- pages_promotion/fenxiao/child_fenxiao.vue
+- pages_order/list.vue
+- pages_goods/public/js/list.js
+- pages_goods/list.vue
+- components/to-top/to-top.vue
+- components-diy/diy-index-page.vue
+- components/ns-loading/ns-loading.vue
+
+### 2.4 ns-login 组件（53次引用）
+
+**文件路径**：components/ns-login/ns-login.vue
+
+**引用情况**：
+- pages_tool/form/formdata.vue
+- pages_goods/detail.vue
+- pages_order/_components/common-payment/common-payment.vue
+- pages/index/index.vue
+- pages_tool/recharge/order_list.vue
+- pages_tool/pay/cashier.vue
+- pages_tool/member/point.vue
+- pages_tool/member/invite_friends.vue
+- pages_tool/member/level.vue
+- pages_tool/member/coupon.vue
+- pages_tool/member/footprint.vue
+- pages_tool/member/info.vue
+- pages_tool/member/info_edit.vue
+- pages_tool/member/card_buy.vue
+- pages_tool/member/collection.vue
+- pages_tool/member/card.vue
+- pages_tool/member/balance.vue
+- pages_tool/member/balance_detail.vue
+- pages_tool/member/account.vue
+- pages_tool/member/address.vue
+- pages_tool/goods/coupon.vue
+- pages_tool/goods/coupon_receive.vue
+- pages_tool/form/form.vue
+- pages_promotion/point/list.vue
+- pages_promotion/point/order_list.vue
+- pages_promotion/point/detail.vue
+- pages_promotion/merch/merchcategory.vue
+- pages_promotion/fenxiao/withdraw_list.vue
+- pages_promotion/fenxiao/relation.vue
+- pages_promotion/fenxiao/team.vue
+- pages_promotion/fenxiao/order.vue
+- pages_promotion/fenxiao/order_detail.vue
+- pages_promotion/fenxiao/promote.vue
+- pages_promotion/fenxiao/promote_code.vue
+- pages_promotion/fenxiao/index.vue
+- pages_promotion/fenxiao/child_fenxiao.vue
+- pages_order/list.vue
+- pages_goods/cart.vue
+- pages_goods/category.vue
+- components/ns-goods-sku/ns-goods-sku.vue
+- components/ns-goods-sku/ns-goods-sku-index.vue
+- components/ns-goods-sku/ns-goods-sku-category.vue
+- pages_goods/_components/goods-detail-view/goods-detail-view.vue
+- components-diy/diy-search.vue
+- components-diy/diy-quick-nav.vue
+- components-diy/diy-notes.vue
+- components-diy/diy-member-info.vue
+- components-diy/diy-member-my-order.vue
+- components-diy/diy-image-nav.vue
+- components-diy/diy-graphic-nav.vue
+- components-diy/diy-digit.vue
+- components-diy/diy-coupon.vue
+
+### 2.5 ns-empty 组件（37次引用）
+
+**文件路径**：components/ns-empty/ns-empty.vue
+
+**引用情况**：
+- pages_tool/form/formdata.vue
+- pages_order/_components/common-payment/common-payment.vue
+- pages_tool/seal/medium/search.vue
+- pages_tool/recharge/order_list.vue
+- pages_tool/pay/cashier.vue
+- pages_tool/member/withdrawal.vue
+- pages_tool/notice/list.vue
+- pages_tool/order/activist.vue
+- pages_tool/member/point_detail.vue
+- pages_tool/member/invite_friends.vue
+- pages_tool/member/coupon.vue
+- pages_tool/member/footprint.vue
+- pages_tool/member/card_buy.vue
+- pages_tool/member/collection.vue
+- pages_tool/member/balance_detail.vue
+- pages_tool/help/list.vue
+- pages_tool/goods/coupon.vue
+- pages_tool/goods/evaluate.vue
+- pages_tool/files/list.vue
+- pages_tool/form/form.vue
+- pages_tool/goods/brand.vue
+- pages_tool/article/list.vue
+- pages_promotion/point/goods_list.vue
+- pages_promotion/point/order_list.vue
+- pages_promotion/merch/detail.vue
+- pages_promotion/fenxiao/withdraw_list.vue
+- pages_promotion/fenxiao/ranking_list.vue
+- pages_promotion/fenxiao/relation.vue
+- pages_promotion/fenxiao/team.vue
+- pages_promotion/fenxiao/order.vue
+- pages_promotion/fenxiao/goods_list.vue
+- pages_promotion/fenxiao/bill.vue
+- pages_promotion/fenxiao/child_fenxiao.vue
+- pages_order/list.vue
+- pages_goods/list.vue
+- pages_goods/cart.vue
+- components-diy/diy-index-page.vue
+
+### 2.6 privacy-popup 组件（26次引用）
+
+**文件路径**：components/privacy-popup/privacy-popup.vue
+
+**引用情况**：
+- pages_tool/member/index.vue
+- pages_goods/detail.vue
+- pages/index/index.vue
+- pages_tool/webview/webview.vue
+- pages_tool/notice/detail.vue
+- pages_tool/notice/list.vue
+- pages_tool/help/detail.vue
+- pages_tool/help/list.vue
+- pages_tool/index/diy.vue
+- pages_tool/goods/coupon.vue
+- pages_tool/goods/coupon_receive.vue
+- pages_tool/files/list.vue
+- pages_tool/goods/brand.vue
+- pages_tool/article/detail.vue
+- pages_tool/article/list.vue
+- pages_promotion/point/goods_list.vue
+- pages_promotion/point/list.vue
+- pages_promotion/point/detail.vue
+- pages_promotion/merch/detail.vue
+- pages_promotion/fenxiao/promote.vue
+- pages_promotion/fenxiao/promote_code.vue
+- pages_promotion/fenxiao/goods_list.vue
+- pages_goods/list.vue
+- pages_goods/cart.vue
+- pages_goods/category.vue
+- components/ns-login/ns-login.vue
+
+### 2.7 x-skeleton 组件（19次引用）
+
+**文件路径**：uni_modules/x-skeleton/components/x-skeleton/x-skeleton.vue
+
+**引用情况**：
+- pages.json
+- components-diy/diy-article.vue
+- components-diy/diy-seckill.vue
+- components-diy/diy-store-label.vue
+- components-diy/diy-presale.vue
+- components-diy/diy-pinfan.vue
+- components-diy/diy-pintuan.vue
+- components-diy/diy-notes.vue
+- components-diy/diy-merch-list.vue
+- components-diy/diy-live.vue
+- components-diy/diy-groupbuy.vue
+- components-diy/diy-goods-recommend.vue
+- components-diy/diy-goods-brand.vue
+- components-diy/diy-goods-list.vue
+- components-diy/diy-coupon.vue
+- components-diy/diy-bargain.vue
+
+### 2.8 ns-goods-sku 组件（13次引用）
+
+**文件路径**：components/ns-goods-sku/
+
+**引用情况**：
+- pages_goods/detail.vue
+- pages.json
+- store/index.js
+- pages_promotion/point/detail.vue
+- pages_promotion/merch/detail.vue
+- pages_goods/list.vue
+- pages_goods/cart.vue
+- components-diy/diy-goods-list.vue
+- components-diy/diy-category.vue
+
+### 2.9 to-top 组件（11次引用）
+
+**文件路径**：components/to-top/to-top.vue
+
+**引用情况**：
+- pages_goods/detail.vue
+- pages_tool/contact/contact.vue
+- pages/index/index.vue
+- pages_tool/member/level.vue
+- pages_tool/member/level_growth_rules.vue
+- pages_promotion/point/detail.vue
+- pages_goods/cart.vue
+- components/mescroll/mescroll-uni.vue
+- pages_goods/_components/goods-detail-view/goods-detail-view.vue
+- common/css/goods_detail.scss
+
+### 2.10 ns-goods-recommend 组件（10次引用）
+
+**文件路径**：components/ns-goods-recommend/ns-goods-recommend.vue
+
+**引用情况**：
+- pages_tool/pay/result.vue
+- pages_tool/member/collection.vue
+- pages_tool/member/card.vue
+- pages_promotion/fenxiao/level.vue
+- pages_order/detail_point.vue
+- pages_order/detail.vue
+- pages_goods/cart.vue
+- pages_goods/_components/goods-detail-view/goods-detail-view.vue
+
+### 2.11 ns-payment 组件（9次引用）
+
+**文件路径**：components/ns-payment/ns-payment.vue
+
+**引用情况**：
+- pages_tool/recharge/list.vue
+- pages_tool/member/card_buy.vue
+- pages_promotion/point/order_list.vue
+- pages_promotion/point/payment.vue
+- pages_order/detail_point.vue
+- pages_order/list.vue
+- pages_order/detail.vue
+
+### 2.12 ns-adv 组件（8次引用）
+
+**文件路径**：components/ns-adv/ns-adv.vue
+
+**引用情况**：
+- pages_tool/files/list.vue
+- pages_tool/goods/brand.vue
+- pages_tool/article/list.vue
+- pages_promotion/point/list.vue
+- pages_promotion/point/public/css/list.scss
+- pages_promotion/fenxiao/public/css/follow.scss
+
+### 2.13 ns-form 组件（8次引用）
+
+**文件路径**：components/ns-form/ns-form.vue
+
+**引用情况**：
+- pages_goods/detail.vue
+- pages_order/_components/common-payment/common-payment.vue
+- pages_tool/form/form.vue
+- pages_tool/_components/ns-newform/ns-newform.vue
+- components/ns-goods-sku/ns-goods-sku.vue
+- common/css/order_parment.scss
+
+### 2.14 uni-icons 组件（8次引用）
+
+**文件路径**：uni_modules/uni-icons/components/uni-icons/uni-icons.vue
+
+**引用情况**：
+- uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.vue
+- uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue
+- uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar.vue
+
+### 2.15 ns-contact 组件（7次引用）
+
+**文件路径**：components/ns-contact/ns-contact.vue
+
+**引用情况**：
+- pages_tool/order/refund_detail.vue
+- pages_tool/member/contact.vue
+- pages_order/detail_point.vue
+- pages_order/detail.vue
+- components/ns-goods-action-icon/ns-goods-action-icon.vue
+
+### 2.16 ns-copyright 组件（7次引用）
+
+**文件路径**：components/ns-copyright/ns-copyright.vue
+
+**引用情况**：
+- pages_tool/member/index.vue
+- pages/index/index.vue
+- pages_tool/index/diy.vue
+- pages_promotion/fenxiao/promote.vue
+- pages_promotion/fenxiao/index.vue
+- pages_goods/_components/goods-detail-view/goods-detail-view.vue
+
+### 2.17 hover-nav 组件（6次引用）
+
+**文件路径**：components/hover-nav/hover-nav.vue
+
+**引用情况**：
+- pages_tool/member/index.vue
+- pages_tool/contact/contact.vue
+- pages/index/index.vue
+- pages/contact/contact.vue
+
+### 2.18 pick-regions 组件（6次引用）
+
+**文件路径**：components/pick-regions/pick-regions.vue
+
+**引用情况**：
+- pages_tool/member/info_edit.vue
+- pages_tool/member/address_edit.vue
+- pages_tool/_components/ns-newform/ns-newform.vue
+- components/ns-form/ns-form.vue
+
+### 2.19 ns-navbar 组件（6次引用）
+
+**文件路径**：components/ns-navbar/ns-navbar.vue
+
+**引用情况**：
+- pages_tool/member/index.vue
+- pages_goods/detail.vue
+- pages/index/index.vue
+- pages_tool/index/diy.vue
+
+### 2.20 uni-drawer 组件（4次引用）
+
+**文件路径**：uni_modules/uni-drawer/components/uni-drawer/uni-drawer.vue
+
+**引用情况**：
+- pages_promotion/point/goods_list.vue
+- pages_promotion/merch/detail.vue
+- pages_goods/list.vue
+
+### 2.21 uni-calendar 组件（4次引用）
+
+**文件路径**：uni_modules/uni-calendar/components/uni-calendar/uni-calendar.vue
+
+**引用情况**：
+- uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar.vue
+- uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item.vue
+
+### 2.22 chat-message 组件（4次引用）
+
+**文件路径**：components/chat-message/chat-message.vue
+
+**引用情况**：
+- pages_tool/ai-chat/index.vue
+- pages_tool/ai-chat/ai-chat-message.vue
+
+### 2.23 ns-switch 组件（4次引用）
+
+**文件路径**：components/ns-switch/ns-switch.vue
+
+**引用情况**：
+- pages_order/_components/common-payment/common-payment.vue
+- components/payment/payment.vue
+- components/ns-payment/ns-payment.vue
+
+### 2.24 register-reward 组件（4次引用）
+
+**文件路径**：components/register-reward/register-reward.vue
+
+**引用情况**：
+- pages_tool/login/login.vue
+- components/ns-login/ns-login.vue
+
+### 2.25 sx-rate 组件（4次引用）
+
+**文件路径**：components/sx-rate/sx-rate.vue
+
+**引用情况**：
+- pages_tool/order/evaluate.vue
+
+### 2.26 uni-count-down 组件（3次引用）
+
+**文件路径**：uni_modules/uni-count-down/components/uni-count-down/uni-count-down.vue
+
+**引用情况**：
+- pages_goods/detail.vue
+- pages_order/list.vue
+- pages_order/detail.vue
+
+### 2.27 uni-badge 组件（3次引用）
+
+**文件路径**：uni_modules/uni-badge/components/uni-badge/uni-badge.vue
+
+**引用情况**：
+- uni_modules/uni-grid-item/components/uni-grid-item/uni-grid-item.vue
+
+### 2.28 uni-grid 组件（3次引用）
+
+**文件路径**：uni_modules/uni-grid/components/uni-grid/uni-grid.vue
+
+**引用情况**：
+- pages_tool/goods/brand.vue
+
+### 2.29 ns-loading 组件（5次引用）
+
+**文件路径**：components/ns-loading/ns-loading.vue
+
+**引用情况**：
+- pages_tool/ai-chat/ai-chat-message.vue
+- components/mescroll/mescroll-uni.vue
+- components-diy/diy-index-page.vue
+
+### 2.30 ns-goods-action 组件（5次引用）
+
+**文件路径**：components/ns-goods-action/ns-goods-action.vue
+
+**引用情况**：
+- pages_goods/detail.vue
+- components/ns-goods-action-icon/ns-goods-action-icon.vue
+- components/ns-goods-action-button/ns-goods-action-button.vue
+
+### 2.31 ns-chat 组件（5次引用）
+
+**文件路径**：components/ns-chat/
+
+**引用情况**：
+- components/chat-message/chat-message.vue
+
+### 2.32 ns-select-time 组件（3次引用）
+
+**文件路径**：components/ns-select-time/ns-select-time.vue
+
+**引用情况**：
+- pages_order/_components/common-payment/common-payment.vue
+- pages_promotion/point/payment.vue
+
+### 2.33 uv-count-to 组件（3次引用）
+
+**文件路径**：components/uv-count-to/uv-count-to.vue
+
+**引用情况**：
+- components-diy/diy-digit.vue
+
+### 2.34 ns-video-player-popup 组件（3次引用）
+
+**文件路径**：components/ns-video-player-popup/ns-video-player-popup.vue
+
+**引用情况**：
+- pages_tool/contact/contact.vue
+
+### 2.35 l-time 组件（3次引用）
+
+**文件路径**：components/l-time/l-time.vue
+
+**引用情况**：
+- common/css/icondiy.css
+
+### 2.36 pengpai-fadein-out 组件（3次引用）
+
+**文件路径**：components/pengpai-fadein-out/pengpai-fadein-out.vue
+
+**引用情况**：
+- pages_goods/_components/goods-detail-view/goods-detail-view.vue
+
+### 2.37 ns-progress 组件（2次引用）
+
+**文件路径**：components/ns-progress/ns-progress.vue
+
+**引用情况**：
+- pages_tool/member/level.vue
+
+### 2.38 payment 组件（2次引用）
+
+**文件路径**：components/payment/payment.vue
+
+**引用情况**：无直接引用
+
+### 2.39 uni-popup-sku 组件（2次引用）
+
+**文件路径**：uni_modules/uni-popup-sku/components/uni-popup-sku/uni-popup-sku.vue
+
+**引用情况**：无直接引用
+
+### 2.40 uni-popup-sku-category 组件（2次引用）
+
+**文件路径**：uni_modules/uni-popup-sku-category/components/uni-popup-sku-category/uni-popup-sku-category.vue
+
+**引用情况**：无直接引用
+
+### 2.41 uni-datetime-picker 组件（13次引用）
+
+**文件路径**：uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.vue
+
+**引用情况**：
+- components/yuyue-date/yuyue-date.vue
+
+### 2.42 ns-mp-html 组件（1次引用）
+
+**文件路径**：components/ns-mp-html/ns-mp-html.vue
+
+**引用情况**：无引用
+
+### 2.43 wxwork-contact 组件（1次引用）
+
+**文件路径**：components/wxwork-contact/wxwork-contact.vue
+
+**引用情况**：无引用
+
+### 2.44 xiao-star-component 组件（1次引用）
+
+**文件路径**：components/xiao-star-component/xiao-star-component.vue
+
+**引用情况**：无引用
+
+### 2.45 yuyue-date 组件（1次引用）
+
+**文件路径**：components/yuyue-date/yuyue-date.vue
+
+**引用情况**：无引用
+
+### 2.46 uni-nav-bar 组件（1次引用）
+
+**文件路径**：uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue
+
+**引用情况**：无直接引用
+
+### 2.47 uni-number-box 组件（1次引用）
+
+**文件路径**：uni_modules/uni-number-box/components/uni-number-box/uni-number-box.vue
+
+**引用情况**：无直接引用
+
+### 2.48 uni-status-bar 组件（1次引用）
+
+**文件路径**：uni_modules/uni-status-bar/components/uni-status-bar/uni-status-bar.vue
+
+**引用情况**：无直接引用
+
+### 2.49 uni-tag 组件（1次引用）
+
+**文件路径**：uni_modules/uni-tag/components/uni-tag/uni-tag.vue
+
+**引用情况**：无直接引用
+
+### 2.50 mp-html 组件（1次引用）
+
+**文件路径**：uni_modules/mp-html/components/mp-html/mp-html.vue
+
+**引用情况**：无直接引用
+
+### 2.51 uni-scss 组件（1次引用）
+
+**文件路径**：uni_modules/uni-scss/components/uni-scss/
+
+**引用情况**：无直接引用
+
+### 2.52 uni-grid-item 组件（1次引用）
+
+**文件路径**：uni_modules/uni-grid-item/components/uni-grid-item/uni-grid-item.vue
+
+**引用情况**：无直接引用
+
+## 3. 组件使用统计
+
+### 3.1 使用最广泛的组件（前10）
+
+1. loading-cover - 78个引用
+2. uni-popup - 66个引用
+3. mescroll - 63个引用
+4. ns-login - 53个引用
+5. ns-empty - 37个引用
+6. privacy-popup - 26个引用
+7. x-skeleton - 19个引用
+8. ns-goods-sku - 13个引用
+9. to-top - 11个引用
+10. ns-goods-recommend - 10个引用
+
+### 3.2 未被使用的组件
+
+- ns-mp-html
+- wxwork-contact
+- xiao-star-component
+- yuyue-date
+- uni-nav-bar
+- uni-number-box
+- uni-status-bar
+- uni-tag
+- mp-html
+- uni-scss
+
+## 4. 总结
+
+本项目的组件使用情况较为集中，核心组件如 loading-cover、uni-popup、mescroll、ns-login 等被广泛应用于多个页面。同时，也存在部分组件未被使用的情况，这些组件可能是为未来功能预留的，或者是已经被其他组件替代的。
+
+通过本文档，可以清晰了解每个组件的使用范围，为后续的组件优化和维护提供参考。
+
+**更新时间**：2026-01-16
\ No newline at end of file
diff --git a/pages/contact/contact.vue b/pages/contact/contact.vue
deleted file mode 100644
index 62984d6..0000000
--- a/pages/contact/contact.vue
+++ /dev/null
@@ -1,511 +0,0 @@
-<template>
-	<page-meta :page-style="themeColor"></page-meta>
-	<view>
-		<view class="about w100">
-		    <view class="bg border-top"></view>
-		    <view class="list_cotact padding-top">
-		        <view class="container"> 
-					<!-- #ifdef H5 -->
-		            <view class="view_ul view_ul_one clearfix">
-		                <view @click="tapMessage" class="view_li w50_li  text-center" style="background: #1daa39;width: 100%;border-radius: 10rpx;">
-		                    <view class="bl bor" style="box-sizing: border-box;">
-		                        <image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
-		                        <view class="name bl line1" style="margin-top: 6rpx;">在线留言</view>
-		                    </view>
-		                </view>
-		            </view>
-					<!-- <view @click="test()">Test</view> -->
-					<!-- #endif -->
-					<!-- #ifdef MP-WEIXIN -->
-					<view class="view_ul view_ul_one clearfix">
-					    <view class="view_li w50_li  text-center">
-					        <button class="bl bor" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" style="margin: 0;">
-					            <image mode="heightFix" :src="$util.img('public/static/img/kefu.png')"></image>
-					            <view class="name bl line1">专属客服</view>
-					        </button>
-					    </view>
-					    <view @click="tapMessage" class="view_li w50_li  text-center">
-					        <view class="bl bor" style="box-sizing: border-box;">
-					            <image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
-					            <view class="name bl line1" style="margin-top: 6rpx;">在线留言</view>
-					        </view>
-					    </view>
-					</view>
-					<!-- #endif -->
-					
-		            <view class="view_ul_100"  v-for="(item,index)  in dataList" style="margin-bottom: 20rpx;">
-						
-		                <view class="bl clearfix bor bg-white" :style="{backgroundImage:' url('+$util.img(personnel_bg)+')',backgroundSize:'100% 100%'}">
-		                    <view class="fr">
-		                       
-		                        <view class="text" style="font-size: 40rpx;font-weight: 600;color:#333">{{item.realname}}</view>
-								 <view class="text">{{item.position}}</view>
-		                     <!--   <view class="text">{{item.mobile_text}}：{{item.mobile}}</view> -->
-		                        <view class="text" style="padding-bottom:20rpx;color:#0054a5">{{item.address}}</view>
-		                        <view class="contact_name" style="padding-top:30rpx;padding-bottom:0rpx;border-top: solid 1px #eee;font-size:28rpx;display: flex;">
-		                            <image mode="widthFix" :src="$util.img('public/static/img/boda.png')" style="margin-top: 8rpx;margin-right: 10rpx;"></image> 
-									<view style="flex: 1;">{{item.mobile}}</view>
-									<view style="margin-top: 0rpx;margin-left: 10rpx;font-size: 26rpx;color:rgba(71,71,71,.79)" @click="Tel(item.mobile)"><span style="background: #0054a5;color:#fff;padding: 10rpx 30rpx;font-size: 24rpx;border-radius: 50rpx;">一键拨打</span></view>
-								</view>
-								<view class="contact_name" style="padding-top:20rpx;padding-bottom:20rpx;font-size:28rpx;display: flex;">
-								    <image mode="widthFix" :src="$util.img('public/static/img/emall.png')" style="margin-top: 8rpx;margin-right: 10rpx;"></image> 
-									<view style="flex: 1;">{{item.email}}</view>
-									<view style="margin-top: 0rpx;margin-left: 10rpx;font-size: 26rpx;color:rgba(71,71,71,.79)" @click="tomap()"><span style="background: #888;color:#fff;padding: 10rpx 30rpx;font-size: 24rpx;border-radius: 50rpx;">立即导航</span></view>
-								</view>
-		                    </view>
-		                </view>
-		            </view>
-		         <!--   <view class="view_ul view_ul_two clearfix " v-if="dataList.length > 3" >
-		                <view @click="Tel(item.mobile)" class="view_li w50_li" v-for="(item,index)  in dataList" >
-		                    <view class="bl bor" hoverClass="none" url="" style="box-shadow: 5rpx 5rpx 10rpx #dcdcdc;height: 230rpx;position: relative;">
-		                        <view class="contact_name"  v-if="item.position">{{item.position_text}}：{{item.position}}</view>
-		                        <view class="contact_name">{{item.title_text}}：{{item.realname}}</view>
-		                        <view class="contact_name">{{item.mobile_text}}：{{item.mobile}}</view>
-		                        <view class="contact_name" style="padding-bottom:10rpx;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{item.address_text}}：{{item.address}}</view>
-		                        <view class="contact_name" style="padding-top:10rpx;padding-bottom:0rpx;border-top: solid 1px #eee;position: absolute;bottom: 0;display: flex">
-									<image mode="widthFix":src="$util.img('public/static/img/boda.png')"></image>
-									<view style="margin-top: -6rpx;margin-left: 10rpx;font-size: 24rpx;color:rgba(71,71,71,.79)">点击拨打电话</view>
-								</view>
-		                    </view>
-		                </view>
-		            </view> -->
-		          <map
-						v-if="shop.longitude>0 && shop.latitude >0 && ismessage == 0"
-						id="map"
-						style="width: 100%; height:400rpx"
-						scale="12"
-						:markers="markers"
-						bindupdated="bindupdated"
-						:longitude="shop.longitude"
-						:latitude="shop.latitude"
-						show-location>
-						<cover-view style="position:absolute;right:10px;bottom:30rpx;z-index:9;background:#4d83ff;padding:5px 10px;wxcs_style_padding:10rpx 20rpx;border-radius:8rpx;color: #fff;" @click="tomap" ><cover-view style="font-size:24rpx">一键导航</cover-view>
-						</cover-view>    
-		            </map>
-		        </view>
-		
-		    </view>
-		
-		  <!--  <view wx:if="landline !=0">
-		        <button bindtap="contact">
-		            <view class="message">
-		                <image mode="widthFix" src="{{contactbg}}"></image>
-		            </view>
-		        </button>
-		    </view> -->
-		</view>
-		<!--留言弹窗--> 
-		<view class="goods-sku">
-			<uni-popup ref="informationPopup" type="bottom" @change="change">
-				<view class="liuyan-popup-layer popup-layer" >
-					<view class="head-wrap" @click="closeinformationPopup()">
-						<text>在线留言</text>
-						<text class="iconfont icon-close"></text>
-					</view>
-					<scroll-view scroll-y class="liuyan-body" >
-						<view style="padding: 0 30rpx;">
-							<view class="fui-cell-group">
-								<view class="fui-cell  ">
-									<view class="fui-cell-label ">姓名</view>
-									<view class="fui-cell-info">
-										<input v-model="Form.realname" class="fui-input" placeholder="请输入您的姓名" value=""></input>
-									</view>
-								</view>
-								<view class="fui-cell ">
-									<view class="fui-cell-label">联系方式</view>
-									<view class="fui-cell-info">
-										<input v-model="Form.mobile" class="fui-input" maxlength="11" placeholder="请输入您的手机号" type="number" ></input>
-									</view>
-								</view>
-								<view class="fui-cell ">
-									<view class="fui-cell-label" style="position: absolute;top:10px">留言内容</view>
-									<view class="fui-cell-info" style="margin-left: 160rpx;border: solid 2rpx #eee;">
-										<!-- <input v-model="Form.mailbox"  class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
-										<textarea class="textarea" v-model="Form.remark" placeholder="请输入留言内容" style="font-size: 28rpx;padding: 10rpx;"></textarea>
-									</view>
-								</view>
-							</view>
-						</view>
-					</scroll-view>
-					<view class="button-box"><button type="primary" @click="save()">提交</button></view>
-				</view>
-			</uni-popup>
-		</view>
-	</view>
-	<hover-nav></hover-nav>
-	<diy-bottom-nav></diy-bottom-nav>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			dataList: [],
-			ismessage:0,
-			Form:{
-				realname:'',
-				mobile:'',
-				remark:''
-				
-			},
-			markers:[
-				{
-					id:1,
-				/*	width:20, //宽度
-					height:20, //高度*/
-				//	iconPath: '../../static/goal_weizhi.png', //目标位置图标路径
-					//这里的经纬度是 目的地 的经纬度
-					latitude:0,
-					longitude:0,
-					callout:{
-					/* 	title:123,
-						content:'123' */
-					}
-				}
-			],
-			landline:0,
-			shop:{
-				latitude:0,
-				longitude:0,
-			},
-			personnel_bg:''
-		};
-	},
-	onLoad(option) {
-		//刷新多语言
-		this.$langConfig.refresh();
-		this.$api.sendRequest({
-			url: '/api/member/personnel',
-			success: res => {
-				if (res.code == 0) {
-					this.dataList = res.data
-					this.shop = res.shop
-					this.personnel_bg = res.set.personnel_bg?res.set.personnel_bg:'public/static/img/diy_view/member_info_bg.png'
-					this.markers = [{
-						id:1,
-						//iconPath:'http://saas.cn//public/static/img/kefu.png',
-						latitude:this.shop.latitude,
-						longitude:this.shop.longitude
-					}]
-				}
-			},
-			fail: res => {
-			}
-		});
-	},
-	methods: {
-		test(){ 
-				//     channelReady(function(bAvailable) {
-				//         alert('是否存在框架服务：' + bAvailable)
-				//       })
-				// window.location.href = 'https://hapjs.org/app//[path][?key=value] hap://app//[path][?key=value] '
-				//参数说明： package: 应用包名，必选 path: 应用内页面的 path，可选，默认为首页 key-value: 希望传给页面的参数，可选，可以有多个
-
-			   // const isQuickAppEnv = navigator.userAgent.includes('HuaweiQuickApp');
-			   // let quickAppBridge;
-			   // console.log(window.quickapp)
-			   // if (isQuickAppEnv) {
-			   //   quickAppBridge = window.quickapp;
-			   // }
-			   // quickAppBridge.invoke('startQuickAppPage', { page: '/NativePage' });
-		   // window.postMessage({ action: 'someAction', data: 'some data' }, '*');
-		   // window.open('https://xcx10.5g-quickapp.com/test.php')
-		},
-		save(){
-			this.$api.sendRequest({
-				url: '/api/member/message',
-				data:this.Form,
-				success: res => {
-					this.$refs.informationPopup.close();
-					this.$util.showToast({
-						title: res.message
-					});
-				},
-				fail: res => {
-				}
-			});
-		},
-		change(e){
-			console.log(e)
-			this.ismessage = e.show?1:0
-		},
-		//留言打开
-		tapMessage(){
-			this.ismessage = 1
-			this.$refs.informationPopup.open();
-		},
-		//留言关闭
-		closeinformationPopup(){
-			this.ismessage = 0
-			this.$refs.informationPopup.close();
-		},
-		Tel(m){
-			uni.makePhoneCall({
-				phoneNumber:m+'',
-				success(e) {
-					console.log(e)
-				}
-			})
-		},
-		copy(text){
-			  uni.setClipboardData({
-			    data: text,
-			    success: function () {
-			      console.log('复制成功');
-			      // 可以添加用户友好的提示，例如使用uni.showToast提示复制成功
-			      uni.showToast({
-			        title: '复制成功',
-			        icon: 'success',
-			        duration: 2000
-			      });
-			    },
-			    fail: function () {
-			      console.log('复制失败');
-			      // 可以添加错误处理或用户友好的提示
-			    }
-			  });
-		},
-		tomap(){
-			  uni.openLocation({
-				latitude: parseFloat(this.shop.latitude),
-				longitude: parseFloat(this.shop.longitude),
-				name:"一键导航",
-			  })
-		}
-	}
-};
-</script>
-
-<style lang="scss">
-// 留言
-.liuyan-popup-layer {
-	height: 660rpx;
-	.free-tip {
-		min-width: 72rpx;
-		height: 36rpx;
-		line-height: 36rpx;
-		text-align: center;
-		border: none;
-		padding: 8rpx 8rpx;
-		border-radius: $border-radius;
-		margin-right: 20rpx;
-		font-size: $font-size-activity-tag;
-		display: inline-block;
-		font-weight: bold;
-		color: var(--main-color);
-		background-color: var(--main-color-shallow);
-	}
-	.liuyan-body {
-		position: absolute;
-		left: 0;
-		right: 0;
-		height: 60%;
-		.item {
-			padding: $padding 0;
-			margin: 0 30rpx;
-			border-bottom: 1px solid $color-line;
-			.value {
-				margin-left: 20rpx;
-			}
-			&:last-child {
-				border-bottom: 0;
-			}
-		}
-	}
-}
-.popup-layer {
-	background: #fff;
-	.head-wrap {
-		font-size: $font-size-toolbar;
-		line-height: 100rpx;
-		height: 100rpx;
-		display: block;
-		text-align: center;
-		.iconfont {
-			position: absolute;
-			float: right;
-			right: 44rpx;
-			font-size: $font-size-toolbar;
-		}
-	}
-	.button-box {
-		width: 100%;
-		position: absolute;
-		bottom: 0;
-		z-index: 1;
-		margin-bottom: 30rpx;
-		button {
-			height: 80rpx;
-			background-color: var(--goods-btn-color);
-		}
-	}
-}
-button, image, input, label, navigator, scroll-view, swiper, textarea, view {
-    box-sizing: border-box;
-}
-.w100 {
-    width: 100%;
-	padding-bottom: 60rpx;
-}
-.bg {
-   /* background: #5dc2d0;*/
-}
-.border-top {
-    border-top: 1px solid rgba(78,78,78,.1);
-}
-.padding-top {
-    padding-top: 30rpx;
-}
-.container {
-    align-items: center;
-    box-sizing: border-box;
-    flex-direction: column;
-    height: 100%;
-    justify-content: space-between;
-    padding: 0 30rpx;
-    width: 100%!important;
-}
-.clearfix {
-    zoom: 1;
-    overflow: hidden;
-}
-.text-center {
-    text-align: center;
-}
-.w50_li {
-    float: left;
-    margin-bottom: 20rpx;
-    width: 50%;
-}
-.w50_li:nth-child(odd) {
-    padding-right: 20rpx;
-}
-.bl {
-    display: block;
-}
-.bor {
-    border-radius: 10rpx;
-}
-image {
-    display: inline-block;
-    max-width: 100%;
-    position: relative;
-    z-index: 0;
-}
-image {
-    max-width: 100%;
-}
-.bl {
-    display: block;
-}
-.line1 {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-/*--当前页面css--*/
-
-.list_cotact .view_ul_one .bor {
-    padding: 40rpx;
-}
-
-.list_cotact .bor image {
-    height: 60rpx;
-}
-
-.list_cotact .bor .name,.view_ul_100 .name {
-    font-size: 32rpx;
-    line-height: 44rpx;
-    margin-top: 20rpx;
-    color:#fff
-}
-
-.list_cotact .view_ul_one .view_li:nth-child(1)>button {
-    background: #0054a5;
-    height: 200rpx;
-    line-height: 20rpx;
-}
-
-.list_cotact .view_ul_one .view_li:nth-child(2) {
-    background: #1daa39;
-    height: 200rpx;
-    line-height: 20rpx;
-	border-radius: 10rpx;
-}
-
-.view_ul_100 .fl {
-    width: 10%;
-}
-
-.view_ul_100 .fr {
-  /*  padding-left: 30rpx;*/
-    width: 100%;
-}
-
-.view_ul_100>view {
-    background: #fff;
-    // box-shadow: 5rpx 5rpx 10rpx #dcdcdc;
-}
-
-.view_ul_100 .text {
-    color: rgba(71,71,71,.79);
-    font-size: 24rpx;
-    margin-top: 10rpx;
-}
-
-.list_cotact .view_ul_100 .name {
-    margin-top: 0;
-}
-
-.list_cotact .view_ul_100>view {
-    padding: 20rpx 30rpx 0rpx 30rpx;
-}
-
-.list_cotact .view_ul_two .view_li>view {
-    background-color: #fff;
-    padding: 20rpx 30rpx 0rpx 30rpx;
-}
-
-.list_cotact .view_ul_two .view_li>view .address {
-    background-color: #5dc2d0;
-    color: #fff;
-    display: inline-block;
-    font-size: 28rpx;
-    line-height: 48rpx;
-    margin-bottom: 30rpx;
-    padding: 0 30rpx;
-    width: auto;
-}
-
-.view_ul_two {
-    margin-top: 20rpx;
-}
-
-.contact_name {
-    color: rgba(71,71,71,.79);
-    font-size: 24rpx;
-    line-height: 36rpx;
-    padding-left: 0rpx;
-}
-
-.contact_name image {
-    opacity: .79;
-    width: 30rpx;
-}
-
-
-
-.message {
-    /* background-color: rgba(0,0,0,.8); */
-    border-radius: 50%;
-    bottom: 50%;
-    height: 90rpx;
-    line-height: 74rpx;
-    position: fixed;
-    right: 30rpx;
-    text-align: center;
-    width: 90rpx;
-    z-index: 9999;
-}
-</style>
diff --git a/components/goods-detail-view/detail.js b/pages_goods/_components/goods-detail-view/detail.js
similarity index 100%
rename from components/goods-detail-view/detail.js
rename to pages_goods/_components/goods-detail-view/detail.js
diff --git a/components/goods-detail-view/goods-detail-view.vue b/pages_goods/_components/goods-detail-view/goods-detail-view.vue
similarity index 75%
rename from components/goods-detail-view/goods-detail-view.vue
rename to pages_goods/_components/goods-detail-view/goods-detail-view.vue
index 3a6a6cb..0020ac9 100644
--- a/components/goods-detail-view/goods-detail-view.vue
+++ b/pages_goods/_components/goods-detail-view/goods-detail-view.vue
@@ -3,16 +3,21 @@
         <view scroll-y="true" class="goods-detail" :class="isIphoneX ? 'active' : ''">
             <view class="goods-container">
                 <!-- 弹幕 -->
-                <pengpai-fadein-out v-if="goodsSkuDetail.barrage_show && goodsSkuDetail.barrageData" ref="pengpai" :duration="1600" :wait="1900" :top="200" :left="0" :radius="60" :loop="true" :info="goodsSkuDetail.barrageData"/>
+                <pengpai-fadein-out v-if="goodsSkuDetail.barrage_show && goodsSkuDetail.barrageData" ref="pengpai"
+                    :duration="1600" :wait="1900" :top="200" :left="0" :radius="60" :loop="true"
+                    :info="goodsSkuDetail.barrageData" />
 
                 <!-- 商品媒体信息 -->
-                <view class="goods-media" :style="{height: goodsSkuDetail.swiperHeight}">
+                <view class="goods-media" :style="{ height: goodsSkuDetail.swiperHeight }">
                     <!-- 商品图片 -->
                     <view class="goods-img" :class="{ show: switchMedia == 'img' }">
-                        <swiper class="swiper" @change="swiperChange" :interval="swiperInterval" :autoplay="swiperAutoplay" autoplay="true" interval="4000" circular="true">
-                            <swiper-item v-for="(item, index) in goodsSkuDetail.sku_images" :key="index" :item-id="'goods_id_' + index">
+                        <swiper class="swiper" @change="swiperChange" :interval="swiperInterval"
+                            :autoplay="swiperAutoplay" autoplay="true" interval="4000" circular="true">
+                            <swiper-item v-for="(item, index) in goodsSkuDetail.sku_images" :key="index"
+                                :item-id="'goods_id_' + index">
                                 <view class="item" @click="previewMedia(index)">
-                                    <image :src="$util.img(item, { size: 'big' })" @error="swiperImageError(index)" mode="aspectFit" />
+                                    <image :src="$util.img(item, { size: 'big' })" @error="swiperImageError(index)"
+                                        mode="aspectFit" />
                                 </view>
                             </swiper-item>
                         </swiper>
@@ -24,13 +29,16 @@
 
                     <!-- 商品视频 -->
                     <view class="goods-video" :class="{ show: switchMedia == 'video' }">
-                        <video id="goodsVideo" :src="$util.img(goodsSkuDetail.video_url)" :poster="$util.img(goodsSkuDetail.sku_image, { size: 'big' })" objectFit="cover"></video>
+                        <video id="goodsVideo" :src="$util.img(goodsSkuDetail.video_url)"
+                            :poster="$util.img(goodsSkuDetail.sku_image, { size: 'big' })" objectFit="cover"></video>
                     </view>
 
                     <!-- 切换视频、图片 -->
                     <view class="media-mode" v-if="goodsSkuDetail.video_url != ''">
-                        <text :class="{ 'color-base-bg': switchMedia == 'video' }" @click="switchMedia = 'video'">{{ $lang('video') }}</text>
-                        <text :class="{ 'color-base-bg': switchMedia == 'img' }" @click="(switchMedia = 'img'), videoContext.pause()">{{ $lang('image') }}</text>
+                        <text :class="{ 'color-base-bg': switchMedia == 'video' }" @click="switchMedia = 'video'">{{
+                            $lang('video') }}</text>
+                        <text :class="{ 'color-base-bg': switchMedia == 'img' }"
+                            @click="(switchMedia = 'img'), videoContext.pause()">{{ $lang('image') }}</text>
                     </view>
                 </view>
 
@@ -40,19 +48,20 @@
                 </view>
 
                 <view class="newdetail margin-bottom" v-if="goodsSkuDetail.isinformation == 0">
-					
+
                     <!-- 入口区域 -->
                     <slot name="entrance"></slot>
 
                     <!-- 配送 -->
-				<!-- 	@click="$refs.deliveryType.open()" -->
-                    <view class="item delivery-type" v-if="goodsSkuDetail.is_virtual == 0" >
-                        <view class="label">{{$lang('send')}}</view>
+                    <!-- 	@click="$refs.deliveryType.open()" -->
+                    <view class="item delivery-type" v-if="goodsSkuDetail.is_virtual == 0">
+                        <view class="label">{{ $lang('send') }}</view>
                         <block v-if="deliveryType">
                             <view class="box">
                                 <block v-for="(item, index) in deliveryType" :key="index">
-                                    <text v-if="goodsSkuDetail.support_trade_type.indexOf(index) != -1">{{$lang('express')}}</text>
-								<!-- 	{{ item.name }} -->
+                                    <text
+                                        v-if="goodsSkuDetail.support_trade_type.indexOf(index) != -1">{{ $lang('express') }}</text>
+                                    <!-- 	{{ item.name }} -->
                                 </block>
                             </view>
                             <text class="iconfont icon-right"></text>
@@ -63,7 +72,7 @@
                     </view>
 
                     <!-- 门店 -->
-               <!--     <view class="item store-wrap" @click="openStoreListPopup()" v-if="addonIsExist.store && globalStoreInfo && isShowStore">
+                    <!--     <view class="item store-wrap" @click="openStoreListPopup()" v-if="addonIsExist.store && globalStoreInfo && isShowStore">
                         <view class="label">门店</view>
                         <view class="list-wrap">
                             <view class="name-wrap">
@@ -80,15 +89,21 @@
                         <text class="iconfont icon-right"></text>
                     </view> -->
 
-                    <view class="item service" @click="openMerchantsServicePopup()" v-if="goodsSkuDetail.goods_service.length">
+                    <view class="item service" @click="openMerchantsServicePopup()"
+                        v-if="goodsSkuDetail.goods_service.length">
                         <view class="label">服务</view>
                         <view class="list-wrap">
-                            <view class="item-wrap" v-for="(item, index) in goodsSkuDetail.goods_service" :key="index" v-if="index < 3">
+                            <view class="item-wrap" v-for="(item, index) in goodsSkuDetail.goods_service" :key="index"
+                                v-if="index < 3">
                                 <view class="item-wrap-box">
                                     <view class="item-wrap-icon">
-                                        <text class="iconfont icon-dui" v-if="!item.icon || (!item.icon.imageUrl && !item.icon.icon)"></text>
-                                        <image class="icon-img" v-else-if="item.icon.iconType == 'img'" :src=" $util.img(item.icon.imageUrl)" />
-                                        <diy-icon class="icon-box" v-else-if="item.icon.iconType == 'icon'" :icon="item.icon.icon" :value="item.icon.style ? item.icon.style : null"></diy-icon>
+                                        <text class="iconfont icon-dui"
+                                            v-if="!item.icon || (!item.icon.imageUrl && !item.icon.icon)"></text>
+                                        <image class="icon-img" v-else-if="item.icon.iconType == 'img'"
+                                            :src="$util.img(item.icon.imageUrl)" />
+                                        <diy-icon class="icon-box" v-else-if="item.icon.iconType == 'icon'"
+                                            :icon="item.icon.icon"
+                                            :value="item.icon.style ? item.icon.style : null"></diy-icon>
                                     </view>
                                     <text>{{ item.service_name }}</text>
                                 </view>
@@ -96,30 +111,32 @@
                         </view>
                         <text class="iconfont icon-right"></text>
                     </view>
-		
+
                 </view>
-				
-				<!--多规格区域-->
-				<view class="newdetail margin-bottom"  v-if="goodsSkuDetail.sku_spec_format">
-				    <!-- 入口区域 -->
-				  	<slot name="skuspec"></slot>
-				</view>
-			
-				 
-				 <view class="newdetail margin-bottom" v-if="goodsSkuDetail.merch_id > 0">
+
+                <!--多规格区域-->
+                <view class="newdetail margin-bottom" v-if="goodsSkuDetail.sku_spec_format">
+                    <!-- 入口区域 -->
+                    <slot name="skuspec"></slot>
+                </view>
+
+
+                <view class="newdetail margin-bottom" v-if="goodsSkuDetail.merch_id > 0">
                     <!-- 入口区域 -->
                     <slot name="entrance"></slot>
                     <!-- 商家 -->
-                   <view class="item store-wrap"  @click="$util.redirectTo('/pages_promotion/merch/detail', { merch_id: goodsSkuDetail.merch_id })">
+                    <view class="item store-wrap"
+                        @click="$util.redirectTo('/pages_promotion/merch/detail', { merch_id: goodsSkuDetail.merch_id })">
                         <view class="list-wrap" style="display: flex;">
                             <view class="name-wrap">
-								<image :src="$util.img(goodsSkuDetail.merchinfo.merch_image)" mode="widthFix" style="width: 100rpx;height: 100rpx;border-radius: 50rpx;"></image>
+                                <image :src="$util.img(goodsSkuDetail.merchinfo.merch_image)" mode="widthFix"
+                                    style="width: 100rpx;height: 100rpx;border-radius: 50rpx;"></image>
                             </view>
-                           <view class="other-wrap">
-                               <view class="address" style="margin-left: 30rpx;">
-								   <view>{{goodsSkuDetail.merchinfo.merch_name}}</view>
-								   <view style="font-size: 24rpx;color: #888;">官方认证商家，值得信赖！</view>
-							   </view>
+                            <view class="other-wrap">
+                                <view class="address" style="margin-left: 30rpx;">
+                                    <view>{{ goodsSkuDetail.merchinfo.merch_name }}</view>
+                                    <view style="font-size: 24rpx;color: #888;">官方认证商家，值得信赖！</view>
+                                </view>
                             </view>
                         </view>
                         <text class="iconfont icon-right"></text>
@@ -136,7 +153,8 @@
                             </view>
                             <scroll-view scroll-y class="type-body">
                                 <block v-for="(item, index) in deliveryType" :key="index">
-                                    <view class="type-item" :class="{ 'not-support': goodsSkuDetail.support_trade_type.indexOf(index) == -1 }">
+                                    <view class="type-item"
+                                        :class="{ 'not-support': goodsSkuDetail.support_trade_type.indexOf(index) == -1 }">
                                         <text class="iconfont" :class="item.icon"></text>
                                         <view class="content">
                                             <view class="title">{{ item.name }}</view>
@@ -158,11 +176,16 @@
                                 <text class="iconfont icon-close"></text>
                             </view>
                             <scroll-view scroll-y>
-                                <view class="item" :class="{ 'empty-desc': !item.desc }" v-for="(item, index) in goodsSkuDetail.goods_service" :key="index">
-                                    <view class="item-icon" :class="{'empty-desc':!item.desc}">
-                                        <text class="iconfont icon-dui color-base-text" v-if="!item.icon || (!item.icon.imageUrl && !item.icon.icon)"></text>
-                                        <image class="icon-img" v-else-if="item.icon.iconType == 'img'" :src=" $util.img(item.icon.imageUrl)" />
-                                        <diy-icon class="icon-box" v-else-if="item.icon.iconType == 'icon'" :icon="item.icon.icon" :value="item.icon.style ? item.icon.style : null"></diy-icon>
+                                <view class="item" :class="{ 'empty-desc': !item.desc }"
+                                    v-for="(item, index) in goodsSkuDetail.goods_service" :key="index">
+                                    <view class="item-icon" :class="{ 'empty-desc': !item.desc }">
+                                        <text class="iconfont icon-dui color-base-text"
+                                            v-if="!item.icon || (!item.icon.imageUrl && !item.icon.icon)"></text>
+                                        <image class="icon-img" v-else-if="item.icon.iconType == 'img'"
+                                            :src="$util.img(item.icon.imageUrl)" />
+                                        <diy-icon class="icon-box" v-else-if="item.icon.iconType == 'icon'"
+                                            :icon="item.icon.icon"
+                                            :value="item.icon.style ? item.icon.style : null"></diy-icon>
                                     </view>
                                     <view class="info-wrap">
                                         <text class="title">{{ item.service_name }}</text>
@@ -187,17 +210,19 @@
                             </view>
                             <scroll-view scroll-y>
                                 <view class="store-list-content">
-                                    <view class="list-item" v-for="(item, index) in storeList.data" :key="index" @click="selectStore(item)">
+                                    <view class="list-item" v-for="(item, index) in storeList.data" :key="index"
+                                        @click="selectStore(item)">
                                         <view class="item-box">
                                             <view class="item-image">
-                                                <image :src="$util.img(item.store_image)" v-if="item.store_image"/>
-                                                <image :src="$util.getDefaultImage().store" v-else/>
+                                                <image :src="$util.img(item.store_image)" v-if="item.store_image" />
+                                                <image :src="$util.getDefaultImage().store" v-else />
                                             </view>
                                             <view class="item-info">
                                                 <view class="item-title">
                                                     <text class="title">{{ item.store_name }}</text>
                                                     <text class="distance color-base-text" v-if="item.distance">
-                                                        距离{{ item.distance > 1 ? item.distance + 'km' : item.distance * 1000 + 'm' }}
+                                                        距离{{ item.distance > 1 ? item.distance + 'km' : item.distance *
+                                                        1000 + 'm' }}
                                                     </text>
                                                 </view>
                                                 <view class="item-time" v-if="item.open_date">营业时间：{{ item.open_date }}
@@ -228,7 +253,7 @@
                 </view>
 
                 <!-- 促销 -->
-            <!--    <view class="community-model" @touchmove.prevent.stop @click.stop="onCloseCommunity()" v-show="isCommunity">
+                <!--    <view class="community-model" @touchmove.prevent.stop @click.stop="onCloseCommunity()" v-show="isCommunity">
                     <view class="community-model-content" @click.stop>
                         <view class="community-model-content-radius">
                             <view>添加社群</view>
@@ -247,7 +272,8 @@
                 <slot name="articipation"></slot>
 
                 <!-- 商品评价 -->
-                <view class="group-wrap" v-if="evaluateConfig.evaluate_show == 1 && goodsSkuDetail.isinformation == 0" style="display: none;">
+                <view class="group-wrap" v-if="evaluateConfig.evaluate_show == 1 && goodsSkuDetail.isinformation == 0"
+                    style="display: none;">
                     <view class="goods-evaluate" @click="toEvaluateDetail(goodsSkuDetail.goods_id)">
                         <view class="tit">
                             <!-- <view class="tit" :class="{ active: goodsEvaluate.content }"> -->
@@ -268,12 +294,18 @@
                             <view class="evaluator">
                                 <view class="evaluator-info">
                                     <view class="evaluator-face">
-                                        <image v-if="item.member_headimg" :src="$util.img(item.member_headimg)" @error="item.member_headimg = $util.getDefaultImage().head" mode="aspectFill" />
-                                        <image v-else :src="$util.getDefaultImage().head" @error="item.member_headimg = $util.getDefaultImage().head" mode="aspectFill" />
+                                        <image v-if="item.member_headimg" :src="$util.img(item.member_headimg)"
+                                            @error="item.member_headimg = $util.getDefaultImage().head"
+                                            mode="aspectFill" />
+                                        <image v-else :src="$util.getDefaultImage().head"
+                                            @error="item.member_headimg = $util.getDefaultImage().head"
+                                            mode="aspectFill" />
                                     </view>
                                     <view class="evaluator-name-wrap">
-                                        <text class="evaluator-name using-hidden" v-if="item.member_name.length > 2 && item.is_anonymous == 1">
-                                            {{ item.member_name[0] }}***{{ item.member_name[item.member_name.length - 1] }}
+                                        <text class="evaluator-name using-hidden"
+                                            v-if="item.member_name.length > 2 && item.is_anonymous == 1">
+                                            {{ item.member_name[0] }}***{{ item.member_name[item.member_name.length - 1]
+                                            }}
                                         </text>
                                         <text class="evaluator-name using-hidden" v-else>{{ item.member_name }}</text>
                                         <view v-if="item.scores" class="evaluator-xing">
@@ -286,7 +318,8 @@
                             <view class="cont margin-top">{{ item.content }}</view>
                             <scroll-view scroll-x="true">
                                 <view class="evaluate-img" v-if="item.images">
-                                    <view class="img-box" v-for="(img, img_index) in item.images" :key="img_index" @click="previewEvaluate(index, img_index, 'images')">
+                                    <view class="img-box" v-for="(img, img_index) in item.images" :key="img_index"
+                                        @click="previewEvaluate(index, img_index, 'images')">
                                         <image :src="$util.img(img)" mode="aspectFill" />
                                     </view>
                                 </view>
@@ -294,8 +327,9 @@
                         </view>
                     </view>
                 </view>
-				
-                <view class="goods-attr" v-if="goodsSkuDetail.goods_attr_format && goodsSkuDetail.goods_attr_format.length > 0">
+
+                <view class="goods-attr"
+                    v-if="goodsSkuDetail.goods_attr_format && goodsSkuDetail.goods_attr_format.length > 0">
                     <view class="title">规格属性</view>
                     <view class="attr-wrap">
                         <block v-for="(item, index) in goodsSkuDetail.goods_attr_format" :key="index">
@@ -304,7 +338,8 @@
                                 <text class="value-name">{{ item.attr_value_name }}</text>
                             </view>
                         </block>
-                        <view class="attr-action" v-if="goodsSkuDetail.goods_attr_format.length > 4" @click="switchGoodsAttr">
+                        <view class="attr-action" v-if="goodsSkuDetail.goods_attr_format.length > 4"
+                            @click="switchGoodsAttr">
                             <block v-if="!goodsAttrShow">
                                 展开<text class="iconfont icon-iconangledown"></text>
                             </block>
@@ -315,24 +350,25 @@
                     </view>
                 </view>
 
-				
+
 
                 <!-- 详情 -->
                 <view class="goods-detail-tab">
                     <view class="detail-tab">
-                        <view class="tab-item">{{$lang('details')}}</view>
+                        <view class="tab-item">{{ $lang('details') }}</view>
                     </view>
                     <view class="detail-content active">
                         <view class="detail-content-item">
                             <view class="goods-details" v-if="goodsSkuDetail.goods_content">
-                     <!--           <rich-text :nodes="goodsSkuDetail.goods_content" @click="showImg($event)" :data-nodes="goodsSkuDetail.goods_content"></rich-text> -->
-			<!-- 		 {{goodsSkuDetail.goods_content}} -->
-									<mp-html :content="goodsSkuDetail.goods_content" />
-									<!-- :loading="loading" @preview="preview" @navigate="navigate" -->
+                                <!--           <rich-text :nodes="goodsSkuDetail.goods_content" @click="showImg($event)" :data-nodes="goodsSkuDetail.goods_content"></rich-text> -->
+                                <!-- 		 {{goodsSkuDetail.goods_content}} -->
+                                <mp-html :content="goodsSkuDetail.goods_content" />
+                                <!-- :loading="loading" @preview="preview" @navigate="navigate" -->
                             </view>
                             <view class="goods-details active" v-else></view>
                             <view class="goods-details" v-if="service && service.is_display == 1 && service.content">
-                                <rich-text :nodes="service.content" @click="showImg($event)" :data-nodes="service.content"></rich-text>
+                                <rich-text :nodes="service.content" @click="showImg($event)"
+                                    :data-nodes="service.content"></rich-text>
                             </view>
                         </view>
                     </view>
@@ -419,25 +455,30 @@
 </template>
 
 <script>
-    // 商品详情视图
-    import scroll from '@/common/js/scroll-view.js';
-    import detail from './detail.js';
+// 商品详情视图
+import scroll from '@/common/js/scroll-view.js';
+import detail from './detail.js';
 
-    export default {
-        name: 'goods-detail-view',
-        props: {
-            goodsSkuDetail: {
-                type: Object,
-                default: () => {
-                    return {};
-                }
+import pengpaiFadeinOut from '../pengpai-fadein-out/pengpai-fadein-out.vue';
+
+export default {
+    name: 'goods-detail-view',
+    props: {
+        goodsSkuDetail: {
+            type: Object,
+            default: () => {
+                return {};
             }
-        },
-        mixins: [scroll, detail]
-    };
+        }
+    },
+    components: {
+        pengpaiFadeinOut
+    },
+    mixins: [scroll, detail]
+};
 </script>
 
 <style lang="scss">
-    @import '@/common/css/goods_detail.scss';
+@import '@/common/css/goods_detail.scss';
 </style>
 <style scoped></style>
\ No newline at end of file
diff --git a/components/ns-goods-promotion/ns-goods-promotion.vue b/pages_goods/_components/ns-goods-promotion/ns-goods-promotion.vue
similarity index 100%
rename from components/ns-goods-promotion/ns-goods-promotion.vue
rename to pages_goods/_components/ns-goods-promotion/ns-goods-promotion.vue
diff --git a/components/pengpai-fadein-out/pengpai-fadein-out.vue b/pages_goods/_components/pengpai-fadein-out/pengpai-fadein-out.vue
similarity index 100%
rename from components/pengpai-fadein-out/pengpai-fadein-out.vue
rename to pages_goods/_components/pengpai-fadein-out/pengpai-fadein-out.vue
diff --git a/pages_goods/detail.vue b/pages_goods/detail.vue
index 2328b31..5e7d1f1 100644
--- a/pages_goods/detail.vue
+++ b/pages_goods/detail.vue
@@ -519,12 +519,19 @@
 </template>
 
 <script>
-import detail from './public/js/detail.js';
 import scroll from '@/common/js/scroll-view.js';
-import goodsDetailBase from '@/common/js/goods_detail_base.js';
+import base from '@/common/js/goods_detail_base.js';
+import detail from './public/js/detail.js';
+
+import goodsDetailView from './_components/goods-detail-view/goods-detail-view.vue';
+import nsGoodsPromotion from './_components/ns-goods-promotion/ns-goods-promotion.vue';
 
 export default {
-	mixins: [goodsDetailBase, detail, scroll]
+	components: {
+		goodsDetailView,
+		nsGoodsPromotion
+	},
+	mixins: [base, detail, scroll]
 };
 </script>
 <style lang="scss">
diff --git a/components/common-payment/common-payment.vue b/pages_order/_components/common-payment/common-payment.vue
similarity index 99%
rename from components/common-payment/common-payment.vue
rename to pages_order/_components/common-payment/common-payment.vue
index b92f879..974612b 100644
--- a/components/common-payment/common-payment.vue
+++ b/pages_order/_components/common-payment/common-payment.vue
@@ -635,9 +635,6 @@
 
 <script>
 	import payment from './payment.js';
-
-
-
 	export default {
 		name: 'common-payment',
 		data() {
diff --git a/components/common-payment/payment.js b/pages_order/_components/common-payment/payment.js
similarity index 100%
rename from components/common-payment/payment.js
rename to pages_order/_components/common-payment/payment.js
diff --git a/pages_order/payment.vue b/pages_order/payment.vue
index be4f9c6..8e41120 100644
--- a/pages_order/payment.vue
+++ b/pages_order/payment.vue
@@ -5,7 +5,12 @@
 </template>
 
 <script>
+import commonPayment from './_components/common-payment/common-payment.vue';
+
 export default {
+	components: {
+		commonPayment
+	},
 	data() {
 		return {
 			api: {
diff --git a/components/img-cropping/img-cropping.vue b/pages_tool/_components/img-cropping/img-cropping.vue
similarity index 100%
rename from components/img-cropping/img-cropping.vue
rename to pages_tool/_components/img-cropping/img-cropping.vue
diff --git a/components/myp-one/myp-one.vue b/pages_tool/_components/myp-one/myp-one.vue
similarity index 100%
rename from components/myp-one/myp-one.vue
rename to pages_tool/_components/myp-one/myp-one.vue
diff --git a/components/ns-birthday-gift/ns-birthday-gift.vue b/pages_tool/_components/ns-birthday-gift/ns-birthday-gift.vue
similarity index 100%
rename from components/ns-birthday-gift/ns-birthday-gift.vue
rename to pages_tool/_components/ns-birthday-gift/ns-birthday-gift.vue
diff --git a/components/ns-new-gift/ns-new-gift.vue b/pages_tool/_components/ns-new-gift/ns-new-gift.vue
similarity index 100%
rename from components/ns-new-gift/ns-new-gift.vue
rename to pages_tool/_components/ns-new-gift/ns-new-gift.vue
diff --git a/components/ns-newform/ns-newform.vue b/pages_tool/_components/ns-newform/ns-newform.vue
similarity index 100%
rename from components/ns-newform/ns-newform.vue
rename to pages_tool/_components/ns-newform/ns-newform.vue
diff --git a/components/sx-rate/common.js b/pages_tool/_components/sx-rate/common.js
similarity index 100%
rename from components/sx-rate/common.js
rename to pages_tool/_components/sx-rate/common.js
diff --git a/components/sx-rate/sx-rate/iconfont.eot b/pages_tool/_components/sx-rate/fonts/iconfont.eot
similarity index 100%
rename from components/sx-rate/sx-rate/iconfont.eot
rename to pages_tool/_components/sx-rate/fonts/iconfont.eot
diff --git a/components/sx-rate/sx-rate/iconfont.svg b/pages_tool/_components/sx-rate/fonts/iconfont.svg
similarity index 100%
rename from components/sx-rate/sx-rate/iconfont.svg
rename to pages_tool/_components/sx-rate/fonts/iconfont.svg
diff --git a/components/sx-rate/sx-rate/iconfont.ttf b/pages_tool/_components/sx-rate/fonts/iconfont.ttf
similarity index 100%
rename from components/sx-rate/sx-rate/iconfont.ttf
rename to pages_tool/_components/sx-rate/fonts/iconfont.ttf
diff --git a/components/sx-rate/sx-rate/iconfont.woff b/pages_tool/_components/sx-rate/fonts/iconfont.woff
similarity index 100%
rename from components/sx-rate/sx-rate/iconfont.woff
rename to pages_tool/_components/sx-rate/fonts/iconfont.woff
diff --git a/components/sx-rate/sx-rate/iconfont.woff2 b/pages_tool/_components/sx-rate/fonts/iconfont.woff2
similarity index 100%
rename from components/sx-rate/sx-rate/iconfont.woff2
rename to pages_tool/_components/sx-rate/fonts/iconfont.woff2
diff --git a/components/sx-rate/sx-rate/iconfont.css b/pages_tool/_components/sx-rate/iconfont.css
similarity index 68%
rename from components/sx-rate/sx-rate/iconfont.css
rename to pages_tool/_components/sx-rate/iconfont.css
index 5cd5397..a2f3dc1 100644
--- a/components/sx-rate/sx-rate/iconfont.css
+++ b/pages_tool/_components/sx-rate/iconfont.css
@@ -1,10 +1,11 @@
-@font-face {font-family: "iconfont";
-  src: url('~@/components/sx-rate/sx-rate/iconfont.eot?t=1574760464482'); /* IE9 */
-  src: url('~@/components/sx-rate/sx-rate/iconfont.eot?t=1574760464482#iefix') format('embedded-opentype'), /* IE6-IE8 */
+@font-face {
+  font-family: "iconfont";
+  src: url('./fonts/iconfont.eot?t=1574760464482'); /* IE9 */
+  src: url('./fonts/iconfont.eot?t=1574760464482#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAK8AAsAAAAABnAAAAJwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAp8gQgBNgIkAwgLBgAEIAWEbQcuG6wFyA4lTcHACOEZBUg8fL/2O3f3fTHEkoh28SSayCSxkkgQG6Uz3UvYITu9Qr5K0Vh6Ij6f+8CXKzVBHDvWa6d0lSfK57mc3gQ6kGt8oBz3ojUG9QLqxYEU6B4YRVYqecPYBS7hMYG6QWF0dlOycoGxxFoViFuxkALGuYAksXRVKNccTOJdSTV7zbSAt/D78Y8XxmRKOavq5CZZAOK+7u2svLVode0TggR0vIQc84BEXNQmjugJxumpJ/SNAvsqD77ui8K3i71aBPvrrNIm6IfSe5K58ltNZ3BbU40Blkf9OmKsIW/Un1qddc4dcSma3ArIX7PPXdlxK5l2zJ+aD6TXnQqmu330wqpeWkYN/OnNm/0trU+YvqNR4UN99f+x/tApIFTfR7u39X4gKPnb9pOX5RAQB6DYyc/zOKCD4OUp6KiiPeqnapbAp56NdegrdhLo5wKq+3UG/0fWcyDpCsuWJVVWO5oZO29bXR0FwJ4uV2ONvTeTCVW9I1wVAylyVeNkYudR0rCOsqoN1M1JPd7QDdMTqYZZXQChwwYybT6Q63BIJvYSJX1eUNYReqi7CrsLGyZDbJqIEUWQAPLroJhWKhjHQUyj8mwkrJJROKsI+XyENeIw5LI4xXQqUiA8xxZNtZBHCAMZrJTDFPAcksmUUIWVEkQTlogQVQSbzdS9iUUr5cDUDgyhEIgAxFcHEqMpKTD+eMK09PlsiFAVGQpu6atJ5kMwDfHsEBcLpweZqlX06ruXVzSqCfEQBANiYEpyUAqYh8jIKEGq+nkSCI1gEY2IqURg28OYvlrW+nr5152AOsuUhV2fSy+EwgAAAA==') format('woff2'),
-  url('~@/components/sx-rate/sx-rate/iconfont.woff?t=1574760464482') format('woff'),
-  url('~@/components/sx-rate/sx-rate/iconfont.ttf?t=1574760464482') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('~@/components/sx-rate/sx-rate/iconfont.svg?t=1574760464482#iconfont') format('svg'); /* iOS 4.1- */
+  url('./fonts/iconfont.woff?t=1574760464482') format('woff'),
+  url('./fonts/iconfont.ttf?t=1574760464482') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('./fonts/iconfont.svg?t=1574760464482#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
diff --git a/components/sx-rate/sx-rate.vue b/pages_tool/_components/sx-rate/sx-rate.vue
similarity index 93%
rename from components/sx-rate/sx-rate.vue
rename to pages_tool/_components/sx-rate/sx-rate.vue
index bae7734..ad7cdf8 100644
--- a/components/sx-rate/sx-rate.vue
+++ b/pages_tool/_components/sx-rate/sx-rate.vue
@@ -188,10 +188,10 @@ export default {
 </script>
 
 <style scoped>
-@import './sx-rate/iconfont.css';
+@import './iconfont.css';
 </style>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .rate-box {
 	min-height: 1.4em;
 	display: flex;
diff --git a/pages_tool/contact/contact.vue b/pages_tool/contact/contact.vue
index e1fb92f..7d75924 100644
--- a/pages_tool/contact/contact.vue
+++ b/pages_tool/contact/contact.vue
@@ -11,7 +11,8 @@
                             style="background: #1daa39;width: 100%;border-radius: 10rpx;">
                             <view class="bl bor" style="box-sizing: border-box;">
                                 <image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
-                                <view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}</view>
+                                <view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}
+                                </view>
                             </view>
                         </view>
                     </view>
@@ -28,7 +29,8 @@
                         <view @click="tapMessage" class="view_li w50_li  text-center">
                             <view class="bl bor" style="box-sizing: border-box;">
                                 <image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
-                                <view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}</view>
+                                <view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}
+                                </view>
                             </view>
                         </view>
                     </view>
@@ -52,7 +54,8 @@
                                     <image mode="widthFix" :src="$util.img('public/static/img/boda.png')"
                                         style="margin-top: 8rpx;margin-right: 10rpx;"></image>
                                     <view style="flex: 1;">{{ item.mobile }}</view>
-                                    <view class="btn-container" @click="Tel(item.mobile)"><span class="contact-btn" style="background: #0054a5;">{{ $lang('call') }}</span>
+                                    <view class="btn-container" @click="Tel(item.mobile)"><span class="contact-btn"
+                                            style="background: #0054a5;">{{ $lang('call') }}</span>
                                     </view>
                                 </view>
                                 <view class="contact_name" v-if="item.email"
@@ -60,7 +63,8 @@
                                     <image mode="widthFix" :src="$util.img('public/static/img/emall.png')"
                                         style="margin-top: 8rpx;margin-right: 10rpx;"></image>
                                     <view style="flex: 1;">{{ item.email }}</view>
-                                    <view class="btn-container" @click="copy(item.email)"><span class="contact-btn" style="background: #0054a5;">{{ $lang('copy') }}</span>
+                                    <view class="btn-container" @click="copy(item.email)"><span class="contact-btn"
+                                            style="background: #0054a5;">{{ $lang('copy') }}</span>
                                     </view>
                                 </view>
                             </view>
@@ -72,11 +76,13 @@
                         <view class="section-title">企业文件</view>
                         <view class="files-list">
                             <view v-for="(file, index) in fileList" :key="index" class="file-item">
-                                <image mode="aspectFill" :src="$util.img('public/static/img/pdf-icon.png')" class="file-icon"></image>
+                                <image mode="aspectFill" :src="$util.img('public/static/img/pdf-icon.png')"
+                                    class="file-icon"></image>
                                 <view class="file-info">
                                     <view class="file-name">{{ file.name }}</view>
                                     <view class="file-actions">
-                                        <button class="file-btn share-btn" @click="shareFile(file)">{{ $lang('share') }}</button>
+                                        <button class="file-btn share-btn" @click="shareFile(file)">{{ $lang('share')
+                                            }}</button>
                                     </view>
                                 </view>
                             </view>
@@ -86,15 +92,17 @@
                     <view class="view_videos_container" v-if="showVideoListDiy && videoList.length > 0">
                         <view class="section-title">企业视频</view>
                         <view class="videos-list">
-                            <view v-for="(video, index) in videoList" :key="index" class="video-item" @click="playVideo(video)">
+                            <view v-for="(video, index) in videoList" :key="index" class="video-item"
+                                @click="playVideo(video)">
                                 <image mode="aspectFill" :src="video.coverUrl" class="video-cover"></image>
                                 <view class="video-play-btn">
-                                    <image mode="aspectFill" :src="$util.img('public/static/img/play-icon.png')" class="play-icon"></image>
+                                    <image mode="aspectFill" :src="$util.img('public/static/img/play-icon.png')"
+                                        class="play-icon"></image>
                                 </view>
                                 <view class="video-title">{{ video.title }}</view>
                             </view>
                         </view>
-                    </view>                     
+                    </view>
 
                     <!-- 视频号视频列表 -->
                     <view class="view_channel_container" v-if="showChannelListDiy && channelList.length > 0">
@@ -106,7 +114,7 @@
                             showViewCount: Boolean(diyChannelSettings.channel_show_view_count),
                             titleLineClamp: parseInt(diyChannelSettings.channel_title_line_clamp),
                             showPlayBtn: Boolean(diyChannelSettings.channel_show_play_btn),
-                        }" @channel-video-click-play="onChannelVideoClickPlay"/>
+                        }" @channel-video-click-play="onChannelVideoClickPlay" />
                     </view>
 
                     <!-- 地图 -->
@@ -115,13 +123,14 @@
                         :longitude="shop.longitude" :latitude="shop.latitude" show-location>
                         <cover-view
                             style="position:absolute;right:10px;bottom:30rpx;z-index:9;background:#4d83ff;padding:5px 10px;wxcs_style_padding:10rpx 20rpx;border-radius:8rpx;color: #fff;"
-                            @click="tomap"><cover-view style="font-size:24rpx">{{ $lang('oneClickNavigation') }}</cover-view>
+                            @click="tomap"><cover-view style="font-size:24rpx">{{ $lang('oneClickNavigation')
+                                }}</cover-view>
                         </cover-view>
                     </map>
                 </view>
 
             </view>
-		</view>
+        </view>
         <!--留言弹窗-->
         <view class="goods-sku">
             <uni-popup ref="informationPopup" type="bottom" @change="change">
@@ -136,50 +145,35 @@
                                 <view class="fui-cell  ">
                                     <view class="fui-cell-label ">{{ $lang('name') }}</view>
                                     <view class="fui-cell-info">
-                                       <input 
-                                         id="input-realname"
-                                         :value="Form.realname"
-                                         @input="e => Form.realname = e.detail.value"
-                                         class="fui-input" 
-                                         :placeholder="$lang('pleaseEnterName')"
-                                         :key="formKey"
-                                       />
+                                        <input id="input-realname" :value="Form.realname"
+                                            @input="e => Form.realname = e.detail.value" class="fui-input"
+                                            :placeholder="$lang('pleaseEnterName')" :key="formKey" />
                                     </view>
                                 </view>
                                 <view class="fui-cell ">
                                     <view class="fui-cell-label">{{ $lang('contactInfo') }}</view>
                                     <view class="fui-cell-info">
-                                        <input 
-                                          id="input-mobile"
-                                          :value="Form.mobile"
-                                          @input="e => Form.mobile = e.detail.value"
-                                          class="fui-input" 
-                                          maxlength="11" 
-                                          :placeholder="$lang('pleaseEnterMobile')" 
-                                          type="number"
-                                          :key="formKey"
-                                        />
+                                        <input id="input-mobile" :value="Form.mobile"
+                                            @input="e => Form.mobile = e.detail.value" class="fui-input" maxlength="11"
+                                            :placeholder="$lang('pleaseEnterMobile')" type="number" :key="formKey" />
                                     </view>
                                 </view>
                                 <view class="fui-cell ">
-                                    <view class="fui-cell-label" style="position: absolute;top:10px">{{ $lang('messageContent') }}</view>
+                                    <view class="fui-cell-label" style="position: absolute;top:10px">{{
+                                        $lang('messageContent') }}</view>
                                     <view class="fui-cell-info" style="margin-left: 160rpx;border: solid 2rpx #eee;">
-                                    <!-- <input v-model="Form.mailbox"  class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
-                                       <textarea 
-                                         id="textarea-remark"
-                                         :value="Form.remark"
-                                         @input="e => Form.remark = e.detail.value"
-                                         class="textarea" 
-                                         :placeholder="$lang('pleaseEnterMessage')" 
-                                         style="font-size: 28rpx;padding: 10rpx;"
-                                         :key="formKey"
-                                       ></textarea>
+                                        <!-- <input v-model="Form.mailbox"  class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
+                                        <textarea id="textarea-remark" :value="Form.remark"
+                                            @input="e => Form.remark = e.detail.value" class="textarea"
+                                            :placeholder="$lang('pleaseEnterMessage')"
+                                            style="font-size: 28rpx;padding: 10rpx;" :key="formKey"></textarea>
                                     </view>
                                 </view>
                             </view>
                         </view>
                     </scroll-view>
-                    <view class="button-box"><button type="primary" @click="save()">{{ $lang('submit') }}</button></view>
+                    <view class="button-box"><button type="primary" @click="save()">{{ $lang('submit') }}</button>
+                    </view>
                 </view>
             </uni-popup>
         </view>
@@ -188,15 +182,14 @@
         <diy-bottom-nav></diy-bottom-nav>
 
         <!-- 视频播放弹窗 -->
-        <ns-video-player-popup 
-            ref="videoPlayerPopup" 
-            :current-video="currentVideo"
-            @popup-change="onVideoPopupChange"
-        ></ns-video-player-popup>
+        <ns-video-player-popup ref="videoPlayerPopup" :current-video="currentVideo"
+            @popup-change="onVideoPopupChange"></ns-video-player-popup>
     </view>
 </template>
 
 <script>
+
+import { copyText, makePhoneCall, openLocation } from '@/common/js/uniapp.utils.js';
 import scroll from '@/common/js/scroll-view.js';
 import shareUtil from '@/common/js/share.js';
 
@@ -220,11 +213,11 @@ export default {
 
             diyChannelSettings: {
                 channel_display_style: 'fixed',
-				channel_aspect_ratio: '16:9',
-				channel_show_view_count: true,
-				channel_row_count: 2,
-				channel_title_line_clamp: 2,
-				channel_show_play_btn: true,
+                channel_aspect_ratio: '16:9',
+                channel_show_view_count: true,
+                channel_row_count: 2,
+                channel_title_line_clamp: 2,
+                channel_show_play_btn: true,
             }, // 自定义设置
 
             ismessage: 0,
@@ -238,16 +231,16 @@ export default {
             markers: [
                 {
                     id: 1,
-                   /*	width:20, //宽度
-						height:20, //高度*/
-					//	iconPath: '../../static/goal_weizhi.png', //目标位置图标路径
-					//这里的经纬度是 目的地 的经纬度
+                    /*	width:20, //宽度
+                         height:20, //高度*/
+                    //	iconPath: '../../static/goal_weizhi.png', //目标位置图标路径
+                    //这里的经纬度是 目的地 的经纬度
                     latitude: 0,
                     longitude: 0,
                     callout: {
-						/* 	title:123,
-							content:'123' */
-					}
+                        /* 	title:123,
+                            content:'123' */
+                    }
                 }
             ],
             landline: 0,
@@ -295,7 +288,7 @@ export default {
                     this.showMapDiy = res.diy.is_map == 1;
                     this.showVideoListDiy = res.diy.is_video == 1;
                     this.showFileListDiy = res.diy.is_file == 1;
-                    this.showChannelListDiy = res.diy.is_channel == 1; 
+                    this.showChannelListDiy = res.diy.is_channel == 1;
 
                     // 遍历res.diy所有key，然后判断key前缀包含channel_，如果包含，就赋值给diyChannelSettings
                     for (let key in res.diy) {
@@ -305,7 +298,7 @@ export default {
                     }
                 }
             },
-            fail: res => {}
+            fail: res => { }
         });
     },
     methods: {
@@ -321,7 +314,7 @@ export default {
                     channel_id: item.channelId
                 },
                 success: res => {
-            
+
                 },
                 fail: res => {
                 }
@@ -350,7 +343,7 @@ export default {
                 // 弹窗关闭时重置当前视频
                 this.currentVideo = null;
             }
-        },            
+        },
         save() {
             if (!this.Form.realname.trim()) {
                 uni.showToast({ title: '请填写姓名', icon: 'none' });
@@ -439,36 +432,15 @@ export default {
         },
 
         Tel(m) {
-            uni.makePhoneCall({
-                phoneNumber: m + '',
-                success(e) {
-                    console.log(e);
-                }
-            });
+            makePhoneCall(m);
         },
 
         copy(text) {
-            uni.setClipboardData({
-                data: text,
-                success: () => {
-                    uni.showToast({
-                        title: this.$lang('copySuccess'),
-                        icon: 'success',
-                        duration: 2000
-                    });
-                },
-                fail: (err) => {
-                    uni.showToast({
-                        title: err.message || err.errMsg || this.$lang('copyFailed'),
-                        icon: 'none',
-                        duration: 2000
-                    });
-                }
-            });
+            copyText(text, { copySuccess: this.$lang('copySuccess'), copyFailed: this.$lang('copyFailed') });
         },
 
         tomap() {
-            uni.openLocation({
+            openLocation({
                 latitude: parseFloat(this.shop.latitude),
                 longitude: parseFloat(this.shop.longitude),
                 name: this.$lang('oneClickNavigation'),
@@ -625,12 +597,13 @@ image {
     position: relative;
     z-index: 0;
 }
+
 image {
-	max-width: 100%;
+    max-width: 100%;
 }
 
 .bl {
-	display: block;
+    display: block;
 }
 
 .line1 {
@@ -669,12 +642,13 @@ image {
     line-height: 20rpx;
     border-radius: 10rpx;
 }
+
 .view_ul_100 .fl {
-	width: 10%;
+    width: 10%;
 }
 
 .view_ul_100 .fr {
-/*  padding-left: 30rpx;*/
+    /*  padding-left: 30rpx;*/
     width: 100%;
 }
 
@@ -696,25 +670,27 @@ image {
 .list_cotact .view_ul_100>view {
     padding: 20rpx 30rpx 0rpx 30rpx;
 }
+
 .list_cotact .view_ul_two .view_li>view {
-	background-color: #fff;
-	padding: 20rpx 30rpx 0rpx 30rpx;
+    background-color: #fff;
+    padding: 20rpx 30rpx 0rpx 30rpx;
 }
 
 .list_cotact .view_ul_two .view_li>view .address {
-	background-color: #5dc2d0;
-	color: #fff;
-	display: inline-block;
-	font-size: 28rpx;
-	line-height: 48rpx;
-	margin-bottom: 30rpx;
-	padding: 0 30rpx;
-	width: auto;
+    background-color: #5dc2d0;
+    color: #fff;
+    display: inline-block;
+    font-size: 28rpx;
+    line-height: 48rpx;
+    margin-bottom: 30rpx;
+    padding: 0 30rpx;
+    width: auto;
 }
 
 .view_ul_two {
-	margin-top: 20rpx;
+    margin-top: 20rpx;
 }
+
 .contact_name {
     color: rgba(71, 71, 71, .79);
     font-size: 24rpx;
@@ -896,5 +872,4 @@ image {
     bottom: 180rpx !important;
     /* #endif */
 }
-
 </style>
\ No newline at end of file
diff --git a/pages_tool/form/formdata.vue b/pages_tool/form/formdata.vue
index 7743cc8..db3deb7 100644
--- a/pages_tool/form/formdata.vue
+++ b/pages_tool/form/formdata.vue
@@ -20,7 +20,13 @@
 </template>
 
 <script>
+
+import nsNewform from '../_components/ns-newform/ns-newform.vue';
+
 export default {
+	components: {
+		nsNewform
+	},
 	data() {
 		return {
 			id: 0,
diff --git a/pages_tool/login/find.vue b/pages_tool/login/find.vue
index ed89429..c38c7ce 100644
--- a/pages_tool/login/find.vue
+++ b/pages_tool/login/find.vue
@@ -87,7 +87,13 @@
 
 <script>
 import validate from 'common/js/validate.js';
+
+import mypOne from '../_components/myp-one/myp-one.vue';
+
 export default {
+	components: {
+		mypOne
+	},
 	data() {
 		return {
 			findMode: 'mobile',
diff --git a/pages_tool/member/index.vue b/pages_tool/member/index.vue
index d45527a..e45d7fe 100644
--- a/pages_tool/member/index.vue
+++ b/pages_tool/member/index.vue
@@ -77,7 +77,14 @@
 import diyJs from '@/common/js/diy.js';
 import indexJs from './public/js/index.js';
 
+import nsBirthdayGift from '../_components/ns-birthday-gift/ns-birthday-gift.vue';
+import nsNewGift from '../_components/ns-new-gift/ns-new-gift.vue';
+
 export default {
+	components: {
+		nsBirthdayGift,
+		nsNewGift
+	},
 	mixins: [diyJs, indexJs],
 	methods: {
 
diff --git a/pages_tool/member/modify_face.vue b/pages_tool/member/modify_face.vue
index 947ec12..eacdd3b 100644
--- a/pages_tool/member/modify_face.vue
+++ b/pages_tool/member/modify_face.vue
@@ -2,8 +2,10 @@
 	<view :style="themeColor" class="nc-modify-content">
 		<view class="modify">
 			<view>
-				<image v-if="newImg == ''" :src="memberImg ? $util.img(memberImg) : $util.getDefaultImage().head" @error="memberImg = $util.getDefaultImage().head" mode="aspectFill"/>
-				<image v-else :src="$util.img(newImg)" @error="newImg = $util.getDefaultImage().head" mode="aspectFill" />
+				<image v-if="newImg == ''" :src="memberImg ? $util.img(memberImg) : $util.getDefaultImage().head"
+					@error="memberImg = $util.getDefaultImage().head" mode="aspectFill" />
+				<image v-else :src="$util.img(newImg)" @error="newImg = $util.getDefaultImage().head"
+					mode="aspectFill" />
 			</view>
 		</view>
 		<view class="opection-box">
@@ -29,162 +31,167 @@
 
 <script>
 
-	export default {
-		data() {
-			return {
-				memberImg: '',
-				newImg: '',
-				imgurl: ''
-			};
-		},
-		onShow() {
-			if (!this.storeToken) {
-				this.$util.redirectTo(
-					this.$util.LOGIN_PAGE_URL, {
-						back: '/pages_tool/member/modify_face'
-					},
-					'redirectTo'
-				);
-				return;
-			}
+import imgCropping from '../_components/img-cropping/img-cropping.vue';
 
-			this.memberImg = this.memberInfo.headimg;
-			this.imgurl = this.memberInfo.headimg;
-		},
-		methods: {
-			chooseImage() {
-				this.$refs.imgCropping.fSelect();
+export default {
+	components: {
+		imgCropping,
+	},
+	data() {
+		return {
+			memberImg: '',
+			newImg: '',
+			imgurl: ''
+		};
+	},
+	onShow() {
+		if (!this.storeToken) {
+			this.$util.redirectTo(
+				this.$util.LOGIN_PAGE_URL, {
+				back: '/pages_tool/member/modify_face'
 			},
-			//上传返回图片
-			myUpload(rsp) {
-				let app_type = 'h5';
-				let app_type_name = 'H5';
+				'redirectTo'
+			);
+			return;
+		}
 
-				// #ifdef MP
-				app_type = 'weapp';
-				app_type_name = 'weapp';
-				// #endif
-				uni.request({
-					url: this.$config.baseUrl + '/api/upload/headimgBase64',
-					method: 'POST',
-					data: {
-						app_type: app_type,
-						app_type_name: app_type_name,
-						images: rsp.base64
-					},
-					header: {
-						'content-type': 'application/x-www-form-urlencoded;application/json'
-					},
-					dataType: 'json',
-					responseType: 'text',
-					success: res => {
-						if (res.data.code == 0) {
-							this.newImg = res.data.data.pic_path;
-							this.imgurl = res.data.data.pic_path;
-						}
-					},
-					fail: () => {
+		this.memberImg = this.memberInfo.headimg;
+		this.imgurl = this.memberInfo.headimg;
+	},
+	methods: {
+		chooseImage() {
+			this.$refs.imgCropping.fSelect();
+		},
+		//上传返回图片
+		myUpload(rsp) {
+			let app_type = 'h5';
+			let app_type_name = 'H5';
+
+			// #ifdef MP
+			app_type = 'weapp';
+			app_type_name = 'weapp';
+			// #endif
+			uni.request({
+				url: this.$config.baseUrl + '/api/upload/headimgBase64',
+				method: 'POST',
+				data: {
+					app_type: app_type,
+					app_type_name: app_type_name,
+					images: rsp.base64
+				},
+				header: {
+					'content-type': 'application/x-www-form-urlencoded;application/json'
+				},
+				dataType: 'json',
+				responseType: 'text',
+				success: res => {
+					if (res.data.code == 0) {
+						this.newImg = res.data.data.pic_path;
+						this.imgurl = res.data.data.pic_path;
+					}
+				},
+				fail: () => {
+					this.$util.showToast({
+						title: '头像上传失败'
+					});
+				}
+			});
+		},
+		previewImage() {
+			uni.previewImage({
+				current: 0,
+				urls: this.images
+			});
+		},
+		save() {
+			this.$api.sendRequest({
+				url: '/api/member/modifyheadimg',
+				data: {
+					headimg: this.imgurl
+				},
+				success: res => {
+					if (res.code == 0) {
+						this.memberInfo.headimg = this.imgurl;
+						this.$store.commit('setMemberInfo', this.memberInfo);
 						this.$util.showToast({
-							title: '头像上传失败'
+							title: '头像修改成功'
+						});
+						setTimeout(() => {
+							this.$util.redirectTo('/pages_tool/member/info', {}, 'redirectTo');
+						}, 2000);
+					} else {
+						this.$util.showToast({
+							title: res.message
 						});
 					}
-				});
-			},
-			previewImage() {
-				uni.previewImage({
-					current: 0,
-					urls: this.images
-				});
-			},
-			save() {
-				this.$api.sendRequest({
-					url: '/api/member/modifyheadimg',
-					data: {
-						headimg: this.imgurl
-					},
-					success: res => {
-						if (res.code == 0) {
-							this.memberInfo.headimg = this.imgurl;
-							this.$store.commit('setMemberInfo', this.memberInfo);
-							this.$util.showToast({
-								title: '头像修改成功'
-							});
-							setTimeout(() => {
-								this.$util.redirectTo('/pages_tool/member/info', {}, 'redirectTo');
-							}, 2000);
-						} else {
-							this.$util.showToast({
-								title: res.message
-							});
-						}
-					}
-				});
-			},
-			uploadFace() {
-				uni.chooseImage({
-					count: 1,
-					sizeType: ['compressed'],
-					success: (chooseImageRes) => {
-						const tempFilePaths = chooseImageRes.tempFilePaths;
-						this.$api.upload({
-							url: '/api/upload/headimg',
-							filePath: tempFilePaths[0],
-							fileType: 'image',
-							success: (res) => {
-								if (res.code) {
-									this.newImg = res.data.pic_path;
-									this.imgurl = res.data.pic_path;
-								}
+				}
+			});
+		},
+		uploadFace() {
+			uni.chooseImage({
+				count: 1,
+				sizeType: ['compressed'],
+				success: (chooseImageRes) => {
+					const tempFilePaths = chooseImageRes.tempFilePaths;
+					this.$api.upload({
+						url: '/api/upload/headimg',
+						filePath: tempFilePaths[0],
+						fileType: 'image',
+						success: (res) => {
+							if (res.code) {
+								this.newImg = res.data.pic_path;
+								this.imgurl = res.data.pic_path;
 							}
-						})
-					}
-				});
-			}
+						}
+					})
+				}
+			});
 		}
-	};
+	}
+};
 </script>
 
 <style lang="scss">
-	page {
+page {
+	overflow: hidden;
+}
+
+.modify {
+	position: relative;
+	padding-top: 50rpx;
+
+	view {
+		width: 500rpx;
+		height: 500rpx;
+		margin: 0 auto;
 		overflow: hidden;
-	}
+		background-color: #ffffff;
+		border: 4rpx solid #ffffff;
+		border-radius: 100%;
 
-	.modify {
-		position: relative;
-		padding-top: 50rpx;
-
-		view {
-			width: 500rpx;
-			height: 500rpx;
-			margin: 0 auto;
-			overflow: hidden;
-			background-color: #ffffff;
-			border: 4rpx solid #ffffff;
-			border-radius: 100%;
-
-			image {
-				width: 100%;
-				height: 100%;
-			}
+		image {
+			width: 100%;
+			height: 100%;
 		}
 	}
+}
 
-	.opection-box {
-		margin-top: 50rpx;
-	}
-
-	.opec {
-		width: 100%;
-		padding: 0 10%;
-		box-sizing: border-box;
-		display: flex;
-		justify-content: space-between;
-
-		button {
-			padding: 0 30rpx;
-			height: 60rpx;
-			line-height: 60rpx;
-			border: none;
-		}
+.opection-box {
+	margin-top: 50rpx;
+}
+
+.opec {
+	width: 100%;
+	padding: 0 10%;
+	box-sizing: border-box;
+	display: flex;
+	justify-content: space-between;
+
+	button {
+		padding: 0 30rpx;
+		height: 60rpx;
+		line-height: 60rpx;
+		border: none;
 	}
+}
 </style>
\ No newline at end of file
diff --git a/pages_tool/member/pay_password.vue b/pages_tool/member/pay_password.vue
index 233fd4a..0511b4b 100644
--- a/pages_tool/member/pay_password.vue
+++ b/pages_tool/member/pay_password.vue
@@ -16,7 +16,11 @@
 </template>
 
 <script>
+	import mypOne from '../_components/myp-one/myp-one.vue';
 	export default {
+		components: {
+			mypOne
+		},
 		data() {
 			return {
 				isClick: false,
diff --git a/pages_tool/order/evaluate.vue b/pages_tool/order/evaluate.vue
index a4be862..a780f04 100644
--- a/pages_tool/order/evaluate.vue
+++ b/pages_tool/order/evaluate.vue
@@ -6,27 +6,31 @@
 					<view class="eval-wrap">
 						<view class="eval-good">
 							<view class="good-box">
-								<image class="good_pic" :src="$util.img(item.sku_image, { size: 'mid' })" @error="imageError(index)" mode="widthFix" />
+								<image class="good_pic" :src="$util.img(item.sku_image, { size: 'mid' })"
+									@error="imageError(index)" mode="widthFix" />
 								<view class="good_info font-size-base">{{ item.sku_name }}</view>
 							</view>
 						</view>
 						<view class="eval-star" v-if="!isEvaluate">
 							<view class="star-box">
 								<view class="star-title color-base-bg-before">描述相符</view>
-								<view class="rate-box"><sx-rate :value="goodsEvalList[index].scores" :index="index" @change="setStar" /></view>
+								<view class="rate-box"><sx-rate :value="goodsEvalList[index].scores" :index="index"
+										@change="setStar" /></view>
 								<view class="grade-li">
-									<view class="icon iconfont" :class="
-											goodsEvalList[index].explain_type == '1'
-												? 'icon-haoping1 color-base-text'
-												: goodsEvalList[index].explain_type == '2'
+									<view class="icon iconfont" :class="goodsEvalList[index].explain_type == '1'
+											? 'icon-haoping1 color-base-text'
+											: goodsEvalList[index].explain_type == '2'
 												? 'icon-zhongchaping color-base-text'
 												: goodsEvalList[index].explain_type == '3'
-												? 'icon-zhongchaping'
-												: ''
+													? 'icon-zhongchaping'
+													: ''
 										"></view>
-									<view class="font-size-tag color-base-text" v-if="goodsEvalList[index].explain_type == '1'">好评</view>
-									<view class="font-size-tag color-base-text" v-if="goodsEvalList[index].explain_type == '2'">中评</view>
-									<view class="font-size-tag color-base-text" v-if="goodsEvalList[index].explain_type == '3'">差评</view>
+									<view class="font-size-tag color-base-text"
+										v-if="goodsEvalList[index].explain_type == '1'">好评</view>
+									<view class="font-size-tag color-base-text"
+										v-if="goodsEvalList[index].explain_type == '2'">中评</view>
+									<view class="font-size-tag color-base-text"
+										v-if="goodsEvalList[index].explain_type == '3'">差评</view>
 								</view>
 							</view>
 						</view>
@@ -35,20 +39,24 @@
 					<view class="eval-text">
 						<view class="text-box">
 							<block v-if="!isEvaluate">
-								<textarea placeholder="请在此处输入您的评价" v-model="goodsEvalList[index].content" maxlength="200" />
+								<textarea placeholder="请在此处输入您的评价" v-model="goodsEvalList[index].content"
+									maxlength="200" />
 								<text class="maxSize">{{ goodsEvalList[index].content.length }}/200</text>
 							</block>
 							<block v-else>
-								<textarea placeholder="请在此处输入您的追评" v-model="goodsEvalList[index].again_content" maxlength="200" />
+								<textarea placeholder="请在此处输入您的追评" v-model="goodsEvalList[index].again_content"
+									maxlength="200" />
 								<text class="maxSize">{{ goodsEvalList[index].again_content.length }}/200</text>
 							</block>
 
 							<view class="other-info">
 								<view class="other-info-box" v-for="(i, t) in imgList[index]" :key="t">
 									<image :src="$util.img(i)" mode="aspectFill" @click="preview(i, index)"></image>
-									<view class="imgDel" @click="deleteImg(i, index ,t)"><text class=" icon iconfont icon-delete"></text></view>
+									<view class="imgDel" @click="deleteImg(i, index, t)"><text
+											class=" icon iconfont icon-delete"></text></view>
 								</view>
-								<view class="other-info-box active" @click="addImg(index)" v-if="imgList[index].length < 6 || imgList[index].length == undefined">
+								<view class="other-info-box active" @click="addImg(index)"
+									v-if="imgList[index].length < 6 || imgList[index].length == undefined">
 									<text class="icon iconfont icon-zhaoxiangji"></text>
 									<text>{{ imgList[index].length ? 6 - imgList[index].length : 0 }}/6</text>
 								</view>
@@ -59,7 +67,8 @@
 			</view>
 			<view class="eval-bottom" :class="{ 'safe-area': isIphoneX }">
 				<view class="all-election" @click="isAll()" v-if="!isEvaluate">
-					<view class="iconfont color-base-text" :class="isAnonymous ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></view>
+					<view class="iconfont color-base-text"
+						:class="isAnonymous ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></view>
 					<text>匿名</text>
 				</view>
 				<view class="action-btn"><button type="primary" @click="save()">提交</button></view>
@@ -71,12 +80,17 @@
 </template>
 
 <script>
-	import evaluate from './public/js/evaluate.js';
-	export default {
-		mixins: [evaluate],
-	};
+import evaluate from './public/js/evaluate.js';
+import sxRate from '../_components/sx-rate/sx-rate.vue';
+
+export default {
+	components: {
+		sxRate,
+	},
+	mixins: [evaluate],
+};
 </script>
 
 <style lang="scss">
-	@import './public/css/evaluate.scss'
+@import './public/css/evaluate.scss'
 </style>
\ No newline at end of file